{"title":"Épicerie","description":"\u003cp\u003eEntre un sucre blanc raffiné et un miel de Manuka récolté en Nouvelle-Zélande, entre une farine industrielle et une farine de sarrasin moulue sur meule de pierre, il y a bien plus qu'une différence de prix. Il y a une philosophie alimentaire, un choix de santé, et souvent un goût incomparable.\u003c\/p\u003e\n\u003cp\u003eRedécouvrir l'épicerie bio, c'est un peu comme réapprendre à cuisiner avec des ingrédients qui ont du caractère. Des huiles qui sentent vraiment l'olive ou la noix, des épices aux arômes puissants, des farines qui donnent du corps à vos préparations. Pas une contrainte, non - plutôt une invitation à retrouver le goût authentique des aliments, celui que nos grands-parents connaissaient avant que l'industrie ne standardise tout.\u003c\/p\u003e\n\u003ch2\u003eCe qui distingue une épicerie bio d'une épicerie conventionnelle\u003c\/h2\u003e\n\u003cp\u003eOn entend souvent que le bio, c'est juste \"sans pesticides\". C'est vrai, mais c'est réducteur. Derrière le label AB ou Eurofeuille se cache un cahier des charges bien plus complet qu'on ne l'imagine.\u003c\/p\u003e\n\u003ch3\u003eCe que garantit vraiment la certification bio\u003c\/h3\u003e\n\u003cp\u003eLa certification bio impose l'absence de pesticides de synthèse et d'OGM, évidemment. Mais elle limite aussi drastiquement les additifs autorisés - environ 50 contre plus de 300 dans le conventionnel. Exit les colorants artificiels, les exhausteurs de goût douteux, les conservateurs à rallonge. Le produit doit se suffire à lui-même, ou presque.\u003c\/p\u003e\n\u003cp\u003eEt puis il y a la traçabilité. Chaque maillon de la chaîne est contrôlé, du champ jusqu'à l'emballage. Ça peut sembler administratif dit comme ça, mais concrètement, ça signifie qu'on sait d'où vient ce qu'on mange.\u003c\/p\u003e\n\u003ch3\u003eBio industriel versus bio artisanal : une vraie différence\u003c\/h3\u003e\n\u003cp\u003eAttention toutefois : tous les produits bio ne se valent pas. Un biscuit bio produit par milliers dans une usine reste un produit ultra-transformé. Le label fixe un socle minimum, pas un idéal.\u003c\/p\u003e\n\u003cp\u003eC'est là qu'interviennent les labels complémentaires. Demeter certifie l'agriculture biodynamique, plus exigeante encore. Nature \u0026amp; Progrès va au-delà du bio en intégrant des critères sociaux et environnementaux. Les AOP et IGP garantissent un terroir, un savoir-faire ancré géographiquement.\u003c\/p\u003e\n\u003ch3\u003eLe mode de transformation : un critère trop souvent négligé\u003c\/h3\u003e\n\u003cp\u003eUne huile d'olive bio extraite à chaud avec des solvants n'a rien à voir avec une huile première pression à froid. La première a perdu l'essentiel de ses polyphénols et de sa saveur. La seconde conserve tout ce qui fait l'intérêt nutritionnel et gustatif de l'olive.\u003c\/p\u003e\n\u003cp\u003eMême logique pour les farines : une farine complète moulue sur meule de pierre garde le germe du grain, riche en vitamines et minéraux. Une farine industrielle, même bio, peut avoir été chauffée et appauvrie par le processus de mouture. Les termes à repérer : \"non raffiné\", \"cru\", \"première pression à froid\", \"meule de pierre\". Ce sont eux qui font la différence.\u003c\/p\u003e\n\u003ch2\u003eComment utiliser ces ingrédients au quotidien\u003c\/h2\u003e\n\u003cp\u003eBon, tout ça c'est bien joli, mais concrètement ? Comment intégrer ces produits sans passer trois heures en cuisine chaque jour ? Rassurez-vous, c'est plus simple qu'il n'y paraît.\u003c\/p\u003e\n\u003ch3\u003eLe petit-déjeuner, terrain de jeu idéal\u003c\/h3\u003e\n\u003cp\u003eC'est souvent le repas le plus facile à transformer. Remplacez votre café par un \u003ca href=\"\/products\/morning-latte-magic-golden-bio-maca-curcuma-gingembre-125-g-numorning\"\u003egolden latte au curcuma et gingembre\u003c\/a\u003e - anti-inflammatoire et réconfortant. Ou testez un \u003ca href=\"\/products\/latte-original-chai-bio-numorning\"\u003echaï latte aux cinq épices\u003c\/a\u003e pour changer du sempiternel thé noir.\u003c\/p\u003e\n\u003cp\u003eCôté porridge, une cuillère de poudre d'acérola apporte plus de vitamine C qu'un verre de jus d'orange. Discret, efficace.\u003c\/p\u003e\n\u003ch3\u003eLes bases qui changent tout\u003c\/h3\u003e\n\u003cp\u003eLe ghee (beurre clarifié) supporte les hautes températures sans brûler - parfait pour les cuissons. Les huiles vierges, elles, s'utilisent crues pour préserver leurs acides gras : un filet d'huile de noix sur une salade d'endives, et c'est une autre histoire.\u003c\/p\u003e\n\u003cp\u003ePour sucrer autrement, le sucre de coco a un index glycémique plus bas que le sucre blanc. Le miel de Manuka, lui, apporte ses propriétés antibactériennes uniques - on y revient plus bas.\u003c\/p\u003e\n\u003ch3\u003eLes boosters discrets\u003c\/h3\u003e\n\u003cp\u003eCôté infusions, l'\u003ca href=\"\/products\/infusion-tulsi-feuilles-bio-sachet-de-100-g-ayurvana\"\u003einfusion de tulsi (basilic sacré)\u003c\/a\u003e est une merveille adaptogène, parfaite en fin de journée pour décompresser.\u003c\/p\u003e\n\u003ch2\u003eBien choisir ses produits d'épicerie bio : les critères qui comptent\u003c\/h2\u003e\n\u003cp\u003eFace aux rayons - ou aux pages d'une épicerie bio en ligne - comment s'y retrouver ? Voici les réflexes à adopter pour ne pas se faire avoir.\u003c\/p\u003e\n\u003ch3\u003eL'art de lire les étiquettes\u003c\/h3\u003e\n\u003cp\u003ePremière règle : la liste d'ingrédients se lit par ordre décroissant de quantité. Si le sucre arrive en deuxième position de votre muesli \"santé\", il y a comme un problème. Moins la liste est longue, mieux c'est généralement.\u003c\/p\u003e\n\u003cp\u003eMéfiez-vous aussi des appellations floques : \"arôme naturel\" peut cacher bien des choses, même en bio. Privilégiez les produits qui affichent clairement leurs composants sans jargon.\u003c\/p\u003e\n\u003ch3\u003eL'origine géographique, ça compte\u003c\/h3\u003e\n\u003cp\u003eUn quinoa du Pérou cultivé en altitude n'a pas le même profil nutritionnel qu'un quinoa européen. Ce n'est pas une question de supériorité, mais de terroir. Les conditions de culture - altitude, ensoleillement, qualité du sol - influencent directement la densité en nutriments.\u003c\/p\u003e\n\u003cp\u003ePour les épices, l'origine est cruciale. Un curcuma du Kerala, berceau historique de cette épice, sera généralement plus riche en curcumine qu'un curcuma cultivé ailleurs.\u003c\/p\u003e\n\u003ch3\u003eLes indices de qualité selon les produits\u003c\/h3\u003e\n\u003cp\u003eChaque catégorie a ses marqueurs. Pour le miel de Manuka, c'est l'indice IAA (ou UMF) qui mesure l'activité antibactérienne - plus il est élevé, plus le miel est puissant. Un IAA 10+ est déjà un bon niveau pour un usage quotidien.\u003c\/p\u003e\n\u003cp\u003ePour les huiles, l'indice d'acidité révèle la qualité de l'olive et de l'extraction. En dessous de 0.8%, vous êtes sur une huile extra-vierge de qualité. Au-delà, la qualité diminue.\u003c\/p\u003e\n\u003ch3\u003eLe piège du bio ultra-transformé\u003c\/h3\u003e\n\u003cp\u003eOn ne va pas se mentir : un cookie bio reste un cookie. Le label ne transforme pas magiquement un produit gras et sucré en aliment santé. Il garantit simplement que les ingrédients sont bio - ce qui est déjà bien, mais ne suffit pas.\u003c\/p\u003e\n\u003cp\u003ePrivilégiez les produits bruts ou peu transformés : des flocons d'avoine plutôt que des céréales soufflées, des oléagineux entiers plutôt que des barres de céréales.\u003c\/p\u003e\n\u003ch3\u003eComprendre les écarts de prix\u003c\/h3\u003e\n\u003cp\u003eOui, le bio coûte souvent plus cher. Mais comparez ce qui est comparable. Un \u003ca href=\"\/products\/sel-rose-fin-sachet-500-g-comptoirs-et-compagnies-comptoirs-et-compagnies\"\u003esel rose de l'Himalaya\u003c\/a\u003e extrait à la main dans des mines ancestrales ne peut pas coûter le même prix qu'un sel de table industriel. La différence de prix reflète une différence de qualité, de traçabilité, de rémunération des producteurs.\u003c\/p\u003e\n\u003ch2\u003ePanorama de notre épicerie : trouver ce qu'il vous faut\u003c\/h2\u003e\n\u003cp\u003eNotre épicerie naturelle s'organise en plusieurs familles, chacune avec ses spécificités. Petit tour d'horizon pour vous orienter.\u003c\/p\u003e\n\u003ch3\u003eLes grandes familles à explorer\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003ca href=\"\/collections\/superaliments\"\u003eSuperaliments\u003c\/a\u003e\u003c\/strong\u003e - Spiruline, chlorelle, acérola, baies de goji... Ces concentrés nutritionnels s'adressent à ceux qui veulent booster leur alimentation sans bouleverser leurs habitudes. Idéaux en complément d'une assiette déjà équilibrée.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003ca href=\"\/collections\/thes-et-tisanes\"\u003eThés et tisanes\u003c\/a\u003e\u003c\/strong\u003e - Du thé vert japonais aux infusions ayurvédiques, cette collection ravira les amateurs de boissons chaudes fonctionnelles. Pour la détente, la digestion ou simplement le plaisir.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eFarines et fécules\u003c\/strong\u003e - Sarrasin, épeautre, châtaigne, coco... Bien au-delà du blé classique, ces farines alternatives ouvrent de nouveaux horizons en pâtisserie et en cuisine. Parfaites aussi pour les régimes sans gluten.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003ca href=\"\/collections\/graines-et-fruits-secs\"\u003eGraines, fruits secs et céréales\u003c\/a\u003e\u003c\/strong\u003e - La base d'une alimentation végétale riche en protéines et en bons acides gras. Chia, lin, courge, amandes, noix de cajou... À parsemer partout.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003ca href=\"\/collections\/assaisonnements\"\u003eAssaisonnements\u003c\/a\u003e\u003c\/strong\u003e - Huiles vierges, vinaigres, épices, sels du monde... C'est souvent là que se joue la différence entre un plat fade et un plat mémorable.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003e\u003ca href=\"\/collections\/miel-de-manuka\"\u003eMiel de Manuka\u003c\/a\u003e\u003c\/strong\u003e - Une catégorie à part. Ce miel néo-zélandais aux propriétés antibactériennes uniques mérite qu'on s'y attarde. L'indice IAA vous guide : plus il est élevé, plus l'activité est puissante.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eVers une alimentation plus consciente...\u003c\/h2\u003e\n\u003cp\u003eChanger ses habitudes alimentaires, ça ne se fait pas en un jour ! Et franchement, ce n'est pas le but ;). L'idée, c'est plutôt d'avancer à votre rythme, en commençant par ce qui vous fait envie.\u003c\/p\u003e\n\u003cp\u003ePeut-être que ce sera un \u003ca href=\"\/products\/super-cafe-adaptogene-mush-n-go\"\u003ecafé aux champignons adaptogènes\u003c\/a\u003e pour remplacer votre expresso du matin. Ou une nouvelle huile d'olive qui transformera vos salades. Ou simplement une tisane du soir qui deviendra un rituel.\u003c\/p\u003e\n\u003cp\u003eChaque petit changement compte. Explorez, goûtez, faites-vous plaisir. C'est comme ça qu'on construit, doucement, une alimentation qui nous ressemble.\u003c\/p\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eEst-ce que manger bio est vraiment plus sain ?\u003c\/summary\u003e\n\u003cp\u003eLes études montrent une réduction significative de l'exposition aux pesticides chez les consommateurs réguliers de bio - c'est un fait établi. Pour la densité nutritionnelle, c'est plus nuancé : un produit bio non raffiné (huile vierge, farine complète) sera souvent plus riche en nutriments que son équivalent conventionnel raffiné. Mais attention aux raccourcis : le bio n'est pas une baguette magique. Il s'inscrit dans une démarche globale où la qualité des aliments compte autant que leur origine. Un régime varié et équilibré reste la base, bio ou pas.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eComment conserver les produits d'épicerie bio plus longtemps ?\u003c\/summary\u003e\n\u003cp\u003eL'absence de conservateurs impose quelques précautions. Règle d'or : bocaux hermétiques, à l'abri de la lumière et de l'humidité. Les huiles vierges se conservent au réfrigérateur après ouverture pour éviter l'oxydation. Les farines complètes, riches en germe de blé, rancissent plus vite que les farines blanches - achetez des quantités que vous consommerez dans les deux à trois mois. Les épices perdent leurs arômes avec le temps : préférez les petits conditionnements si vous les utilisez peu.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eQuelle différence entre bio industriel et bio artisanal ?\u003c\/summary\u003e\n\u003cp\u003eLe label bio fixe un minimum - c'est déjà beaucoup, mais ce n'est qu'un socle. Un produit bio industriel respecte ce cahier des charges tout en étant produit à grande échelle, parfois ultra-transformé. Un produit bio artisanal va souvent plus loin : petites séries, transformation douce, circuits courts. Les labels complémentaires comme Demeter (biodynamie) ou Nature \u0026amp; Progrès sont plus exigeants que le bio européen. En pratique, lisez les étiquettes : moins d'ingrédients et des mentions comme \"première pression à froid\" ou \"non raffiné\" sont de bons indicateurs.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePar quoi commencer quand on veut passer à une épicerie plus saine ?\u003c\/summary\u003e\n\u003cp\u003eInutile de tout révolutionner d'un coup. Commencez par les produits que vous consommez quotidiennement : l'huile de cuisson, les céréales du petit-déjeuner, le thé ou le café. Ce sont des postes où la différence qualitative est souvent flagrante, tant au goût qu'en termes d'exposition aux résidus. Les fruits et légumes les plus traités (pommes, fraises, épinards) sont aussi de bons candidats pour un passage au bio. L'idée, c'est d'y aller progressivement, selon votre budget et vos envies.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLes superaliments sont-ils vraiment utiles ou est-ce du marketing ?\u003c\/summary\u003e\n\u003cp\u003eLe terme \"superaliment\" n'a pas de définition officielle, et il est parfois galvaudé par le marketing. Cela dit, certains aliments présentent des concentrations nutritionnelles remarquables : la spiruline pour les protéines et le fer, l'acérola pour la vitamine C, les baies de goji pour les antioxydants. Ce sont des alliés intéressants, à condition de ne pas en attendre des miracles. Ils complètent une alimentation équilibrée, ils ne la remplacent pas. Une cuillère de spiruline ne compensera jamais un régime déséquilibré.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","products":[{"product_id":"sel-rose-fin-sachet-500-g-comptoirs-et-compagnies-comptoirs-et-compagnies","title":"Sel Rose de l'Himalya (fin) - Sachet de 500g - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Sel Rose de l'Himalaya\nPalette détectée:\n - Primaire: #E8B4A8 (rose saumon doux du sel)\n - Secondaire: #1A1A1A (noir élégant du packaging)\n - Accent: #F5D4CB (rose très clair pour backgrounds)\n - Cristal: #FFE8E4 (teinte cristalline claire)\nAmbiance: Premium naturel, épuré, minéral, authentique\nStyle: Élégant avec contraste noir\/rose, évoque la pureté cristalline et l'origine himalayenne\nPréfixe CSS: sr (salt rose)\n--\u003e\n\n\u003cdiv class=\"sr-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sr-hero\"\u003e\n \u003cdiv class=\"sr-hero-mountains\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sr-hero-content\"\u003e\n \u003cdiv class=\"sr-brand\"\u003eCOMPTOIRS \u0026amp; COMPAGNIES\u003c\/div\u003e\n \u003cspan class=\"sr-hero-title\"\u003eLe Sel Rose de l'Himalaya\u003c\/span\u003e\n \u003cdiv class=\"sr-hero-subtitle\"\u003eExtrait des contreforts de l'Himalaya · Pureté non raffinée\u003c\/div\u003e\n \n \u003cdiv class=\"sr-short-description\"\u003e\n \u003cdiv class=\"sr-short-item\"\u003e\n \u003cstrong\u003e🏔️ Himalaya Pakistan\u003c\/strong\u003e\n \u003cspan\u003eMines ancestrales 250 millions d'années\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-short-item\"\u003e\n \u003cstrong\u003e💎 100% pur \u0026amp; naturel\u003c\/strong\u003e\n \u003cspan\u003eSans additifs · Non raffiné · Extraction manuelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-short-item\"\u003e\n \u003cstrong\u003e🧂 Riche en minéraux\u003c\/strong\u003e\n \u003cspan\u003eCalcium, potassium, magnésium, fer\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-short-item\"\u003e\n \u003cstrong\u003e📦 Sachet 500g refermable\u003c\/strong\u003e\n \u003cspan\u003eConditionné France · Conservation optimale\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-badges-top\"\u003e\n \u003cspan class=\"sr-badge\"\u003e🏔️ Himalaya\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e💎 100% pur\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e🧂 Sel fin\u003c\/span\u003e\n \u003cspan class=\"sr-badge\"\u003e♻️ 500g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"sr-description\"\u003eDécouvrez le \u003cstrong\u003esel rose fin en sachet 500g\u003c\/strong\u003e, un trésor de la nature ayant traversé les millénaires pour arriver jusqu'à votre table. \u003cstrong\u003eIssu des majestueuses montagnes de l'Himalaya\u003c\/strong\u003e, ce sel unique se distingue par sa pureté et ses bienfaits. Sa \u003cstrong\u003eteinte rose délicate\u003c\/strong\u003e est le signe d'une cristallisation naturelle riche en minéraux essentiels.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- INTRO --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003cdiv class=\"sr-intro-box\"\u003e\n \u003cp\u003eIdéal pour \u003cstrong\u003esublimer vos plats du quotidien\u003c\/strong\u003e, ce sel fin apportera une touche raffinée et savoureuse à toutes vos créations culinaires. Un produit d'exception qui allie tradition, pureté et bienfaits nutritionnels.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ORIGINE --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003ch2 class=\"sr-title\"\u003e\u003cspan\u003eOrigine \u0026amp; fabrication ancestrale\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sr-origin-story\"\u003e\n \u003cdiv class=\"sr-origin-icon\"\u003e🏔️\u003c\/div\u003e\n \u003cdiv class=\"sr-origin-content\"\u003e\n \u003ch3\u003e250 millions d'années d'histoire\u003c\/h3\u003e\n \u003cp\u003eCe sel rose provient des \u003cstrong\u003emines ancestrales de sel gemme de l'Himalaya\u003c\/strong\u003e, situées au Pakistan. Formé il y a plus de \u003cstrong\u003e250 millions d'années\u003c\/strong\u003e, ce sel est le résultat de l'évaporation d'anciennes mers intérieures et de la cristallisation sous les pressions tectoniques qui ont créé la chaîne himalayenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-process-grid\"\u003e\n \u003carticle class=\"sr-process-card\"\u003e\n \u003cdiv class=\"sr-process-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sr-process-content\"\u003e\n \u003ch3\u003eExtraction manuelle\u003c\/h3\u003e\n \u003cp\u003eExtrait \u003cstrong\u003emanuellement\u003c\/strong\u003e selon des méthodes traditionnelles préservant ses qualités intrinsèques et respectant l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-process-card\"\u003e\n \u003cdiv class=\"sr-process-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sr-process-content\"\u003e\n \u003ch3\u003eBroyage naturel\u003c\/h3\u003e\n \u003cp\u003eSimplement \u003cstrong\u003ebroyé\u003c\/strong\u003e sans traitement chimique pour obtenir une granulométrie fine idéale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-process-card\"\u003e\n \u003cdiv class=\"sr-process-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sr-process-content\"\u003e\n \u003ch3\u003eTri sélectif\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eTrié\u003c\/strong\u003e pour garantir une texture homogène et une pureté maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-process-card\"\u003e\n \u003cdiv class=\"sr-process-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"sr-process-content\"\u003e\n \u003ch3\u003eConditionnement\u003c\/h3\u003e\n \u003cp\u003eConditionné en \u003cstrong\u003esachet refermable 500g\u003c\/strong\u003e pour une fraîcheur préservée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003ch2 class=\"sr-title\"\u003e\u003cspan\u003eComposition 100% pure\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sr-composition-intro\"\u003e\n \u003cp\u003eLe \u003cstrong\u003esel rose de l'Himalaya\u003c\/strong\u003e est \u003cstrong\u003e100% pur et naturel\u003c\/strong\u003e. Il contient une multitude de minéraux essentiels. Aucun additif, agent de conservation ou anti-agglomérant n'est ajouté, garantissant un sel de la plus haute qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-minerals-grid\"\u003e\n \u003carticle class=\"sr-mineral-card\"\u003e\n \u003cdiv class=\"sr-mineral-icon\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eCalcium\u003c\/h3\u003e\n \u003cp\u003eEssentiel pour la santé des \u003cstrong\u003eos et des dents\u003c\/strong\u003e, régulation musculaire.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-mineral-card\"\u003e\n \u003cdiv class=\"sr-mineral-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003ePotassium\u003c\/h3\u003e\n \u003cp\u003eÉquilibre \u003cstrong\u003ehydrique\u003c\/strong\u003e et fonction \u003cstrong\u003ecardiaque\u003c\/strong\u003e optimale.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-mineral-card\"\u003e\n \u003cdiv class=\"sr-mineral-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eMagnésium\u003c\/h3\u003e\n \u003cp\u003eRelaxation \u003cstrong\u003emusculaire\u003c\/strong\u003e et équilibre du \u003cstrong\u003esystème nerveux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-mineral-card\"\u003e\n \u003cdiv class=\"sr-mineral-icon\"\u003e🔴\u003c\/div\u003e\n \u003ch3\u003eFer\u003c\/h3\u003e\n \u003cp\u003eTransport de l'\u003cstrong\u003eoxygène\u003c\/strong\u003e et production d'\u003cstrong\u003eénergie\u003c\/strong\u003e cellulaire.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-mineral-card\"\u003e\n \u003cdiv class=\"sr-mineral-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003e84 oligoéléments\u003c\/h3\u003e\n \u003cp\u003eComplexe naturel de \u003cstrong\u003eminéraux traces\u003c\/strong\u003e biodisponibles.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-purity-box\"\u003e\n \u003cdiv class=\"sr-purity-features\"\u003e\n \u003cdiv class=\"sr-purity-item\"\u003e\n \u003cspan class=\"sr-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-purity-item\"\u003e\n \u003cspan class=\"sr-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans conservateurs\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-purity-item\"\u003e\n \u003cspan class=\"sr-purity-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans anti-agglomérants\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-purity-item\"\u003e\n \u003cspan class=\"sr-purity-icon\"\u003e✅\u003c\/span\u003e\n \u003cstrong\u003e100% naturel\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CONSEILS UTILISATION --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003ch2 class=\"sr-title\"\u003e\u003cspan\u003eConseils d'utilisation\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sr-usage-intro\"\u003e\n \u003cp\u003eCe \u003cstrong\u003esel rose de l'Himalaya\u003c\/strong\u003e est parfait pour une utilisation au quotidien. Saupoudrez-le sur vos plats pour rehausser les saveurs et bénéficier de ses propriétés naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-usage-grid\"\u003e\n \u003carticle class=\"sr-usage-card\"\u003e\n \u003cdiv class=\"sr-usage-icon\"\u003e🍽️\u003c\/div\u003e\n \u003ch3\u003eAssaisonnement table\u003c\/h3\u003e\n \u003cp\u003eAssaisonnez directement vos \u003cstrong\u003esalades, viandes, poissons ou légumes\u003c\/strong\u003e servis à table.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-usage-card\"\u003e\n \u003cdiv class=\"sr-usage-icon\"\u003e🍝\u003c\/div\u003e\n \u003ch3\u003eEau de cuisson\u003c\/h3\u003e\n \u003cp\u003eAjoutez une pincée dans l'\u003cstrong\u003eeau de cuisson\u003c\/strong\u003e pour pâtes, riz ou légumes.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-usage-card\"\u003e\n \u003cdiv class=\"sr-usage-icon\"\u003e🥫\u003c\/div\u003e\n \u003ch3\u003eSaumure conservation\u003c\/h3\u003e\n \u003cp\u003eConfectionnez une \u003cstrong\u003esaumure naturelle\u003c\/strong\u003e pour la conservation des aliments.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-usage-card\"\u003e\n \u003cdiv class=\"sr-usage-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eGommage corporel\u003c\/h3\u003e\n \u003cp\u003eUtilisez comme \u003cstrong\u003eexfoliant naturel\u003c\/strong\u003e mélangé avec une huile végétale.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-tip-box\"\u003e\n \u003cdiv class=\"sr-tip-icon\"\u003e💡\u003c\/div\u003e\n \u003cdiv class=\"sr-tip-content\"\u003e\n \u003ch3\u003eAstuce culinaire\u003c\/h3\u003e\n \u003cp\u003eUtilisez-le en \u003cstrong\u003ecuisson\u003c\/strong\u003e pour conserver ses propriétés naturelles et son goût délicat. Contrairement au sel raffiné, le sel rose ne dénature pas les aliments et apporte une \u003cstrong\u003esaveur subtile\u003c\/strong\u003e qui sublime naturellement vos préparations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003ch2 class=\"sr-title\"\u003e\u003cspan\u003ePourquoi choisir ce sel rose ?\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sr-benefits-grid\"\u003e\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eNaturel \u0026amp; pur\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e100% pur\u003c\/strong\u003e sans aucun additif chimique, raffinement ou traitement industriel.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e🧂\u003c\/div\u003e\n \u003ch3\u003eRiche en minéraux\u003c\/h3\u003e\n \u003cp\u003eApporte des \u003cstrong\u003ebienfaits nutritionnels\u003c\/strong\u003e supplémentaires grâce à ses 84 oligoéléments.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3\u003eÉthique \u0026amp; responsable\u003c\/h3\u003e\n \u003cp\u003eSoutient des \u003cstrong\u003eméthodes de production respectueuses\u003c\/strong\u003e de l'environnement et des travailleurs locaux.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e📦\u003c\/div\u003e\n \u003ch3\u003eQuantité généreuse\u003c\/h3\u003e\n \u003cp\u003eSachet de \u003cstrong\u003e500g\u003c\/strong\u003e répondant à vos besoins culinaires et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e👨‍🍳\u003c\/div\u003e\n \u003ch3\u003eSaveur délicate\u003c\/h3\u003e\n \u003cp\u003eGoût \u003cstrong\u003esubtil et raffiné\u003c\/strong\u003e qui rehausse naturellement vos plats.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"sr-benefit-card\"\u003e\n \u003cdiv class=\"sr-benefit-icon\"\u003e✨\u003c\/div\u003e\n \u003ch3\u003eMulti-usages\u003c\/h3\u003e\n \u003cp\u003eCuisine, conservation, bien-être : un produit \u003cstrong\u003epolyvalent\u003c\/strong\u003e au quotidien.\u003c\/p\u003e\n \u003c\/article\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- EMBALLAGE --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003ch2 class=\"sr-title\"\u003e\u003cspan\u003eEmballage \u0026amp; conservation\u003c\/span\u003e\u003c\/h2\u003e\n \n \u003cdiv class=\"sr-packaging-box\"\u003e\n \u003cdiv class=\"sr-packaging-main\"\u003e\n \u003cdiv class=\"sr-packaging-icon\"\u003e📦\u003c\/div\u003e\n \u003cdiv class=\"sr-packaging-content\"\u003e\n \u003ch3\u003eSachet refermable 500g\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003esel rose fin en sachet 500g\u003c\/strong\u003e est conditionné dans un \u003cstrong\u003esachet refermable\u003c\/strong\u003e, pratique pour une utilisation quotidienne et une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"sr-conservation-tips\"\u003e\n \u003cdiv class=\"sr-conservation-item\"\u003e\n \u003cspan class=\"sr-conservation-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cstrong\u003eEndroit sec\u003c\/strong\u003e\n \u003cspan\u003eConserver à l'abri de l'humidité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-conservation-item\"\u003e\n \u003cspan class=\"sr-conservation-icon\"\u003e☀️\u003c\/span\u003e\n \u003cstrong\u003eÀ l'abri de la lumière\u003c\/strong\u003e\n \u003cspan\u003ePréserver les qualités organoleptiques\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-conservation-item\"\u003e\n \u003cspan class=\"sr-conservation-icon\"\u003e🔒\u003c\/span\u003e\n \u003cstrong\u003eBien refermer\u003c\/strong\u003e\n \u003cspan\u003eUtiliser le système refermable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- QUALITÉ COMPTOIRS --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003cdiv class=\"sr-quality-hero\"\u003e\n \u003cdiv class=\"sr-quality-icon\"\u003e🏆\u003c\/div\u003e\n \u003cdiv class=\"sr-quality-content\"\u003e\n \u003ch2\u003eEngagement qualité Comptoirs \u0026amp; Compagnies\u003c\/h2\u003e\n \u003cp\u003ePortez une attention particulière à l'origine et à la qualité de vos ingrédients avec le \u003cstrong\u003esel rose fin de Comptoirs et compagnies\u003c\/strong\u003e. Laissez-vous séduire par sa pureté et ses bienfaits pour une \u003cstrong\u003ecuisine saine et savoureuse\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"sr-quality-features\"\u003e\n \u003cdiv class=\"sr-quality-item\"\u003e\n \u003cdiv class=\"sr-quality-emoji\"\u003e🔍\u003c\/div\u003e\n \u003cstrong\u003eTraçabilité\u003c\/strong\u003e\n \u003cspan\u003eOrigine certifiée Himalaya Pakistan\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-quality-item\"\u003e\n \u003cdiv class=\"sr-quality-emoji\"\u003e✅\u003c\/div\u003e\n \u003cstrong\u003eContrôles qualité\u003c\/strong\u003e\n \u003cspan\u003eTests rigoureux à chaque étape\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-quality-item\"\u003e\n \u003cdiv class=\"sr-quality-emoji\"\u003e🤝\u003c\/div\u003e\n \u003cstrong\u003eCommerce équitable\u003c\/strong\u003e\n \u003cspan\u003eRespect des producteurs locaux\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-quality-item\"\u003e\n \u003cdiv class=\"sr-quality-emoji\"\u003e🇫🇷\u003c\/div\u003e\n \u003cstrong\u003eConditionné France\u003c\/strong\u003e\n \u003cspan\u003eSachet hermétique qualité\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"sr-section\"\u003e\n \u003cdiv class=\"sr-for-who-box\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"sr-for-who-grid\"\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e👨‍🍳\u003c\/div\u003e\n \u003cstrong\u003ePassionnés cuisine\u003c\/strong\u003e\n \u003cspan\u003eRehausser saveurs naturellement\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e🥗\u003c\/div\u003e\n \u003cstrong\u003eAlimentation saine\u003c\/strong\u003e\n \u003cspan\u003eProduit pur sans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e🧂\u003c\/div\u003e\n \u003cstrong\u003eRéduction sodium\u003c\/strong\u003e\n \u003cspan\u003eAlternative sel raffiné\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e💎\u003c\/div\u003e\n \u003cstrong\u003eApport minéraux\u003c\/strong\u003e\n \u003cspan\u003e84 oligoéléments naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e✨\u003c\/div\u003e\n \u003cstrong\u003eBien-être corporel\u003c\/strong\u003e\n \u003cspan\u003eGommage \u0026amp; soins naturels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sr-for-who-item\"\u003e\n \u003cdiv class=\"sr-for-who-emoji\"\u003e🌍\u003c\/div\u003e\n \u003cstrong\u003eConsommation éthique\u003c\/strong\u003e\n \u003cspan\u003eProduit responsable \u0026amp; traçable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA --\u003e\n\u003csection class=\"sr-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"sr-cta\"\u003e\n \u003ch3\u003eLa pureté de l'Himalaya dans votre cuisine\u003c\/h3\u003e\n \u003cp\u003eUn sel d'exception formé il y a 250 millions d'années, extrait manuellement et riche en 84 minéraux. Découvrez la différence d'un sel non raffiné, pur et naturel qui sublime vos plats tout en apportant des bienfaits nutritionnels. Un trésor ancestral pour une cuisine saine et savoureuse.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --sr-cream: #faf8f5;\n --sr-white: #ffffff;\n --sr-black: #1a1a1a;\n --sr-black-soft: #2d2d2d;\n --sr-rose: #e8b4a8;\n --sr-rose-dark: #d89d8f;\n --sr-rose-light: #f5d4cb;\n --sr-text: #2d2d2d;\n --sr-text-light: #6b6b6b;\n --sr-border: #e8ddd8;\n --sr-shadow: 0 4px 20px rgba(232, 180, 168, .12);\n --sr-shadow-lg: 0 8px 32px rgba(232, 180, 168, .2);\n --sr-radius: 20px;\n}\n\n\/* === CONTENEUR === *\/\n.sr-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sr-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sr-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #3a3a3a 100%);\n border-radius: var(--sr-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--sr-shadow-lg);\n}\n\n.sr-hero-mountains {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: \n linear-gradient(180deg, transparent 0%, rgba(0,0,0,.3) 100%),\n radial-gradient(circle at 30% 40%, rgba(232, 180, 168, .1) 0%, transparent 50%),\n radial-gradient(circle at 70% 60%, rgba(232, 180, 168, .08) 0%, transparent 50%);\n opacity: 0.9;\n}\n\n.sr-hero-content {\n position: relative;\n z-index: 1;\n}\n\n.sr-brand {\n font-size: clamp(10px, 1.5vw, 12px);\n font-weight: 700;\n letter-spacing: 2px;\n color: var(--sr-rose-light);\n margin-bottom: 0.75rem;\n text-align: center;\n text-transform: uppercase;\n}\n\n.sr-hero-title {\n display: block;\n color: var(--sr-rose);\n font-size: clamp(32px, 7vw, 48px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n text-align: center;\n letter-spacing: -.04em;\n text-shadow: 0 3px 15px rgba(232, 180, 168, .4);\n}\n\n.sr-hero-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 600;\n text-align: center;\n margin-bottom: 2rem;\n letter-spacing: .5px;\n}\n\n\/* === DESCRIPTION COURTE === *\/\n.sr-short-description {\n background: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.9) 100%);\n backdrop-filter: blur(10px);\n border-radius: var(--sr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 1.5rem;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1.25rem;\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.sr-short-item {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.sr-short-item strong {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 800;\n color: var(--sr-text);\n letter-spacing: -.01em;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.sr-short-item span {\n font-size: clamp(12px, 1.8vw, 14px);\n color: var(--sr-text-light);\n line-height: 1.4;\n}\n\n@media (max-width: 720px) {\n .sr-short-description {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n}\n\n.sr-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.sr-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(232, 180, 168, .2);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: white;\n border: 1px solid rgba(232, 180, 168, .4);\n transition: all .3s ease;\n}\n\n.sr-badge:hover {\n background: rgba(232, 180, 168, .3);\n transform: translateY(-2px);\n}\n\n.sr-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n text-align: center;\n max-width: 900px;\n margin: 0 auto;\n text-shadow: 0 1px 3px rgba(0,0,0,.2);\n}\n\n.sr-description strong {\n font-weight: 700;\n color: var(--sr-rose-light);\n}\n\n\/* === SECTIONS === *\/\n.sr-section {\n margin-bottom: clamp(3.5rem, 6vw, 5rem);\n}\n\n.sr-title {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 800;\n color: var(--sr-text);\n margin-bottom: clamp(2rem, 4vw, 3rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n}\n\n.sr-title span {\n position: relative;\n display: inline-block;\n padding: 0 2rem;\n background: var(--sr-cream);\n z-index: 1;\n}\n\n.sr-title::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent 0%, var(--sr-rose) 50%, transparent 100%);\n border-radius: 2px;\n}\n\n\/* === INTRO === *\/\n.sr-intro-box {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sr-shadow);\n border-left: 4px solid var(--sr-rose);\n}\n\n.sr-intro-box p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-intro-box strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n\/* === ORIGIN STORY === *\/\n.sr-origin-story {\n background: linear-gradient(135deg, #fff5f3 0%, #ffe8e4 100%);\n border: 3px solid var(--sr-rose);\n border-radius: var(--sr-radius);\n padding: clamp(2.5rem, 4vw, 3.5rem);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n margin-bottom: 2rem;\n box-shadow: 0 8px 32px rgba(232, 180, 168, .2);\n}\n\n.sr-origin-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(232, 180, 168, .4));\n}\n\n.sr-origin-content h3 {\n font-size: clamp(22px, 4vw, 28px);\n font-weight: 800;\n color: var(--sr-text);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.sr-origin-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-origin-content strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n@media (max-width: 767px) {\n .sr-origin-story {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === PROCESS === *\/\n.sr-process-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.sr-process-card {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sr-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sr-border);\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.sr-process-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sr-shadow-lg);\n border-color: var(--sr-rose);\n}\n\n.sr-process-number {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--sr-rose) 0%, var(--sr-rose-dark) 100%);\n color: white;\n font-size: 24px;\n font-weight: 900;\n display: grid;\n place-items: center;\n margin-bottom: 1.5rem;\n box-shadow: 0 4px 16px rgba(232, 180, 168, .3);\n}\n\n.sr-process-content h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sr-process-content p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-process-content strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n\/* === COMPOSITION === *\/\n.sr-composition-intro {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--sr-shadow);\n border-left: 4px solid var(--sr-rose);\n margin-bottom: 2rem;\n text-align: center;\n}\n\n.sr-composition-intro p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-composition-intro strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n.sr-minerals-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sr-mineral-card {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sr-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sr-border);\n}\n\n.sr-mineral-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sr-shadow-lg);\n border-color: var(--sr-rose);\n}\n\n.sr-mineral-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sr-mineral-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sr-mineral-card p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-mineral-card strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n.sr-purity-box {\n background: linear-gradient(135deg, #fff5f3 0%, #ffe8e4 100%);\n border-radius: var(--sr-radius);\n padding: 2rem;\n box-shadow: var(--sr-shadow);\n}\n\n.sr-purity-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.sr-purity-item {\n background: var(--sr-white);\n border-radius: 12px;\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n align-items: center;\n text-align: center;\n}\n\n.sr-purity-icon {\n font-size: 36px;\n}\n\n.sr-purity-item strong {\n font-size: 15px;\n font-weight: 700;\n color: var(--sr-text);\n}\n\n\/* === USAGE === *\/\n.sr-usage-intro {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.sr-usage-intro p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sr-text-light);\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sr-usage-intro strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n.sr-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.sr-usage-card {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sr-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sr-border);\n}\n\n.sr-usage-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sr-shadow-lg);\n border-color: var(--sr-rose);\n}\n\n.sr-usage-icon {\n font-size: 52px;\n margin-bottom: 1rem;\n}\n\n.sr-usage-card h3 {\n font-size: 18px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sr-usage-card p {\n font-size: 14px;\n line-height: 1.7;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-usage-card strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n.sr-tip-box {\n background: linear-gradient(135deg, #fff5f3 0%, #ffe8e4 100%);\n border-radius: var(--sr-radius);\n padding: 2rem;\n border: 2px solid var(--sr-rose);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n}\n\n.sr-tip-icon {\n font-size: 64px;\n flex-shrink: 0;\n}\n\n.sr-tip-content h3 {\n font-size: 20px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sr-tip-content p {\n font-size: 15px;\n line-height: 1.8;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-tip-content strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n@media (max-width: 640px) {\n .sr-tip-box {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === BENEFITS === *\/\n.sr-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.sr-benefit-card {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: 2rem 1.5rem;\n box-shadow: var(--sr-shadow);\n transition: all .3s ease;\n text-align: center;\n border: 2px solid var(--sr-border);\n}\n\n.sr-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--sr-shadow-lg);\n border-color: var(--sr-rose);\n}\n\n.sr-benefit-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.sr-benefit-card h3 {\n font-size: 19px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.01em;\n}\n\n.sr-benefit-card p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-benefit-card strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n\/* === PACKAGING === *\/\n.sr-packaging-box {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sr-shadow-lg);\n border: 3px solid var(--sr-rose);\n}\n\n.sr-packaging-main {\n display: flex;\n gap: 1.5rem;\n align-items: center;\n margin-bottom: 2rem;\n}\n\n.sr-packaging-icon {\n font-size: 80px;\n flex-shrink: 0;\n}\n\n.sr-packaging-content h3 {\n font-size: 24px;\n font-weight: 700;\n color: var(--sr-text);\n margin: 0 0 0.75rem 0;\n letter-spacing: -.02em;\n}\n\n.sr-packaging-content p {\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n color: var(--sr-text-light);\n margin: 0;\n}\n\n.sr-packaging-content strong {\n color: var(--sr-text);\n font-weight: 700;\n}\n\n@media (max-width: 640px) {\n .sr-packaging-main {\n flex-direction: column;\n text-align: center;\n }\n}\n\n.sr-conservation-tips {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.sr-conservation-item {\n background: #fff5f3;\n border-radius: 12px;\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n align-items: center;\n text-align: center;\n}\n\n.sr-conservation-icon {\n font-size: 36px;\n}\n\n.sr-conservation-item strong {\n font-size: 15px;\n font-weight: 700;\n color: var(--sr-text);\n}\n\n.sr-conservation-item span {\n font-size: 13px;\n color: var(--sr-text-light);\n}\n\n\/* === QUALITY HERO === *\/\n.sr-quality-hero {\n background: linear-gradient(135deg, var(--sr-black) 0%, var(--sr-black-soft) 100%);\n border-radius: var(--sr-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n box-shadow: var(--sr-shadow-lg);\n display: flex;\n gap: 2rem;\n align-items: flex-start;\n}\n\n.sr-quality-icon {\n font-size: 80px;\n flex-shrink: 0;\n filter: drop-shadow(0 4px 12px rgba(232, 180, 168, .4));\n}\n\n.sr-quality-content h2 {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 800;\n color: var(--sr-rose);\n margin: 0 0 1rem 0;\n letter-spacing: -.02em;\n}\n\n.sr-quality-content \u003e p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 17px);\n line-height: 1.8;\n margin: 0 0 2rem 0;\n}\n\n.sr-quality-content strong {\n font-weight: 700;\n}\n\n.sr-quality-features {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.sr-quality-item {\n background: rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n border-radius: 16px;\n padding: 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n align-items: center;\n border: 2px solid rgba(255,255,255,.2);\n}\n\n.sr-quality-emoji {\n font-size: 48px;\n margin-bottom: 0.5rem;\n}\n\n.sr-quality-item strong {\n font-size: 16px;\n font-weight: 700;\n color: white;\n letter-spacing: -.01em;\n}\n\n.sr-quality-item span {\n font-size: 13px;\n color: rgba(255,255,255,.8);\n line-height: 1.6;\n}\n\n@media (max-width: 767px) {\n .sr-quality-hero {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === POUR QUI === *\/\n.sr-for-who-box {\n background: var(--sr-white);\n border-radius: var(--sr-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--sr-shadow-lg);\n border: 3px solid var(--sr-rose);\n}\n\n.sr-for-who-box h2 {\n font-size: 26px;\n font-weight: 800;\n color: var(--sr-text);\n margin: 0 0 2rem 0;\n text-align: center;\n letter-spacing: -.02em;\n}\n\n.sr-for-who-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.sr-for-who-item {\n background: #fff5f3;\n border-radius: 16px;\n padding: 1.75rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n text-align: center;\n align-items: center;\n}\n\n.sr-for-who-emoji {\n font-size: 48px;\n margin-bottom: 0.5rem;\n}\n\n.sr-for-who-item strong {\n font-size: 16px;\n font-weight: 700;\n color: var(--sr-text);\n letter-spacing: -.01em;\n}\n\n.sr-for-who-item span {\n font-size: 13px;\n color: var(--sr-text-light);\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.sr-cta {\n background: linear-gradient(135deg, var(--sr-black) 0%, var(--sr-black-soft) 100%);\n border-radius: var(--sr-radius);\n padding: clamp(3rem, 5vw, 4rem);\n text-align: center;\n box-shadow: var(--sr-shadow-lg);\n}\n\n.sr-cta h3 {\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 800;\n color: var(--sr-rose);\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n}\n\n.sr-cta p {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 750px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sr-process-card,\n .sr-mineral-card,\n .sr-usage-card,\n .sr-benefit-card,\n .sr-quality-item,\n .sr-for-who-item {\n animation: fadeInUp .7s ease backwards;\n }\n \n .sr-process-card:nth-child(1),\n .sr-mineral-card:nth-child(1),\n .sr-usage-card:nth-child(1),\n .sr-benefit-card:nth-child(1),\n .sr-for-who-item:nth-child(1) { animation-delay: .1s; }\n \n .sr-process-card:nth-child(2),\n .sr-mineral-card:nth-child(2),\n .sr-usage-card:nth-child(2),\n .sr-benefit-card:nth-child(2),\n .sr-for-who-item:nth-child(2) { animation-delay: .2s; }\n \n .sr-process-card:nth-child(3),\n .sr-mineral-card:nth-child(3),\n .sr-usage-card:nth-child(3),\n .sr-benefit-card:nth-child(3),\n .sr-for-who-item:nth-child(3) { animation-delay: .3s; }\n \n .sr-process-card:nth-child(4),\n .sr-mineral-card:nth-child(4),\n .sr-usage-card:nth-child(4),\n .sr-benefit-card:nth-child(4),\n .sr-for-who-item:nth-child(4) { animation-delay: .4s; }\n \n .sr-mineral-card:nth-child(5),\n .sr-benefit-card:nth-child(5),\n .sr-for-who-item:nth-child(5) { animation-delay: .5s; }\n \n .sr-benefit-card:nth-child(6),\n .sr-for-who-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sr-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755080999069,"sku":"NBAICCO0037","price":4.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sachet-sel-rose-de-l-himalaya-comptoirs-et-compagnie-500grammes_11zon.jpg?v=1759335930"},{"product_id":"sel-rose-cristaux-sachet-1kg-comptoirs-et-compagnies","title":"Sel Rose Cristaux - Sachet 1kg - Comptoirs et compagnies","description":"\u003cdiv class=\"sel-premium\"\u003e\n \u003cdiv class=\"sel-hero\"\u003e\n \u003cdiv class=\"sel-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"sel-hero-content\"\u003e\n \u003cdiv class=\"sel-badges-top\"\u003e\n \u003cspan class=\"sel-badge\"\u003e🏔️ Extrait de l'Himalaya\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e✨ Non raffiné\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e🌱 Non iodé\u003c\/span\u003e\n \u003cspan class=\"sel-badge\"\u003e📦 Recharge 1 kg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"sel-hero-title\"\u003eLe trésor rosé des contreforts himalayens\u003c\/span\u003e\n \u003cp class=\"sel-subtitle\"\u003eUn sel ancestral vieux de 200 millions d'années\u003c\/p\u003e\n \u003cp class=\"sel-description\"\u003eVous cherchez un sel au goût plus doux, au croquant agréable et à la belle couleur naturelle ? Le sel rose de l'Himalaya en cristaux de Comptoirs et Compagnies remplace votre sel habituel au quotidien. Ce sachet recharge d'1 kg remplit vos moulins pendant de longs mois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eUn sel ancien, extrait des contreforts de l'Himalaya\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eLe sel rose himalaya s'est formé il y a plus de \u003cstrong\u003e200 millions d'années\u003c\/strong\u003e, lorsque d'anciennes mers se sont asséchées. Le sel déposé est resté protégé dans la roche jusqu'à son extraction, au pied de la chaîne himalayenne.\u003c\/p\u003e\n \u003cdiv class=\"sel-grid\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⏳ 200 millions d'années\u003c\/h3\u003e\n \u003cp\u003eUn gisement préservé depuis l'assèchement d'anciennes mers, à l'abri dans la roche himalayenne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🌸 Teinte rosée naturelle\u003c\/h3\u003e\n \u003cp\u003eSa couleur provient de traces de minéraux, notamment le fer, naturellement présentes dans le gisement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e✨ Non raffiné, non iodé\u003c\/h3\u003e\n \u003cp\u003eAucun blanchiment, aucun agent antiagglomérant. Il conserve son aspect brut et ses paillettes caractéristiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComment l'utiliser en cuisine ?\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eSes cristaux de \u003cstrong\u003e2 à 3 mm\u003c\/strong\u003e conviennent à \u003cstrong\u003etous les moulins à sel\u003c\/strong\u003e. Utilisez-le simplement à la place de votre sel conventionnel, en gardant les mêmes quantités.\u003c\/p\u003e\n \u003cdiv class=\"sel-timeline\"\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003e🥑 À cru\u003c\/h3\u003e\n \u003cp\u003eUne pincée fraîchement moulue sur un avocat, une tomate ou un carpaccio révèle sa saveur délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003e🍝 En cuisson\u003c\/h3\u003e\n \u003cp\u003eIl sale vos eaux de pâtes, légumes vapeur, soupes et sauces comme un sel classique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-item\"\u003e\n \u003cdiv class=\"sel-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"sel-timeline-content\"\u003e\n \u003ch3\u003e🥩 En finition\u003c\/h3\u003e\n \u003cp\u003eConcassé grossièrement, il apporte du croquant sur une viande grillée, un poisson ou un caramel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eSel rose de l'Himalaya : vertus réelles et idées reçues\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eLes \u003cstrong\u003ebienfaits du sel rose de l'Himalaya\u003c\/strong\u003e font souvent l'objet d'exagérations. Voici ce que vous pouvez raisonnablement en attendre.\u003c\/p\u003e\n \u003cdiv class=\"sel-grid\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e✅ Ses vraies vertus\u003c\/h3\u003e\n \u003cp\u003eUn goût plus rond, une texture craquante, une couleur élégante et un sel non raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚖️ Pour maigrir ?\u003c\/h3\u003e\n \u003cp\u003eAucun sel ne fait perdre de poids. Le sel rose n'a pas d'effet sur la minceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e❤️ Hypertension\u003c\/h3\u003e\n \u003cp\u003eComposé majoritairement de chlorure de sodium. Ne pas dépasser 5 g de sel par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🛡️ Un danger ?\u003c\/h3\u003e\n \u003cp\u003eConsommé avec modération, non. Comme il est non iodé, pensez à varier vos apports en iode.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🔮 Vertus spirituelles\u003c\/h3\u003e\n \u003cp\u003eCertaines traditions lui prêtent des propriétés énergétiques. Croyances culturelles non démontrées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🧂 Un sel du quotidien\u003c\/h3\u003e\n \u003cp\u003eUn remplacement simple de votre sel habituel, avec plus de caractère et de naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"sel-disclaimer\"\u003eCe produit est un aliment : il ne remplace en aucun cas un traitement médical ni l'avis de votre médecin.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sel-section\"\u003e\n \u003ch2\u003eComposition et informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"sel-grid-compact\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🧂 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e100 % sel rose de l'Himalaya\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚠️ Allergènes\u003c\/h3\u003e\n \u003cp\u003eTraces possibles de gluten, soja, lait, fruits à coques, sésame\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e💎 Granulométrie\u003c\/h3\u003e\n \u003cp\u003eCristaux de 2 à 3 mm\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003eSachet recharge de 1 kg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eHors UE, conditionné en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🫙 Conservation\u003c\/h3\u003e\n \u003cp\u003eÀ l'abri de l'humidité, en bocal hermétique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-tip\"\u003e\n \u003cspan class=\"sel-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eEngagement responsable :\u003c\/strong\u003e import compensé carbone pour limiter l'empreinte environnementale de ce produit venu de loin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"sel-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComment savoir si vous achetez du sel rose de l'Himalaya de qualité ?\u003c\/h2\u003e\n \u003cp class=\"sel-section-intro\"\u003eQue vous l'ayez découvert en supermarché ou en discount, par exemple chez Lidl, tous les sels roses ne se valent pas. Vérifiez trois points essentiels avant d'acheter.\u003c\/p\u003e\n \u003cdiv class=\"sel-grid\"\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🚫 Absence de raffinage\u003c\/h3\u003e\n \u003cp\u003eUn sel brut, sans blanchiment ni additif, qui conserve toute sa minéralité naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité claire\u003c\/h3\u003e\n \u003cp\u003eUne origine identifiée et un circuit transparent, de l'extraction au conditionnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-card\"\u003e\n \u003ch3\u003e⚙️ Granulométrie adaptée\u003c\/h3\u003e\n \u003cp\u003eDes cristaux calibrés pour votre usage : moulin, finition ou cuisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"sel-cta-box\" style=\"margin-top: 2rem;\"\u003e\n \u003cp\u003eDepuis 2004, \u003cstrong\u003eComptoirs et Compagnies\u003c\/strong\u003e, entreprise française basée à Venelles, sélectionne des ingrédients naturels auprès de filières du monde entier. La marque, également reconnue pour son miel de Manuka, garantit une qualité contrôlée et un conditionnement réalisé en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --sel-cream: #fdf6f2;\n --sel-white: #ffffff;\n --sel-primary: #e8a598;\n --sel-primary-dark: #b85c4c;\n --sel-primary-light: #fce8e2;\n --sel-secondary: #d4826f;\n --sel-accent: #f4b8a8;\n --sel-text: #2d1810;\n --sel-text-light: #6b4a40;\n --sel-border: #efd9d0;\n --sel-shadow: 0 4px 24px rgba(184, 92, 76, .08);\n --sel-shadow-lg: 0 12px 48px rgba(184, 92, 76, .18);\n --sel-radius: 20px;\n --sel-radius-sm: 12px;\n}\n\n.sel-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sel-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--sel-text);\n}\n\n.sel-hero {\n position: relative;\n background: linear-gradient(135deg, #e8a598 0%, #d4826f 50%, #b85c4c 100%);\n border-radius: var(--sel-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(--sel-shadow-lg);\n}\n\n.sel-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, white 2px, transparent 2px),\n radial-gradient(circle at 70% 60%, white 1.5px, transparent 1.5px),\n radial-gradient(circle at 40% 80%, white 2px, transparent 2px);\n background-size: 60px 60px, 90px 90px, 70px 70px;\n opacity: .12;\n}\n\n.sel-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sel-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n}\n\n.sel-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .01em;\n}\n\n.sel-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.sel-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sel-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(--sel-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sel-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.sel-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sel-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sel-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.sel-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(--sel-primary), var(--sel-secondary));\n border-radius: 2px;\n}\n\n.sel-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sel-text-light);\n margin-bottom: 1.75rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.sel-card {\n background: var(--sel-white);\n border-radius: var(--sel-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sel-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sel-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sel-shadow-lg);\n border-color: var(--sel-primary);\n}\n\n.sel-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sel-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sel-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.sel-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sel-grid-compact .sel-card {\n padding: 1rem;\n}\n\n.sel-grid-compact .sel-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sel-grid-compact .sel-card p {\n font-size: 12px;\n}\n\n.sel-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.sel-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sel-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sel-primary), var(--sel-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(184, 92, 76, .25);\n}\n\n.sel-timeline-content {\n flex: 1;\n background: var(--sel-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sel-radius-sm);\n box-shadow: var(--sel-shadow);\n}\n\n.sel-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sel-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sel-timeline-content p {\n font-size: 14px;\n color: var(--sel-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sel-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sel-primary-light);\n border-radius: var(--sel-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n}\n\n.sel-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sel-tip p {\n font-size: 14px;\n color: var(--sel-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.sel-cta-box {\n background: linear-gradient(135deg, var(--sel-primary) 0%, var(--sel-primary-dark) 100%);\n border-radius: var(--sel-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--sel-shadow-lg);\n}\n\n.sel-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.sel-cta-box p strong {\n font-weight: 800;\n}\n\n.sel-disclaimer {\n font-size: 12px;\n color: var(--sel-text-light);\n text-align: center;\n margin-top: 1.25rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .sel-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .sel-card {\n padding: 1.125rem;\n }\n .sel-section {\n margin-bottom: 1.75rem;\n }\n .sel-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sel-radius-sm);\n }\n .sel-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .sel-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .sel-grid-compact {\n gap: .625rem;\n }\n .sel-grid-compact .sel-card {\n padding: .75rem;\n }\n .sel-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .sel-timeline-content {\n padding: .875rem 1rem;\n }\n .sel-timeline-content h3 {\n font-size: 14px;\n }\n .sel-timeline-content p {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .sel-card {\n animation: fadeInUp .5s ease backwards;\n }\n .sel-card:nth-child(1) { animation-delay: .05s; }\n .sel-card:nth-child(2) { animation-delay: .1s; }\n .sel-card:nth-child(3) { animation-delay: .15s; }\n .sel-card:nth-child(4) { animation-delay: .2s; }\n .sel-card:nth-child(5) { animation-delay: .25s; }\n .sel-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .sel-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755081883805,"sku":"NBAICCO0033","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sel-rose-cristaux-sachet-1kg-comptoirs-et-compagnies-packshothd_df65936b-686e-4c80-a74f-3440a08f1a6c.webp?v=1791391192"},{"product_id":"miel-de-manuka-umf-18-250-g-comptoirs-et-compagnies","title":"Miel de Manuka IAA 18+ - 250 G - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Miel de Manuka IAA 18+ - Nouvelle-Zélande\nPalette détectée:\n - Primaire: #1a3a2e (vert foncé profond du packaging, évoquant la forêt néo-zélandaise)\n - Secondaire: #f4b41a (or\/jaune miel des hexagones et du texte)\n - Accent: #d4a017 (or foncé pour les touches premium)\n - Cream: #faf8f3 (fond neutre chaud)\nAmbiance: Premium naturel, luxe authentique, pureté néo-zélandaise, expertise scientifique (certifications UMF\/IAA\/MGO)\nStyle: Élégant et sophistiqué avec des touches organiques (motifs hexagones), équilibre entre nature et science\nPréfixe CSS: mk (manuka)\n--\u003e\n\n\u003cdiv class=\"mk-premium\"\u003e\n \u003c!-- Hero Section --\u003e\n \u003cdiv class=\"mk-hero\"\u003e\n \u003cdiv class=\"mk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-hero-content\"\u003e\n \u003cdiv class=\"mk-badges-top\"\u003e\n \u003cspan class=\"mk-badge\"\u003e🏆 Certifié UMF 18+\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🍯 696 mg\/kg MGO\u003c\/span\u003e\n \u003cspan class=\"mk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mk-hero-title\"\u003eMiel de Manuka IAA 18+\u003c\/span\u003e\n \u003cp class=\"mk-subtitle\"\u003eLe trésor des forêts néo-zélandaises\u003c\/p\u003e\n \u003cp class=\"mk-description\"\u003eUn miel d'exception aux propriétés uniques, certifié UMF 18+ pour une teneur exceptionnellement élevée en actifs naturels. La puissance de la nature à l'état pur dans un pot de 250g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Certifications --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e✨ Triple certification premium\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-cert-card\"\u003e\n \u003cdiv class=\"mk-cert-icon\"\u003e🎖️\u003c\/div\u003e\n \u003ch3\u003eUMF 18+\u003c\/h3\u003e\n \u003cp class=\"mk-cert-label\"\u003eUnique Manuka Factor\u003c\/p\u003e\n \u003cp\u003eCertification officielle garantissant l'authenticité et la pureté de votre miel. Un gage de qualité exceptionnel reconnu mondialement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-cert-card\"\u003e\n \u003cdiv class=\"mk-cert-icon\"\u003e🔬\u003c\/div\u003e\n \u003ch3\u003eIAA 18+\u003c\/h3\u003e\n \u003cp class=\"mk-cert-label\"\u003eIndice d'activité antibactérienne\u003c\/p\u003e\n \u003cp\u003eUne activité enzymatique puissante mesurée scientifiquement. Plus l'indice est élevé, plus le miel est actif et bénéfique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-cert-card\"\u003e\n \u003cdiv class=\"mk-cert-icon\"\u003e⚗️\u003c\/div\u003e\n \u003ch3\u003e696 mg\/kg MGO\u003c\/h3\u003e\n \u003cp class=\"mk-cert-label\"\u003eMéthylglyoxal\u003c\/p\u003e\n \u003cp\u003eUne concentration exceptionnelle en méthylglyoxal, le composé actif unique qui fait la renommée du miel de Manuka.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Bienfaits --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e🌿 Les bienfaits d'un miel d'exception\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eRenforce l'immunité\u003c\/h3\u003e\n \u003cp\u003eStimule naturellement vos défenses immunitaires grâce à sa richesse en actifs antibactériens et antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🩹\u003c\/div\u003e\n \u003ch3\u003eCicatrisation\u003c\/h3\u003e\n \u003cp\u003eAccélère la guérison des petites plaies, brûlures et irritations cutanées par application externe.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e💎\u003c\/div\u003e\n \u003ch3\u003eBeauté naturelle\u003c\/h3\u003e\n \u003cp\u003eIntégré dans vos soins maison, il révèle l'éclat de votre peau et nourrit en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% pur et naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs, sans conservateurs, sans ingrédients artificiels. Juste la puissance de la nature.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eÉnergie durable\u003c\/h3\u003e\n \u003cp\u003eUn édulcorant naturel qui vous apporte une énergie saine et durable tout au long de la journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-benefit-card\"\u003e\n \u003cdiv class=\"mk-benefit-icon\"\u003e🎯\u003c\/div\u003e\n \u003ch3\u003eDigestion apaisée\u003c\/h3\u003e\n \u003cp\u003eContribue au confort digestif et au bien-être intestinal grâce à ses propriétés prébiotiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Mode d'emploi --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e📋 Comment utiliser votre miel de Manuka\u003c\/h2\u003e\n \u003cdiv class=\"mk-usage-container\"\u003e\n \u003cdiv class=\"mk-usage-card mk-usage-internal\"\u003e\n \u003cdiv class=\"mk-usage-header\"\u003e\n \u003cdiv class=\"mk-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eUsage interne\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-usage-content\"\u003e\n \u003cp class=\"mk-usage-main\"\u003e🥄 \u003cstrong\u003e1 cuillère à café par jour\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eDe préférence à jeun le matin pour un effet optimal sur votre système immunitaire. Laissez fondre lentement en bouche pour une absorption maximale des actifs.\u003c\/p\u003e\n \u003cdiv class=\"mk-tip\"\u003e\n \u003cspan class=\"mk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e Ne le mélangez pas à des boissons trop chaudes (+ de 40°C) pour préserver ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mk-usage-card mk-usage-external\"\u003e\n \u003cdiv class=\"mk-usage-header\"\u003e\n \u003cdiv class=\"mk-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eUsage externe\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-usage-content\"\u003e\n \u003cp class=\"mk-usage-main\"\u003e🩹 \u003cstrong\u003eApplication directe sur la peau\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eAppliquez une fine couche sur les zones concernées (plaies superficielles, brûlures légères, irritations). Vous pouvez également l'intégrer dans des masques visage maison pour un teint éclatant.\u003c\/p\u003e\n \u003cdiv class=\"mk-tip\"\u003e\n \u003cspan class=\"mk-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eMasque express :\u003c\/strong\u003e Mélangez avec un peu d'avocat ou de yaourt nature pour un soin visage nourrissant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mk-usage-card mk-usage-culinary\"\u003e\n \u003cdiv class=\"mk-usage-header\"\u003e\n \u003cdiv class=\"mk-usage-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eEn cuisine\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-usage-content\"\u003e\n \u003cp class=\"mk-usage-main\"\u003e🍵 \u003cstrong\u003eUn édulcorant d'exception\u003c\/strong\u003e\u003c\/p\u003e\n \u003cp\u003eSublimez vos thés, tisanes, yaourts, fromages blancs et desserts. Son goût unique et sa texture onctueuse apportent une dimension premium à toutes vos créations culinaires.\u003c\/p\u003e\n \u003cdiv class=\"mk-tip\"\u003e\n \u003cspan class=\"mk-tip-icon\"\u003e🍋\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdée recette :\u003c\/strong\u003e Infusion gingembre-citron avec une cuillère de Manuka, le remède naturel par excellence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Composition --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e🔬 Composition ultra-pure\u003c\/h2\u003e\n \u003cdiv class=\"mk-composition-box\"\u003e\n \u003cdiv class=\"mk-composition-main\"\u003e\n \u003cdiv class=\"mk-composition-icon\"\u003e🍯\u003c\/div\u003e\n \u003ch3\u003eMiel de Manuka pur à 100%\u003c\/h3\u003e\n \u003cp class=\"mk-composition-subtitle\"\u003eCertifié UMF 18+ - Origine Nouvelle-Zélande\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-composition-details\"\u003e\n \u003cdiv class=\"mk-composition-item\"\u003e\n \u003cspan class=\"mk-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eSans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-composition-item\"\u003e\n \u003cspan class=\"mk-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eSans conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-composition-item\"\u003e\n \u003cspan class=\"mk-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eSans ingrédients artificiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-composition-item\"\u003e\n \u003cspan class=\"mk-check\"\u003e✓\u003c\/span\u003e\n \u003cp\u003eNon chauffé, non filtré\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-composition-values\"\u003e\n \u003cdiv class=\"mk-value-box\"\u003e\n \u003cdiv class=\"mk-value-number\"\u003e18+\u003c\/div\u003e\n \u003cdiv class=\"mk-value-label\"\u003eUMF\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-value-box\"\u003e\n \u003cdiv class=\"mk-value-number\"\u003e696\u003c\/div\u003e\n \u003cdiv class=\"mk-value-label\"\u003emg\/kg MGO\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-value-box\"\u003e\n \u003cdiv class=\"mk-value-number\"\u003e100%\u003c\/div\u003e\n \u003cdiv class=\"mk-value-label\"\u003eNaturel\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Origine --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e🇳🇿 L'excellence néo-zélandaise\u003c\/h2\u003e\n \u003cdiv class=\"mk-origin-container\"\u003e\n \u003cdiv class=\"mk-origin-card\"\u003e\n \u003cdiv class=\"mk-origin-icon\"\u003e🌲\u003c\/div\u003e\n \u003ch3\u003eForêts préservées\u003c\/h3\u003e\n \u003cp\u003eNotre miel provient des zones rurales et sauvages de Nouvelle-Zélande, où les arbres Manuka (Leptospermum scoparium) poussent loin de toute pollution.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-origin-card\"\u003e\n \u003cdiv class=\"mk-origin-icon\"\u003e🐝\u003c\/div\u003e\n \u003ch3\u003eApiculture éthique\u003c\/h3\u003e\n \u003cp\u003eRécolté dans le respect des abeilles et de leur environnement naturel. Nos apiculteurs partenaires suivent les pratiques les plus strictes du secteur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-origin-card\"\u003e\n \u003cdiv class=\"mk-origin-icon\"\u003e🔍\u003c\/div\u003e\n \u003ch3\u003eContrôles rigoureux\u003c\/h3\u003e\n \u003cp\u003eChaque pot passe par des tests en laboratoire indépendant pour garantir l'authenticité UMF et la teneur en méthylglyoxal annoncée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-brand-box\"\u003e\n \u003ch3\u003e🏅 Comptoirs et Compagnies\u003c\/h3\u003e\n \u003cp\u003eUne marque reconnue pour son expertise et sa transparence dans la sélection des meilleurs miels de Manuka. Depuis des années, Comptoirs et Compagnies s'engage à vous offrir des produits d'exception, traçables et certifiés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Pour qui --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse ce miel premium\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e💪\u003c\/div\u003e\n \u003ch3\u003eSportifs et actifs\u003c\/h3\u003e\n \u003cp\u003ePour booster naturellement votre énergie et récupération. Une source de sucres naturels et d'actifs bénéfiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eAmateurs de beauté naturelle\u003c\/h3\u003e\n \u003cp\u003eIntégrez-le dans vos routines de soins pour une peau nourrie, apaisée et éclatante de santé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e🍵\u003c\/div\u003e\n \u003ch3\u003eÉpicuriens exigeants\u003c\/h3\u003e\n \u003cp\u003ePour ceux qui recherchent des produits d'exception au goût unique et aux propriétés incomparables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e🛡️\u003c\/div\u003e\n \u003ch3\u003eDéfenses naturelles\u003c\/h3\u003e\n \u003cp\u003eIdéal pour toute la famille souhaitant renforcer son immunité de manière naturelle et gourmande.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eAdeptes du bien-être\u003c\/h3\u003e\n \u003cp\u003eSi vous privilégiez les solutions naturelles pour prendre soin de votre santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-profile-card\"\u003e\n \u003cdiv class=\"mk-profile-emoji\"\u003e🎁\u003c\/div\u003e\n \u003ch3\u003eCadeau premium\u003c\/h3\u003e\n \u003cp\u003eUne attention délicate et raffinée pour faire découvrir un produit d'exception à vos proches.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Précautions --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mk-warning-box\"\u003e\n \u003cdiv class=\"mk-warning-items\"\u003e\n \u003cdiv class=\"mk-warning-item\"\u003e\n \u003cspan class=\"mk-warning-icon\"\u003e👶\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eNon adapté aux enfants de moins d'1 an\u003c\/strong\u003e\u003cbr\u003eComme tous les miels, il ne convient pas aux nourrissons.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-warning-item\"\u003e\n \u003cspan class=\"mk-warning-icon\"\u003e🍯\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation optimale\u003c\/strong\u003e\u003cbr\u003eConserver à température ambiante, à l'abri de la lumière et de l'humidité. Fermez bien le pot après usage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-warning-item\"\u003e\n \u003cspan class=\"mk-warning-icon\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003ePas de chaleur excessive\u003c\/strong\u003e\u003cbr\u003eNe chauffez pas au-delà de 40°C pour préserver les enzymes et actifs naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-warning-item\"\u003e\n \u003cspan class=\"mk-warning-icon\"\u003e💊\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eComplément alimentaire\u003c\/strong\u003e\u003cbr\u003eCe produit ne remplace pas un traitement médical ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- Infos pratiques --\u003e\n \u003csection class=\"mk-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mk-grid\"\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003ch3\u003eContenance\u003c\/h3\u003e\n \u003cp class=\"mk-info-value\"\u003e250 g\u003c\/p\u003e\n \u003cp class=\"mk-info-detail\"\u003eFormat idéal pour découvrir ou pour une cure d'un mois\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-icon\"\u003e🌍\u003c\/div\u003e\n \u003ch3\u003eOrigine\u003c\/h3\u003e\n \u003cp class=\"mk-info-value\"\u003eNouvelle-Zélande\u003c\/p\u003e\n \u003cp class=\"mk-info-detail\"\u003eTerres préservées et sauvages\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mk-info-card\"\u003e\n \u003cdiv class=\"mk-info-icon\"\u003e🏆\u003c\/div\u003e\n \u003ch3\u003eMarque\u003c\/h3\u003e\n \u003cp class=\"mk-info-value\"\u003eComptoirs et Compagnies\u003c\/p\u003e\n \u003cp class=\"mk-info-detail\"\u003eExpert en produits naturels premium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA Final --\u003e\n \u003csection class=\"mk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mk-cta-box\"\u003e\n \u003cdiv class=\"mk-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mk-cta-content\"\u003e\n \u003ch3 class=\"mk-cta-title\" style=\"color:white;\"\u003e🍯 Découvrez le pouvoir du Manuka authentique\u003c\/h3\u003e\n \u003cp\u003eUn pot de 250g de pur trésor néo-zélandais certifié UMF 18+ vous attend. La nature à l'état pur, l'excellence à portée de main. Faites le choix d'un miel d'exception qui prend soin de vous au quotidien.\u003c\/p\u003e\n \u003cp class=\"mk-cta-highlight\"\u003e✨ Un allié bien-être que vous ne pourrez plus quitter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --mk-cream: #faf8f3;\n --mk-white: #ffffff;\n --mk-primary: #1a3a2e;\n --mk-primary-dark: #0f221a;\n --mk-primary-light: #e8f0ed;\n --mk-secondary: #f4b41a;\n --mk-accent: #d4a017;\n\n \/* Textes *\/\n --mk-text: #1a1a1a;\n --mk-text-light: #5a5a5a;\n\n \/* Effets *\/\n --mk-border: #e0e0e0;\n --mk-shadow: 0 4px 24px rgba(26, 58, 46, 0.08);\n --mk-shadow-lg: 0 12px 48px rgba(26, 58, 46, 0.15);\n --mk-radius: 20px;\n --mk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--mk-text);\n}\n\n\/* === HERO === *\/\n.mk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--mk-primary) 0%, #2d5a47 50%, var(--mk-primary-dark) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.06;\n background-image: \n repeating-linear-gradient(0deg, transparent, transparent 35px, var(--mk-secondary) 35px, var(--mk-secondary) 37px),\n repeating-linear-gradient(60deg, transparent, transparent 35px, var(--mk-secondary) 35px, var(--mk-secondary) 37px),\n repeating-linear-gradient(120deg, transparent, transparent 35px, var(--mk-secondary) 35px, var(--mk-secondary) 37px);\n}\n\n.mk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mk-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mk-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.mk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.mk-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -0.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n}\n\n.mk-subtitle {\n color: var(--mk-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);\n}\n\n.mk-description {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(15px, 2.5vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n\/* === SECTIONS === *\/\n.mk-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.mk-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--mk-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -0.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mk-secondary), var(--mk-accent));\n border-radius: 2px;\n}\n\n.mk-premium h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--mk-primary-dark);\n margin-bottom: 0.75rem;\n letter-spacing: -0.02em;\n}\n\n\/* === GRILLES === *\/\n.mk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS CERTIFICATIONS === *\/\n.mk-cert-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.mk-cert-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-secondary);\n}\n\n.mk-cert-icon {\n font-size: clamp(40px, 6vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 12px rgba(244, 180, 26, 0.3));\n}\n\n.mk-cert-label {\n color: var(--mk-secondary);\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-top: 0.5rem;\n margin-bottom: 0.75rem;\n}\n\n.mk-cert-card p {\n color: var(--mk-text-light);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === CARDS BIENFAITS === *\/\n.mk-benefit-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n border-left: 4px solid var(--mk-secondary);\n}\n\n.mk-benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-secondary);\n}\n\n.mk-benefit-icon {\n font-size: clamp(32px, 5vw, 42px);\n margin-bottom: 1rem;\n display: block;\n}\n\n.mk-benefit-card p {\n color: var(--mk-text-light);\n font-size: 15px;\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === USAGE === *\/\n.mk-usage-container {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.mk-usage-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: 0;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n overflow: hidden;\n transition: all 0.3s ease;\n}\n\n.mk-usage-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-usage-header {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n padding: 1.5rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.mk-usage-number {\n width: 42px;\n height: 42px;\n background: var(--mk-secondary);\n color: var(--mk-primary-dark);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 900;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.mk-usage-header h3 {\n color: white;\n margin: 0;\n font-size: clamp(18px, 3vw, 22px);\n}\n\n.mk-usage-content {\n padding: clamp(1.5rem, 3vw, 2rem);\n}\n\n.mk-usage-main {\n color: var(--mk-primary-dark);\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 700;\n margin-bottom: 1rem;\n}\n\n.mk-usage-content \u003e p {\n color: var(--mk-text-light);\n font-size: 15px;\n line-height: 1.7;\n margin-bottom: 1.5rem;\n}\n\n.mk-tip {\n background: var(--mk-primary-light);\n border-radius: var(--mk-radius-sm);\n padding: 1rem 1.25rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n border-left: 4px solid var(--mk-secondary);\n}\n\n.mk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mk-tip p {\n color: var(--mk-text);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n.mk-tip strong {\n color: var(--mk-primary-dark);\n}\n\n\/* === COMPOSITION === *\/\n.mk-composition-box {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--mk-shadow-lg);\n border: 3px solid var(--mk-secondary);\n}\n\n.mk-composition-main {\n text-align: center;\n padding-bottom: 2rem;\n border-bottom: 2px solid var(--mk-border);\n margin-bottom: 2rem;\n}\n\n.mk-composition-icon {\n font-size: clamp(48px, 8vw, 64px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 4px 16px rgba(244, 180, 26, 0.3));\n}\n\n.mk-composition-subtitle {\n color: var(--mk-secondary);\n font-size: 15px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-top: 0.5rem;\n}\n\n.mk-composition-details {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.mk-composition-item {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.mk-check {\n color: var(--mk-secondary);\n font-size: 20px;\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.mk-composition-item p {\n color: var(--mk-text);\n font-size: 15px;\n font-weight: 600;\n margin: 0;\n}\n\n.mk-composition-values {\n display: flex;\n justify-content: center;\n gap: 2rem;\n flex-wrap: wrap;\n}\n\n.mk-value-box {\n text-align: center;\n padding: 1rem 1.5rem;\n background: var(--mk-primary-light);\n border-radius: var(--mk-radius-sm);\n border: 2px solid var(--mk-secondary);\n}\n\n.mk-value-number {\n font-size: clamp(28px, 5vw, 38px);\n font-weight: 900;\n color: var(--mk-primary-dark);\n line-height: 1;\n margin-bottom: 0.25rem;\n}\n\n.mk-value-label {\n font-size: 12px;\n color: var(--mk-text-light);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n}\n\n\/* === ORIGINE === *\/\n.mk-origin-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.mk-origin-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--mk-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.mk-origin-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-origin-icon {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n}\n\n.mk-origin-card p {\n color: var(--mk-text-light);\n font-size: 15px;\n line-height: 1.7;\n}\n\n.mk-brand-box {\n background: linear-gradient(135deg, var(--mk-primary-light) 0%, rgba(244, 180, 26, 0.1) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--mk-secondary);\n}\n\n.mk-brand-box h3 {\n color: var(--mk-primary-dark);\n margin-bottom: 1rem;\n}\n\n.mk-brand-box p {\n color: var(--mk-text);\n font-size: 15px;\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.mk-profile-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.mk-profile-card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-secondary);\n}\n\n.mk-profile-emoji {\n font-size: clamp(40px, 6vw, 52px);\n margin-bottom: 1rem;\n}\n\n.mk-profile-card p {\n color: var(--mk-text-light);\n font-size: 15px;\n line-height: 1.6;\n}\n\n\/* === WARNING === *\/\n.mk-warning-box {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--mk-shadow);\n border-left: 6px solid #ff9800;\n}\n\n.mk-warning-items {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.mk-warning-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mk-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.mk-warning-item p {\n color: var(--mk-text);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n}\n\n.mk-warning-item strong {\n color: var(--mk-primary-dark);\n display: block;\n margin-bottom: 0.25rem;\n}\n\n\/* === INFOS === *\/\n.mk-info-card {\n background: var(--mk-white);\n border-radius: var(--mk-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--mk-shadow);\n border: 2px solid transparent;\n transition: all 0.3s ease;\n}\n\n.mk-info-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--mk-shadow-lg);\n border-color: var(--mk-primary);\n}\n\n.mk-info-icon {\n font-size: clamp(36px, 5vw, 48px);\n margin-bottom: 1rem;\n}\n\n.mk-info-value {\n font-size: clamp(20px, 3vw, 26px);\n font-weight: 900;\n color: var(--mk-primary-dark);\n margin: 0.5rem 0;\n}\n\n.mk-info-detail {\n color: var(--mk-text-light);\n font-size: 13px;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === CTA FINAL === *\/\n.mk-cta-box {\n background: linear-gradient(135deg, var(--mk-primary) 0%, var(--mk-primary-dark) 100%);\n border-radius: var(--mk-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mk-shadow-lg);\n}\n\n.mk-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0.05;\n background-image: \n repeating-linear-gradient(0deg, transparent, transparent 30px, var(--mk-secondary) 30px, var(--mk-secondary) 32px),\n repeating-linear-gradient(60deg, transparent, transparent 30px, var(--mk-secondary) 30px, var(--mk-secondary) 32px),\n repeating-linear-gradient(120deg, transparent, transparent 30px, var(--mk-secondary) 30px, var(--mk-secondary) 32px);\n}\n\n.mk-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.mk-cta-title {\n color: var(--mk-secondary);\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 900;\n margin-bottom: 1.5rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);\n}\n\n.mk-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);\n max-width: 800px;\n margin: 0 auto 1rem;\n}\n\n.mk-cta-highlight {\n color: var(--mk-secondary) !important;\n font-size: clamp(17px, 2.5vw, 21px) !important;\n font-weight: 700 !important;\n margin-top: 1.5rem !important;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .mk-grid {\n grid-template-columns: 1fr;\n }\n \n .mk-badges-top {\n flex-direction: column;\n align-items: center;\n }\n \n .mk-composition-values {\n gap: 1rem;\n }\n \n .mk-value-box {\n flex: 1 1 auto;\n min-width: 100px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mk-cert-card,\n .mk-benefit-card,\n .mk-origin-card,\n .mk-profile-card,\n .mk-info-card {\n animation: fadeInUp 0.6s ease backwards;\n }\n \n .mk-cert-card:nth-child(1),\n .mk-benefit-card:nth-child(1),\n .mk-origin-card:nth-child(1),\n .mk-profile-card:nth-child(1),\n .mk-info-card:nth-child(1) { animation-delay: 0.1s; }\n \n .mk-cert-card:nth-child(2),\n .mk-benefit-card:nth-child(2),\n .mk-origin-card:nth-child(2),\n .mk-profile-card:nth-child(2),\n .mk-info-card:nth-child(2) { animation-delay: 0.2s; }\n \n .mk-cert-card:nth-child(3),\n .mk-benefit-card:nth-child(3),\n .mk-origin-card:nth-child(3),\n .mk-profile-card:nth-child(3),\n .mk-info-card:nth-child(3) { animation-delay: 0.3s; }\n \n .mk-cert-card:nth-child(4),\n .mk-benefit-card:nth-child(4),\n .mk-origin-card:nth-child(4),\n .mk-profile-card:nth-child(4),\n .mk-info-card:nth-child(4) { animation-delay: 0.4s; }\n \n .mk-cert-card:nth-child(5),\n .mk-benefit-card:nth-child(5),\n .mk-origin-card:nth-child(5),\n .mk-profile-card:nth-child(5),\n .mk-info-card:nth-child(5) { animation-delay: 0.5s; }\n \n .mk-cert-card:nth-child(6),\n .mk-benefit-card:nth-child(6),\n .mk-origin-card:nth-child(6),\n .mk-profile-card:nth-child(6),\n .mk-info-card:nth-child(6) { animation-delay: 0.6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .mk-premium {\n --mk-shadow: 0 0 0 2px currentColor;\n --mk-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755083849885,"sku":"NBAICCO0004","price":89.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/miel-de-manuka-iaa-18-250-g-comptoirs-et-compagnies-packshothd_353c9d1b-d598-472a-a03f-0b56418ce56a.webp?v=1789043288"},{"product_id":"miel-de-manuka-umf-15-250-g-comptoirs-et-compagnies","title":"Miel de Manuka IAA 15+ - 250 G - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Miel de Manuka IAA 15+\nPalette détectée:\n - Primaire: #1a1a1a (noir profond du pot premium)\n - Secondaire: #d4a03f (or\/jaune des motifs hexagonaux et texte)\n - Accent: #f5c35e (miel doré naturel)\nAmbiance: Premium\/luxe naturel - packaging noir mat élégant avec accents dorés évoquant les alvéoles de ruche. Style haut de gamme, authenticité néo-zélandaise, rareté du produit.\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🏆 IAA 15+\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e⚡ MGO \u0026gt;514 mg\/kg\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🔬 Contrôlé en laboratoire\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eMiel de Manuka IAA 15+\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\"\u003eL'or de Nouvelle-Zélande · Puissance thérapeutique certifiée\u003c\/p\u003e\n \u003cp class=\"mnk-description\"\u003eDécouvrez un trésor naturel issu des forêts vierges de Nouvelle-Zélande. Ce miel d'exception certifié \u003cstrong\u003eIAA 15+\u003c\/strong\u003e offre une concentration en méthylglyoxal \u003cstrong\u003e\u0026gt;514 mg\/kg\u003c\/strong\u003e, garantissant une activité antimicrobienne supérieure pour un usage thérapeutique intensif.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- POINTS CLÉS --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🍯 Pourquoi choisir ce miel de Manuka\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌿 Origine certifiée\u003c\/h3\u003e\n \u003cp\u003e100% pur miel de Manuka récolté dans les \u003cstrong\u003eforêts vierges de Nouvelle-Zélande\u003c\/strong\u003e, directement des producteurs locaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e⚗️ MGO \u0026gt;514 mg\/kg\u003c\/h3\u003e\n \u003cp\u003eTeneur en méthylglyoxal \u003cstrong\u003ecertifiée par analyse\u003c\/strong\u003e, garantissant une puissance antimicrobienne exceptionnelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🏆 Indice IAA 15+\u003c\/h3\u003e\n \u003cp\u003eActivité antibactérienne \u003cstrong\u003emesurée et certifiée\u003c\/strong\u003e, équivalente aux plus hauts standards internationaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🔬 Double contrôle\u003c\/h3\u003e\n \u003cp\u003eChaque lot est \u003cstrong\u003eanalysé en laboratoire indépendant\u003c\/strong\u003e pour garantir authenticité et qualité constante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🤝 Direct producteur\u003c\/h3\u003e\n \u003cp\u003ePartenariat direct avec les apiculteurs néo-zélandais pour une \u003cstrong\u003etraçabilité totale\u003c\/strong\u003e du rucher au pot\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🏺 Format généreux\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e250g de miel pur\u003c\/strong\u003e dans un pot en verre hermétique préservant toutes les propriétés actives\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CERTIFICATION IAA --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📊 Comprendre l'indice IAA 15+\u003c\/h2\u003e\n \u003cdiv class=\"mnk-certification-box\"\u003e\n \u003cdiv class=\"mnk-cert-header\"\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003e\n \u003cspan class=\"mnk-cert-label\"\u003eIAA®\u003c\/span\u003e\n \u003cspan class=\"mnk-cert-value\"\u003e15+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-info\"\u003e\n \u003ch3\u003eIndice d'activité antibactérienne\u003c\/h3\u003e\n \u003cp\u003eLe label IAA® est une certification reconnue qui \u003cstrong\u003emesure scientifiquement\u003c\/strong\u003e l'activité antimicrobienne du miel de Manuka. Plus l'indice est élevé, plus la concentration en principes actifs est importante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-metrics\"\u003e\n \u003cdiv class=\"mnk-metric\"\u003e\n \u003cspan class=\"mnk-metric-value\"\u003e\u0026gt;514\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-unit\"\u003emg\/kg\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-label\"\u003eMéthylglyoxal (MGO)\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-metric\"\u003e\n \u003cspan class=\"mnk-metric-value\"\u003e15+\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-unit\"\u003eIAA®\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-label\"\u003eActivité certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-metric\"\u003e\n \u003cspan class=\"mnk-metric-value\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-unit\"\u003epur\u003c\/span\u003e\n \u003cspan class=\"mnk-metric-label\"\u003eSans additifs\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits du Manuka IAA 15+\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🛡️ Défenses immunitaires\u003c\/h3\u003e\n \u003cp\u003eRenforce naturellement le système immunitaire grâce à ses \u003cstrong\u003epropriétés antimicrobiennes puissantes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🩹 Cicatrisation\u003c\/h3\u003e\n \u003cp\u003eFavorise la régénération cutanée et accélère la \u003cstrong\u003ecicatrisation des plaies\u003c\/strong\u003e et brûlures légères\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🦠 Action antibactérienne\u003c\/h3\u003e\n \u003cp\u003eCombat efficacement les bactéries grâce au \u003cstrong\u003eméthylglyoxal (MGO)\u003c\/strong\u003e, son principe actif unique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌡️ Maux de gorge\u003c\/h3\u003e\n \u003cp\u003eApaise et soulage les \u003cstrong\u003eirritations de la gorge\u003c\/strong\u003e, idéal en période hivernale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍃 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eSoutient la santé gastro-intestinale et aide à \u003cstrong\u003eapaiser les troubles digestifs\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e💪 Énergie naturelle\u003c\/h3\u003e\n \u003cp\u003eSource de \u003cstrong\u003eglucides naturels\u003c\/strong\u003e pour un regain d'énergie sain et durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e👥 Pour qui est ce miel\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid-compact\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eRécupération et énergie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e❄️ Sensibles au froid\u003c\/h3\u003e\n \u003cp\u003eProtection hivernale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌿 Naturophiles\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🩺 Convalescents\u003c\/h3\u003e\n \u003cp\u003eSoutien immunitaire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📋 Conseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mnk-usage-box\"\u003e\n \u003cdiv class=\"mnk-usage-main\"\u003e\n \u003cdiv class=\"mnk-usage-icon\"\u003e🥄\u003c\/div\u003e\n \u003cdiv class=\"mnk-usage-content\"\u003e\n \u003ch3\u003ePosologie recommandée\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 à 2 cuillères à café par jour\u003c\/strong\u003e, pure ou diluée dans une boisson tiède (pas bouillante pour préserver les enzymes). Idéalement le matin à jeun ou en cas de besoin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-usage-tips\"\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e☕\u003c\/span\u003e\n \u003cspan\u003eDans une tisane ou un thé tiède\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e🍞\u003c\/span\u003e\n \u003cspan\u003eSur une tartine au petit-déjeuner\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e🥣\u003c\/span\u003e\n \u003cspan\u003eDans un yaourt ou smoothie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cspan\u003ePur, directement à la cuillère\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mnk-accordion\"\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, à l'abri de la lumière et de l'humidité. \u003cstrong\u003eNe pas réfrigérer\u003c\/strong\u003e. Le miel de Manuka se conserve naturellement plusieurs années sans perdre ses propriétés. Une cristallisation éventuelle est normale et n'altère pas la qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eNe pas donner aux enfants de moins de 12 mois\u003c\/strong\u003e (risque de botulisme infantile). Les personnes diabétiques doivent consulter leur médecin avant consommation régulière. Déconseillé aux personnes allergiques aux produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e🏭 Fabrication \u0026amp; origine\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003eMiel 100% pur récolté en \u003cstrong\u003eNouvelle-Zélande\u003c\/strong\u003e par des apiculteurs partenaires. Importé et conditionné par Comptoirs \u0026amp; Compagnies, spécialiste des miels d'exception depuis plus de 15 ans. Chaque lot est tracé de la ruche au consommateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e📜 Composition\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Miel de Manuka (Leptospermum scoparium) 100% pur. Sans additifs, sans colorants, sans conservateurs. Teneur en MGO certifiée \u0026gt;514 mg\/kg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mnk-cta-box\"\u003e\n \u003cp\u003e🍯 \u003cstrong\u003eOffrez-vous l'excellence néo-zélandaise\u003c\/strong\u003e\u003cbr\u003eUn miel rare, puissant et certifié pour prendre soin de votre santé naturellement. Le Manuka IAA 15+ est votre allié bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mnk-cream: #faf8f5;\n --mnk-white: #ffffff;\n --mnk-primary: #1a1a1a;\n --mnk-primary-dark: #0d0d0d;\n --mnk-primary-light: #f5f5f5;\n --mnk-secondary: #d4a03f;\n --mnk-accent: #f5c35e;\n --mnk-text: #1a1a1a;\n --mnk-text-light: #5a5a5a;\n --mnk-border: #e5e0d8;\n --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* HERO *\/\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #3a3a3a 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: 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 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='%23d4a03f' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 40px 40px;\n opacity: .08;\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mnk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(212,160,63,.15);\n backdrop-filter: blur(10px);\n border: 1px solid rgba(212,160,63,.4);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mnk-accent);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(212,160,63,.25);\n}\n\n.mnk-hero-title {\n display: block;\n color: var(--mnk-secondary);\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(212,160,63,.3);\n}\n\n.mnk-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.mnk-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mnk-description strong {\n color: var(--mnk-accent);\n}\n\n\/* SECTIONS *\/\n.mnk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mnk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mnk-secondary), var(--mnk-accent));\n border-radius: 2px;\n}\n\n\/* GRILLES *\/\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* CARDS *\/\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-secondary);\n}\n\n.mnk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-card p strong {\n color: var(--mnk-text);\n}\n\n.mnk-grid-compact .mnk-card {\n padding: 1rem;\n}\n\n.mnk-grid-compact .mnk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnk-grid-compact .mnk-card p {\n font-size: 12px;\n}\n\n\/* CERTIFICATION BOX *\/\n.mnk-certification-box {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnk-shadow-lg);\n border: 3px solid var(--mnk-secondary);\n}\n\n.mnk-cert-header {\n display: flex;\n gap: 1.5rem;\n align-items: center;\n margin-bottom: 2rem;\n flex-wrap: wrap;\n}\n\n.mnk-cert-badge {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, #2d2d2d 100%);\n border-radius: var(--mnk-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n min-width: 100px;\n flex-shrink: 0;\n}\n\n.mnk-cert-label {\n display: block;\n color: var(--mnk-secondary);\n font-size: 14px;\n font-weight: 900;\n letter-spacing: 2px;\n}\n\n.mnk-cert-value {\n display: block;\n color: white;\n font-size: 36px;\n font-weight: 900;\n line-height: 1.1;\n}\n\n.mnk-cert-info h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mnk-cert-info p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.mnk-cert-info p strong {\n color: var(--mnk-text);\n}\n\n.mnk-cert-metrics {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n}\n\n.mnk-metric {\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n border-radius: var(--mnk-radius-sm);\n padding: 1.25rem;\n text-align: center;\n border: 2px solid var(--mnk-accent);\n}\n\n.mnk-metric-value {\n display: block;\n font-size: clamp(28px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-primary-dark);\n line-height: 1;\n}\n\n.mnk-metric-unit {\n display: block;\n font-size: 14px;\n font-weight: 700;\n color: var(--mnk-secondary);\n margin-bottom: .25rem;\n}\n\n.mnk-metric-label {\n display: block;\n font-size: 12px;\n color: var(--mnk-text-light);\n}\n\n\/* USAGE BOX *\/\n.mnk-usage-box {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnk-shadow);\n}\n\n.mnk-usage-main {\n display: flex;\n gap: 1.25rem;\n align-items: flex-start;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--mnk-border);\n}\n\n.mnk-usage-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.mnk-usage-content h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.mnk-usage-content p {\n font-size: 15px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.mnk-usage-content p strong {\n color: var(--mnk-text);\n}\n\n.mnk-usage-tips {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: .75rem;\n}\n\n.mnk-tip {\n display: flex;\n align-items: center;\n gap: .75rem;\n padding: .75rem 1rem;\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n border-radius: var(--mnk-radius-sm);\n font-size: 14px;\n color: var(--mnk-text);\n}\n\n.mnk-tip-icon {\n font-size: 20px;\n flex-shrink: 0;\n}\n\n\/* ACCORDÉON *\/\n.mnk-accordion {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n box-shadow: var(--mnk-shadow);\n overflow: hidden;\n}\n\n.mnk-accordion-item {\n border-bottom: 1px solid var(--mnk-border);\n margin: 0;\n padding: 0;\n}\n\n.mnk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnk-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.mnk-accordion-header:hover {\n background: linear-gradient(135deg, #fff9e6 0%, #fff5d6 100%);\n}\n\n.mnk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnk-secondary);\n transition: transform .2s ease;\n}\n\n.mnk-accordion-item[open] .mnk-accordion-header::after {\n content: '−';\n}\n\n.mnk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mnk-accordion-content p {\n margin: 0;\n}\n\n.mnk-accordion-content strong {\n color: var(--mnk-text);\n}\n\n\/* CTA BOX *\/\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-secondary) 0%, #b8872d 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnk-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='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-size: 30px 30px;\n opacity: .1;\n}\n\n.mnk-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.mnk-cta-box strong {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n margin-bottom: .5rem;\n}\n\n\/* RESPONSIVE MOBILE *\/\n@media (max-width: 767px) {\n .mnk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnk-card {\n padding: 1.125rem;\n }\n \n .mnk-section {\n margin-bottom: 1.75rem;\n }\n \n .mnk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnk-radius-sm);\n }\n \n .mnk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnk-grid-compact {\n gap: .625rem;\n }\n \n .mnk-grid-compact .mnk-card {\n padding: .75rem;\n }\n \n .mnk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .mnk-cert-header {\n flex-direction: column;\n text-align: center;\n }\n \n .mnk-usage-main {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* ANIMATIONS *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnk-card:nth-child(1) { animation-delay: .05s; }\n .mnk-card:nth-child(2) { animation-delay: .1s; }\n .mnk-card:nth-child(3) { animation-delay: .15s; }\n .mnk-card:nth-child(4) { animation-delay: .2s; }\n .mnk-card:nth-child(5) { animation-delay: .25s; }\n .mnk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* ACCESSIBILITÉ *\/\n@media (prefers-reduced-motion: reduce) {\n .mnk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755084701853,"sku":"NBAICCO0003","price":67.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/miel-de-manuka-iaa-15-250-g-comptoirs-et-compagnies-packshothd.webp?v=1789043274"},{"product_id":"miel-de-manuka-umf-10-250-g-comptoirs-et-compagnies","title":"Miel de Manuka IAA 10+ - 250 G - Comptoirs et compagnies","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Miel de Manuka IAA 10+\nPalette détectée:\n - Primaire: #d4a03f (Or doré du miel et des motifs hexagonaux)\n - Secondaire: #1a1a1a (Noir profond du packaging premium)\n - Accent: #f5c35e (Or miel lumineux des hexagones)\nAmbiance: Premium\/Luxe noir mat sophistiqué avec accents dorés, motifs hexagonaux alvéolés, certifications scientifiques visibles, style haut de gamme naturel\nPréfixe CSS: mnk\n--\u003e\n\n\u003cdiv class=\"mnk-premium\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🍯 IAA 10+\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🔬 MGO ≥263\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eMiel de Manuka IAA 10+\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\"\u003eLe trésor thérapeutique de Nouvelle-Zélande\u003c\/p\u003e\n \u003cp class=\"mnk-description\"\u003eUn miel d'exception aux \u003cstrong\u003epropriétés antibactériennes scientifiquement prouvées\u003c\/strong\u003e, certifié IAA 10+ avec une concentration garantie en \u003cstrong\u003eméthylglyoxal (MGO) ≥263 mg\/kg\u003c\/strong\u003e. Récolté dans les régions sauvages de Nouvelle-Zélande, direct producteur.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- CERTIFICATION --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🏆 Certification et garanties\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-cert-box\"\u003e\n \u003cdiv class=\"mnk-cert-visual\"\u003e\n \u003cdiv class=\"mnk-cert-badge\"\u003eIAA 10+\u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-mgo\"\u003eMGO ≥263\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cert-content\"\u003e\n \u003ch3\u003eL'indice IAA : votre garantie d'efficacité\u003c\/h3\u003e\n \u003cp\u003eL'\u003cstrong\u003eIndice d'Activité Antibactérienne (IAA)\u003c\/strong\u003e certifie scientifiquement l'efficacité thérapeutique du miel. L'indice 10+ garantit une \u003cstrong\u003eactivité antibactérienne puissante et mesurée en laboratoire indépendant\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🔬 Activité mesurée\u003c\/h3\u003e\n \u003cp\u003eChaque lot testé en laboratoire indépendant pour certifier le taux de MGO et l'authenticité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌿 Direct producteur\u003c\/h3\u003e\n \u003cp\u003eApprovisionnement direct auprès des apiculteurs néo-zélandais pour une traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✅ Contrôle laboratoire\u003c\/h3\u003e\n \u003cp\u003eVérifiez l'activité réelle de votre miel grâce au numéro de lot sur le site officiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e💪 Propriétés thérapeutiques reconnues\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🛡️ Système immunitaire\u003c\/h3\u003e\n \u003cp\u003eRenforce les défenses naturelles grâce à ses \u003cstrong\u003epropriétés antibactériennes et antiseptiques\u003c\/strong\u003e exceptionnelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🤧 Maux de gorge\u003c\/h3\u003e\n \u003cp\u003eApaise rapidement les \u003cstrong\u003einflammations de la gorge\u003c\/strong\u003e et les irritations des voies respiratoires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍃 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eFavorise une \u003cstrong\u003edigestion saine\u003c\/strong\u003e et aide à maintenir l'équilibre de la flore intestinale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🩹 Cicatrisation\u003c\/h3\u003e\n \u003cp\u003eAccélère la \u003cstrong\u003ecicatrisation des plaies et brûlures\u003c\/strong\u003e en application locale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✨ Problèmes cutanés\u003c\/h3\u003e\n \u003cp\u003eSoulage naturellement \u003cstrong\u003eeczéma, acné et irritations\u003c\/strong\u003e grâce au pouvoir du MGO\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n \u003cp\u003eSource d'\u003cstrong\u003eénergie durable\u003c\/strong\u003e grâce aux sucres naturels et nutriments essentiels\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ORIGINE --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🇳🇿 Origine Nouvelle-Zélande\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-origin-box\"\u003e\n \u003cp\u003eLe \u003cstrong\u003eMiel de Manuka\u003c\/strong\u003e provient exclusivement des fleurs du \u003cstrong\u003eLeptospermum scoparium\u003c\/strong\u003e, un arbuste sauvage endémique de Nouvelle-Zélande. Les abeilles butinent ces fleurs blanches délicates pendant une courte période de l'année, produisant un miel aux \u003cstrong\u003epropriétés thérapeutiques uniques au monde\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mnk-grid-compact\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌸 Fleurs de Manuka\u003c\/h3\u003e\n \u003cp\u003eButinage exclusif du Leptospermum scoparium\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍯 Texture onctueuse\u003c\/h3\u003e\n \u003cp\u003eMiel crémeux au goût intense caractéristique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🏺 Pot hermétique\u003c\/h3\u003e\n \u003cp\u003e250g en verre pour préserver les actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e📋 Traçabilité\u003c\/h3\u003e\n \u003cp\u003eDe la ruche au pot, suivi complet garanti\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- UTILISATION --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🥄 Conseils d'utilisation\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🥄 À la cuillère\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e pure le matin à jeun pour une efficacité maximale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍵 Boissons chaudes\u003c\/h3\u003e\n \u003cp\u003eDans du thé ou une infusion \u003cstrong\u003etiède (pas bouillante)\u003c\/strong\u003e pour préserver les enzymes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🥣 Petit-déjeuner\u003c\/h3\u003e\n \u003cp\u003eAvec yaourt, fromage blanc ou tartines pour une touche gourmande et saine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🩹 Application cutanée\u003c\/h3\u003e\n \u003cp\u003eEn cataplasme direct sur la peau pour traiter plaies ou problèmes cutanés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mnk-dosage-box\"\u003e\n \u003ch3\u003e💊 Posologie recommandée\u003c\/h3\u003e\n \u003cdiv class=\"mnk-dosage-grid\"\u003e\n \u003cdiv class=\"mnk-dosage-item\"\u003e\n \u003cstrong\u003ePréventif\u003c\/strong\u003e\n \u003cspan\u003e1 c. à café\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-dosage-item\"\u003e\n \u003cstrong\u003eCuratif\u003c\/strong\u003e\n \u003cspan\u003e2-3 c. à café\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-dosage-item\"\u003e\n \u003cstrong\u003eLocal\u003c\/strong\u003e\n \u003cspan\u003e2-3 fois\/jour\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003ePersonnes cherchant à \u003cstrong\u003erenforcer leurs défenses naturelles\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🤧 Troubles ORL\u003c\/h3\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003emaux de gorge, toux, rhumes\u003c\/strong\u003e fréquents\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍃 Problèmes digestifs\u003c\/h3\u003e\n \u003cp\u003ePour soutenir le \u003cstrong\u003econfort digestif\u003c\/strong\u003e au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🩹 Cicatrisation\u003c\/h3\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003eplaies ou brûlures légères\u003c\/strong\u003e à traiter\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✨ Soucis cutanés\u003c\/h3\u003e\n \u003cp\u003ePour traiter naturellement \u003cstrong\u003eeczéma, acné, psoriasis\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e💪 Bien-être global\u003c\/h3\u003e\n \u003cp\u003eToute personne souhaitant un \u003cstrong\u003eallié santé naturel\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e🍯 Composition 100% pure\u003c\/h2\u003e\n \n \u003cdiv class=\"mnk-composition-box\"\u003e\n \u003cdiv class=\"mnk-composition-main\"\u003e\n \u003cstrong\u003e100% miel de Manuka pur\u003c\/strong\u003e\n \u003cspan\u003eNectar exclusif des fleurs de Leptospermum scoparium de Nouvelle-Zélande\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-composition-values\"\u003e\n \u003cdiv class=\"mnk-value-item\"\u003e\n \u003cspan class=\"mnk-value-label\"\u003eMGO\u003c\/span\u003e\n \u003cspan class=\"mnk-value-number\"\u003e≥263 mg\/kg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-value-item\"\u003e\n \u003cspan class=\"mnk-value-label\"\u003eIAA\u003c\/span\u003e\n \u003cspan class=\"mnk-value-number\"\u003e10+\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-value-item\"\u003e\n \u003cspan class=\"mnk-value-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"mnk-value-number\"\u003e250g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mnk-grid-compact\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eAucun ajout artificiel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eConservation naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n \u003cp\u003eSucres naturels uniquement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✅ 100% naturel\u003c\/h3\u003e\n \u003cp\u003eMiel brut non transformé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"mnk-accordion\"\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003e\u003cstrong\u003eDéconseillé aux enfants de moins de 1 an\u003c\/strong\u003e (risque de botulisme). Prudence en cas d'allergie au miel ou aux produits de la ruche. Les personnes diabétiques doivent consulter un médecin avant utilisation (sucres naturels). Ne pas dépasser les doses recommandées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003eConserver à température ambiante, \u003cstrong\u003eà l'abri de la chaleur et de la lumière directe\u003c\/strong\u003e. Refermer soigneusement après utilisation. Le miel de Manuka ne se périme pas mais peut cristalliser naturellement sans perdre ses propriétés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mnk-accordion-item\"\u003e\n \u003csummary class=\"mnk-accordion-header\"\u003e🔍 Vérification authenticité\u003c\/summary\u003e\n \u003cdiv class=\"mnk-accordion-content\"\u003e\n \u003cp\u003eL'indice IAA® apposé sur l'étiquette vous garantit que ce miel a été \u003cstrong\u003etesté en laboratoire indépendant\u003c\/strong\u003e. Vérifiez l'activité réelle de votre miel sur le site internet de Comptoirs et Compagnies grâce au numéro de lot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"mnk-cta-box\"\u003e\n \u003cp\u003e🍯 Avec sa certification \u003cstrong\u003eIAA 10+\u003c\/strong\u003e et sa concentration garantie en \u003cstrong\u003eMGO ≥263 mg\/kg\u003c\/strong\u003e, ce Miel de Manuka représente l'excellence en matière de miel thérapeutique. Traçable de la ruche au pot, testé en laboratoire indépendant : l'allié naturel de votre santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --mnk-cream: #faf8f5;\n --mnk-white: #ffffff;\n --mnk-primary: #d4a03f;\n --mnk-primary-dark: #b8872d;\n --mnk-primary-light: #fff9e6;\n --mnk-secondary: #1a1a1a;\n --mnk-accent: #f5c35e;\n --mnk-text: #1a1a1a;\n --mnk-text-light: #5a5a5a;\n --mnk-border: #e5e0d8;\n --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(212, 160, 63, .1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(245, 195, 94, .08) 0%, transparent 50%);\n opacity: .6;\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.mnk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(212, 160, 63, .15);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mnk-accent);\n border: 1px solid rgba(212, 160, 63, .3);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n background: rgba(212, 160, 63, .25);\n}\n\n.mnk-hero-title {\n display: block;\n color: var(--mnk-primary);\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(212, 160, 63, .4);\n}\n\n.mnk-subtitle {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n}\n\n.mnk-description {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.mnk-description strong {\n color: var(--mnk-accent);\n}\n\n\/* === SECTIONS === *\/\n.mnk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-text);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mnk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mnk-primary-dark), var(--mnk-primary), var(--mnk-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-primary);\n}\n\n.mnk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnk-text);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-card strong {\n color: var(--mnk-text);\n}\n\n\/* === CERTIFICATION BOX === *\/\n.mnk-cert-box {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n box-shadow: var(--mnk-shadow-lg);\n display: flex;\n gap: 2rem;\n align-items: center;\n}\n\n.mnk-cert-visual {\n flex-shrink: 0;\n text-align: center;\n}\n\n.mnk-cert-badge {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n color: var(--mnk-secondary);\n padding: 16px 24px;\n border-radius: var(--mnk-radius-sm);\n font-size: 28px;\n font-weight: 900;\n margin-bottom: .75rem;\n box-shadow: 0 6px 20px rgba(212, 160, 63, .4);\n}\n\n.mnk-cert-mgo {\n background: rgba(212, 160, 63, .15);\n border: 2px solid var(--mnk-primary);\n color: var(--mnk-accent);\n padding: 8px 16px;\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n}\n\n.mnk-cert-content h3 {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--mnk-primary);\n margin: 0 0 .75rem 0;\n}\n\n.mnk-cert-content p {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(14px, 2vw, 15px);\n line-height: 1.7;\n margin: 0;\n}\n\n.mnk-cert-content strong {\n color: var(--mnk-accent);\n}\n\n\/* === ORIGIN BOX === *\/\n.mnk-origin-box {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border-left: 4px solid var(--mnk-primary);\n margin-bottom: 1.5rem;\n}\n\n.mnk-origin-box p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.8;\n color: var(--mnk-text-light);\n margin: 0;\n}\n\n.mnk-origin-box strong {\n color: var(--mnk-text);\n}\n\n\/* === DOSAGE BOX === *\/\n.mnk-dosage-box {\n background: var(--mnk-primary-light);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-top: 1.5rem;\n box-shadow: var(--mnk-shadow);\n}\n\n.mnk-dosage-box h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--mnk-text);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.mnk-dosage-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mnk-dosage-item {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius-sm);\n padding: 1rem;\n text-align: center;\n border: 2px solid var(--mnk-border);\n}\n\n.mnk-dosage-item strong {\n display: block;\n font-size: 14px;\n color: var(--mnk-primary-dark);\n margin-bottom: .25rem;\n}\n\n.mnk-dosage-item span {\n font-size: 13px;\n color: var(--mnk-text-light);\n}\n\n\/* === COMPOSITION BOX === *\/\n.mnk-composition-box {\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-bottom: 1.5rem;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n}\n\n.mnk-composition-main strong {\n display: block;\n font-size: clamp(18px, 3vw, 22px);\n color: var(--mnk-primary);\n margin-bottom: .5rem;\n}\n\n.mnk-composition-main span {\n font-size: clamp(13px, 2vw, 15px);\n color: rgba(255, 255, 255, .8);\n}\n\n.mnk-composition-values {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mnk-value-item {\n text-align: center;\n padding: 1rem;\n background: rgba(212, 160, 63, .1);\n border-radius: var(--mnk-radius-sm);\n border: 1px solid rgba(212, 160, 63, .2);\n}\n\n.mnk-value-label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n color: var(--mnk-accent);\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: .25rem;\n}\n\n.mnk-value-number {\n display: block;\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--mnk-primary);\n}\n\n\/* === ACCORDÉON === *\/\n.mnk-accordion {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n box-shadow: var(--mnk-shadow);\n overflow: hidden;\n}\n\n.mnk-accordion-item {\n border-bottom: 1px solid var(--mnk-border);\n margin: 0;\n padding: 0;\n}\n\n.mnk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mnk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mnk-text);\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.mnk-accordion-header:hover {\n background: var(--mnk-primary-light);\n}\n\n.mnk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mnk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mnk-primary);\n transition: transform .2s ease;\n}\n\n.mnk-accordion-item[open] .mnk-accordion-header::after {\n content: '−';\n}\n\n.mnk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mnk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.mnk-accordion-content p {\n margin: 0;\n}\n\n.mnk-accordion-content strong {\n color: var(--mnk-text);\n}\n\n\/* === CTA BOX === *\/\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-primary-dark) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.mnk-cta-box p {\n color: var(--mnk-secondary);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n font-weight: 600;\n margin: 0;\n}\n\n.mnk-cta-box strong {\n font-weight: 800;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mnk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .mnk-grid-compact {\n gap: .625rem;\n }\n \n .mnk-grid-compact .mnk-card {\n padding: .75rem;\n }\n \n .mnk-grid-compact .mnk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .mnk-grid-compact .mnk-card p {\n font-size: 12px;\n }\n \n .mnk-card {\n padding: 1.125rem;\n }\n \n .mnk-section {\n margin-bottom: 1.75rem;\n }\n \n .mnk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnk-radius-sm);\n }\n \n .mnk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .mnk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .mnk-cert-box {\n flex-direction: column;\n text-align: center;\n }\n \n .mnk-dosage-grid {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .mnk-composition-values {\n grid-template-columns: 1fr;\n gap: .75rem;\n }\n \n .mnk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .mnk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnk-card:nth-child(1) { animation-delay: .05s; }\n .mnk-card:nth-child(2) { animation-delay: .1s; }\n .mnk-card:nth-child(3) { animation-delay: .15s; }\n .mnk-card:nth-child(4) { animation-delay: .2s; }\n .mnk-card:nth-child(5) { animation-delay: .25s; }\n .mnk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .mnk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"COMPTOIRS ET COMPAGNIES","offers":[{"title":"Default Title","offer_id":45755085979805,"sku":"NBAICCO0002","price":38.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/miel-de-manuka-iaa-10-250-g-comptoirs-et-compagnies-packshothd.webp?v=1789043291"},{"product_id":"trikatu-melange-depices-poivre-noir-poivre-long-gingembre-flacon-en-verre-de-50-g-ayurvana","title":"Trikatu (Poivre noir, poivre long, gingembre) 50 g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Trikatu (Poivre noir, poivre long, gingembre) 50 g - AyurVana\nPalette détectée:\n - Primaire: #C4342D (rouge vif des bandes du packaging)\n - Secondaire: #D4A855 (doré\/sable de l'étiquette kraft)\n - Accent: #5B8C3E (vert des touches de la marque AyurVana)\n - Fond: #F7F2EB (crème chaud rappelant l'épice\/kraft)\nAmbiance: Ayurvédique, épices indiennes, tradition ancestrale, chaleureux, artisanal, fabrication française\nPréfixe CSS: tk\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Trikatu : le mélange ancestral des trois piquants de l'Ayurveda\"\n 2. \"Composition et ingrédients du Trikatu AyurVana\"\n 3. \"Bienfaits et propriétés du Trikatu\"\n 4. \"Comment utiliser le Trikatu au quotidien\"\n 5. \"Conseils de conservation et précautions\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tk-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tk-hero\"\u003e\n \u003cdiv class=\"tk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tk-hero-content\"\u003e\n \u003cdiv class=\"tk-badges-top\"\u003e\n \u003cspan class=\"tk-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tk-badge\"\u003e🌿 100% épices naturelles\u003c\/span\u003e\n \u003cspan class=\"tk-badge\"\u003e🔥 Formule ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tk-hero-title\"\u003eTrikatu – Les trois piquants\u003c\/span\u003e\n \u003cp class=\"tk-subtitle\"\u003ePoivre noir · Poivre long · Gingembre\u003c\/p\u003e\n \u003cp class=\"tk-description\"\u003eLe mélange ancestral de l'Ayurveda pour stimuler votre feu digestif, conditionné en flacon en verre de 50 g par AyurVana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eTrikatu : le mélange ancestral des trois piquants de l'Ayurveda\u003c\/h2\u003e\n \u003cp class=\"tk-section-intro\"\u003eLe \u003cstrong\u003eTrikatu\u003c\/strong\u003e, littéralement « les trois piquants » en sanskrit, est l'une des formules les plus emblématiques de la médecine ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"tk-grid-compact\"\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🌶️ Poivre noir\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePiper nigrum\u003c\/em\u003e — riche en pipérine pour une absorption optimale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🫚 Poivre long\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003ePiper longum\u003c\/em\u003e — le pippali traditionnel de l'Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e✨ Gingembre\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e — le « remède universel » ayurvédique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🔥 Agni\u003c\/h3\u003e\n \u003cp\u003eStimule le feu digestif pour une assimilation optimale des nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-tip\"\u003e\n \u003cspan class=\"tk-tip-icon\"\u003e🏺\u003c\/span\u003e\n \u003cp\u003eUtilisé depuis des millénaires en Inde, ce mélange est conditionné dans un \u003cstrong\u003eflacon en verre de 50 g\u003c\/strong\u003e préservant toute la fraîcheur et l'intensité aromatique des épices. \u003cstrong\u003eFabrication française\u003c\/strong\u003e par AyurVana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eComposition et ingrédients du Trikatu AyurVana\u003c\/h2\u003e\n \u003cp class=\"tk-section-intro\"\u003eTrois épices finement moulues en proportions équilibrées, pour une synergie plus puissante que chaque ingrédient pris isolément.\u003c\/p\u003e\n \u003cdiv class=\"tk-grid\"\u003e\n \u003cdiv class=\"tk-card tk-card-ingredient\"\u003e\n \u003ch3\u003e🌶️ Poivre noir\u003c\/h3\u003e\n \u003cp class=\"tk-card-latin\"\u003e\u003cem\u003ePiper nigrum\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eRiche en \u003cstrong\u003epipérine\u003c\/strong\u003e, un alcaloïde reconnu pour améliorer l'absorption des nutriments et des principes actifs. La pipérine stimule également les enzymes digestives.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card tk-card-ingredient\"\u003e\n \u003ch3\u003e🫚 Poivre long (pippali)\u003c\/h3\u003e\n \u003cp class=\"tk-card-latin\"\u003e\u003cem\u003ePiper longum\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eÉpice traditionnelle de l'Ayurveda, il contribue à stimuler l'appétit et à faciliter la digestion des aliments lourds. Particulièrement recommandé pour équilibrer le \u003cstrong\u003edosha Kapha\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card tk-card-ingredient\"\u003e\n \u003ch3\u003e✨ Gingembre\u003c\/h3\u003e\n \u003cp class=\"tk-card-latin\"\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eConsidéré comme le « remède universel » en Ayurveda, il apporte ses propriétés carminatives et apaisantes pour le \u003cstrong\u003econfort digestif quotidien\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-tip\"\u003e\n \u003cspan class=\"tk-tip-icon\"\u003e🧬\u003c\/span\u003e\n \u003cp\u003eLa synergie de ces trois épices crée un effet plus puissant que chaque ingrédient pris isolément. Cette complémentarité est comparable à l'association \u003cstrong\u003ecurcuma poivre noir gingembre\u003c\/strong\u003e dont les bienfaits sont largement documentés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eBienfaits et propriétés du Trikatu\u003c\/h2\u003e\n \u003cp class=\"tk-section-intro\"\u003eUn allié naturel pour votre digestion, reconnu par des millénaires de tradition ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"tk-grid\"\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🔥 Stimulation du feu digestif\u003c\/h3\u003e\n \u003cp\u003eEn activant \u003cstrong\u003eAgni\u003c\/strong\u003e, il aide à mieux transformer les aliments et à réduire les sensations de lourdeur après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e💊 Meilleure absorption des nutriments\u003c\/h3\u003e\n \u003cp\u003eGrâce à la \u003cstrong\u003epipérine\u003c\/strong\u003e, les principes actifs de votre alimentation ou compléments sont mieux assimilés. C'est pourquoi l'association \u003cstrong\u003ecurcuma gingembre poivre noir\u003c\/strong\u003e est si souvent recommandée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e😌 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLes vertus carminatives du gingembre aident à apaiser \u003cstrong\u003eballonnements\u003c\/strong\u003e et inconforts du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e⚡ Soutien du métabolisme\u003c\/h3\u003e\n \u003cp\u003eL'effet \u003cstrong\u003ethermogénique\u003c\/strong\u003e des trois épices contribue à stimuler naturellement le métabolisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-tip\"\u003e\n \u003cspan class=\"tk-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eL'association \u003cstrong\u003egingembre curcuma poivre noir\u003c\/strong\u003e est souvent citée comme un \u003cstrong\u003eanti-inflammatoire puissant\u003c\/strong\u003e naturel. Le Trikatu constitue une excellente base à laquelle ajouter du curcuma ou du miel selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eComment utiliser le Trikatu au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"tk-timeline\"\u003e\n \u003cdiv class=\"tk-timeline-item\"\u003e\n \u003cdiv class=\"tk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tk-timeline-content\"\u003e\n \u003ch3\u003e🍲 En cuisine\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez une pincée sur vos soupes, salades, marinades ou plats mijotés pour relever la saveur tout en profitant des bienfaits digestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-timeline-item\"\u003e\n \u003cdiv class=\"tk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tk-timeline-content\"\u003e\n \u003ch3\u003e☕ En infusion\u003c\/h3\u003e\n \u003cp\u003eDiluez une demi-cuillère à café dans une tasse d'eau chaude après le repas. Ajoutez du \u003cstrong\u003ecurcuma, du gingembre, du poivre noir et du miel\u003c\/strong\u003e pour une boisson réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-timeline-item\"\u003e\n \u003cdiv class=\"tk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tk-timeline-content\"\u003e\n \u003ch3\u003e🧂 En assaisonnement direct\u003c\/h3\u003e\n \u003cp\u003eParsemez sur vos plats préparés pour une touche épicée authentique, directement à table.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eConseils de conservation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"tk-accordion\"\u003e\n \u003cdetails class=\"tk-accordion-item\" open\u003e\n \u003csummary class=\"tk-accordion-header\"\u003e🏺 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tk-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon en verre à l'abri de la lumière, de la chaleur et de l'humidité pour préserver les arômes et les propriétés des épices. Le conditionnement en verre garantit une conservation optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tk-accordion-item\"\u003e\n \u003csummary class=\"tk-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tk-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un mélange d'épices alimentaires et ne saurait remplacer un traitement médical. Consultez votre professionnel de santé en cas de doute, notamment si vous êtes enceinte, allaitante ou sous traitement médicamenteux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tk-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tk-grid-compact\"\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e50 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🍾 Conditionnement\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre avec bouchon liège\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eFrance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tk-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eAyurVana – Épices indiennes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tk-cta-box\"\u003e\n \u003cp\u003e🔥 Réveillez votre feu digestif avec le Trikatu, le mélange ancestral des trois piquants de l'Ayurveda — fabriqué en France par AyurVana.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tk-disclaimer\"\u003eCe produit est un mélange d'épices alimentaires et ne saurait remplacer un traitement médical ni un régime alimentaire varié et équilibré.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tk-cream: #F7F2EB;\n --tk-white: #ffffff;\n --tk-primary: #C4342D;\n --tk-primary-dark: #8B1A15;\n --tk-primary-light: #FDF0EF;\n --tk-secondary: #D4A855;\n --tk-accent: #5B8C3E;\n --tk-text: #1a1a1a;\n --tk-text-light: #5a5a5a;\n --tk-border: #e8e0d6;\n --tk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tk-radius: 20px;\n --tk-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tk-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tk-primary) 0%, var(--tk-primary-dark) 40%, #3D1510 100%);\n border-radius: var(--tk-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(--tk-shadow-lg);\n}\n\n.tk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 50%, rgba(212,168,85,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(212,168,85,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.tk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.tk-subtitle {\n color: var(--tk-secondary);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n letter-spacing: .15em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.tk-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.tk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tk-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(--tk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tk-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.tk-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(--tk-primary), var(--tk-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tk-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tk-card {\n background: var(--tk-white);\n border-radius: var(--tk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tk-shadow-lg);\n border-color: var(--tk-primary);\n}\n\n.tk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD INGREDIENT === *\/\n.tk-card-ingredient .tk-card-latin {\n color: var(--tk-secondary);\n font-size: 13px;\n font-weight: 600;\n margin-bottom: .75rem;\n}\n\n\/* === GRILLES === *\/\n.tk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tk-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tk-grid-compact .tk-card {\n padding: 1rem;\n}\n\n.tk-grid-compact .tk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tk-grid-compact .tk-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tk-primary), var(--tk-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tk-timeline-content {\n flex: 1;\n background: var(--tk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tk-radius-sm);\n box-shadow: var(--tk-shadow);\n}\n\n.tk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tk-timeline-content p {\n font-size: 14px;\n color: var(--tk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tk-primary-light);\n border-radius: var(--tk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tk-tip p {\n font-size: 14px;\n color: var(--tk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tk-accordion {\n background: var(--tk-white);\n border-radius: var(--tk-radius);\n box-shadow: var(--tk-shadow);\n overflow: hidden;\n}\n\n.tk-accordion-item {\n border-bottom: 1px solid var(--tk-border);\n margin: 0;\n padding: 0;\n}\n\n.tk-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tk-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tk-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.tk-accordion-header:hover {\n background: var(--tk-primary-light);\n}\n\n.tk-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tk-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tk-primary);\n transition: transform .2s ease;\n}\n\n.tk-accordion-item[open] .tk-accordion-header::after {\n content: '−';\n}\n\n.tk-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tk-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tk-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tk-cta-box {\n background: linear-gradient(135deg, var(--tk-primary) 0%, var(--tk-primary-dark) 100%);\n border-radius: var(--tk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tk-disclaimer {\n font-size: 12px;\n color: var(--tk-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tk-card {\n padding: 1.125rem;\n }\n\n .tk-section {\n margin-bottom: 1.75rem;\n }\n\n .tk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tk-radius-sm);\n }\n\n .tk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tk-grid-compact {\n gap: .625rem;\n }\n\n .tk-grid-compact .tk-card {\n padding: .75rem;\n }\n\n .tk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tk-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tk-timeline-content h3 {\n font-size: 14px;\n }\n\n .tk-timeline-content p {\n font-size: 13px;\n }\n\n .tk-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tk-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tk-testimonial {\n padding: 1.25rem;\n }\n\n .tk-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tk-card {\n animation: tkFadeInUp .5s ease backwards;\n }\n .tk-card:nth-child(1) { animation-delay: .05s; }\n .tk-card:nth-child(2) { animation-delay: .1s; }\n .tk-card:nth-child(3) { animation-delay: .15s; }\n .tk-card:nth-child(4) { animation-delay: .2s; }\n .tk-card:nth-child(5) { animation-delay: .25s; }\n .tk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tkFadeInUp {\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 .tk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755100201117,"sku":"AY9043","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/trikatu-poivre-noir-poivre-long-gingembre-50-g-ayurvana-lifestyle.webp?v=1770738680"},{"product_id":"tchai-epices-pour-le-the-bio-flacon-en-verre-de-50-g-ayurvana","title":"Tchaï Bio (epices pour le Thé) - Flacon en Verre de 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tchaï Bio - Épices pour le Thé AyurVana\nPalette détectée:\n - Primaire: #C41E3A (rouge carmin de l'étiquette indienne)\n - Secondaire: #D4A574 (beige\/doré des motifs orientaux)\n - Accent: #4A7C59 (vert du label AB bio)\nAmbiance: Authentique indien, chaleureux, tradition ayurvédique, naturel\/bio, artisanal\nPréfixe CSS: tchai\n--\u003e\n\n\u003cdiv class=\"tchai-premium\"\u003e\n \n \u003cdiv class=\"tchai-hero\"\u003e\n \u003cdiv class=\"tchai-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tchai-hero-content\"\u003e\n \u003cdiv class=\"tchai-badges-top\"\u003e\n \u003cspan class=\"tchai-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"tchai-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"tchai-badge\"\u003e🫙 Flacon verre 50g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tchai-hero-title\"\u003eTchaï Bio\u003c\/span\u003e\n \u003cp class=\"tchai-subtitle\"\u003eÉpices traditionnelles pour le thé\u003c\/p\u003e\n \u003cp class=\"tchai-description\"\u003eUn mélange exquis d'épices indiennes ancestrales pour transformer chaque tasse en une expérience sensorielle envoûtante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tchai-section\"\u003e\n \u003ch2\u003e✨ L'essence de l'Ayurveda dans votre tasse\u003c\/h2\u003e\n \u003cdiv class=\"tchai-grid\"\u003e\n \u003cdiv class=\"tchai-card\"\u003e\n \u003cdiv class=\"tchai-card-icon\"\u003e🔥\u003c\/div\u003e\n \u003ch3\u003eRéchauffant\u003c\/h3\u003e\n \u003cp\u003eLes épices traditionnelles du Tchaï réchauffent le corps de l'intérieur, parfait pour les journées fraîches\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-card\"\u003e\n \u003cdiv class=\"tchai-card-icon\"\u003e⚡\u003c\/div\u003e\n \u003ch3\u003eRevigorant\u003c\/h3\u003e\n \u003cp\u003eUn boost naturel d'énergie grâce au gingembre et au poivre noir qui stimulent la vitalité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-card\"\u003e\n \u003cdiv class=\"tchai-card-icon\"\u003e🧘\u003c\/div\u003e\n \u003ch3\u003eApaisant\u003c\/h3\u003e\n \u003cp\u003eLa cardamome et la cannelle créent une harmonie parfaite pour un moment de détente absolue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-card\"\u003e\n \u003cdiv class=\"tchai-card-icon\"\u003e🌸\u003c\/div\u003e\n \u003ch3\u003eAromatique\u003c\/h3\u003e\n \u003cp\u003eDes arômes profonds et envoûtants qui éveillent vos sens et parfument délicatement votre intérieur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tchai-section\"\u003e\n \u003ch2\u003e🌿 5 épices nobles certifiées biologiques\u003c\/h2\u003e\n \u003cdiv class=\"tchai-ingredients-grid\"\u003e\n \u003cdiv class=\"tchai-ingredient-card\"\u003e\n \u003cspan class=\"tchai-ingredient-emoji\"\u003e🪵\u003c\/span\u003e\n \u003ch4\u003eCannelle\u003c\/h4\u003e\n \u003cp\u003eDouceur boisée et chaleureuse, elle apporte la base aromatique du mélange\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-ingredient-card\"\u003e\n \u003cspan class=\"tchai-ingredient-emoji\"\u003e🫚\u003c\/span\u003e\n \u003ch4\u003eGingembre\u003c\/h4\u003e\n \u003cp\u003ePiquant et vivifiant, il stimule et réchauffe le corps en profondeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-ingredient-card\"\u003e\n \u003cspan class=\"tchai-ingredient-emoji\"\u003e💚\u003c\/span\u003e\n \u003ch4\u003eCardamome\u003c\/h4\u003e\n \u003cp\u003eLa reine des épices, florale et citronnée, signature du véritable Tchaï\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-ingredient-card\"\u003e\n \u003cspan class=\"tchai-ingredient-emoji\"\u003e🌰\u003c\/span\u003e\n \u003ch4\u003eClou de girofle\u003c\/h4\u003e\n \u003cp\u003ePuissant et aromatique, il ajoute une note épicée distinctive\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-ingredient-card\"\u003e\n \u003cspan class=\"tchai-ingredient-emoji\"\u003e⚫\u003c\/span\u003e\n \u003ch4\u003ePoivre noir\u003c\/h4\u003e\n \u003cp\u003eUne pointe de chaleur qui relève et équilibre l'ensemble du mélange\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tchai-bio-note\"\u003e✓ Tous les ingrédients sont issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tchai-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre Tchaï parfait\u003c\/h2\u003e\n \u003cdiv class=\"tchai-steps\"\u003e\n \u003cdiv class=\"tchai-step\"\u003e\n \u003cdiv class=\"tchai-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tchai-step-content\"\u003e\n \u003ch4\u003eDosez\u003c\/h4\u003e\n \u003cp\u003eAjoutez \u003cstrong\u003e1 cuillère à café\u003c\/strong\u003e de mélange d'épices dans votre tasse ou théière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-step\"\u003e\n \u003cdiv class=\"tchai-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tchai-step-content\"\u003e\n \u003ch4\u003eInfusez\u003c\/h4\u003e\n \u003cp\u003eVersez de l'eau bouillante ou du \u003cstrong\u003elait végétal chaud\u003c\/strong\u003e et laissez infuser \u003cstrong\u003e5 à 10 minutes\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-step\"\u003e\n \u003cdiv class=\"tchai-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tchai-step-content\"\u003e\n \u003ch4\u003eFiltrez\u003c\/h4\u003e\n \u003cp\u003ePassez votre boisson à travers une passoire fine pour retirer les épices\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-step\"\u003e\n \u003cdiv class=\"tchai-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tchai-step-content\"\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003eAjoutez une touche de \u003cstrong\u003emiel ou sirop d'agave\u003c\/strong\u003e selon vos envies et dégustez\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-tip-box\"\u003e\n \u003cspan class=\"tchai-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce de chef :\u003c\/strong\u003e Pour un Tchaï Latte onctueux, faites chauffer les épices directement dans du lait d'avoine ou d'amande pendant 5 minutes à feu doux avant de filtrer.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tchai-section\"\u003e\n \u003ch2\u003e🙏 L'engagement AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"tchai-commitment-grid\"\u003e\n \u003cdiv class=\"tchai-commitment-card\"\u003e\n \u003cspan class=\"tchai-commitment-icon\"\u003e🏔️\u003c\/span\u003e\n \u003ch4\u003eFabriqué en Inde\u003c\/h4\u003e\n \u003cp\u003eSelon des méthodes traditionnelles qui préservent les propriétés de chaque épice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-commitment-card\"\u003e\n \u003cspan class=\"tchai-commitment-icon\"\u003e♻️\u003c\/span\u003e\n \u003ch4\u003eFlacon en verre\u003c\/h4\u003e\n \u003cp\u003eÉcologique et réutilisable, il garantit une conservation optimale des arômes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-commitment-card\"\u003e\n \u003cspan class=\"tchai-commitment-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch4\u003e100% biologique\u003c\/h4\u003e\n \u003cp\u003eCertifié AB, respectueux de l'environnement et des traditions ayurvédiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tchai-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tchai-info-grid\"\u003e\n \u003cdiv class=\"tchai-info-item\"\u003e\n \u003cspan class=\"tchai-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"tchai-info-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-info-item\"\u003e\n \u003cspan class=\"tchai-info-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"tchai-info-value\"\u003eFlacon verre avec bouchon liège\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-info-item\"\u003e\n \u003cspan class=\"tchai-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"tchai-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tchai-info-item\"\u003e\n \u003cspan class=\"tchai-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"tchai-info-value\"\u003eInde\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tchai-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tchai-cta-box\"\u003e\n \u003cdiv class=\"tchai-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tchai-cta-content\"\u003e\n \u003cspan class=\"tchai-cta-emoji\"\u003e🍵\u003c\/span\u003e\n \u003cp\u003eOffrez-vous un voyage sensoriel au cœur de l'Inde avec ce mélange authentique d'épices bio. Chaque tasse de Tchaï est une invitation à la détente et au bien-être, dans le respect des traditions millénaires ayurvédiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --tchai-cream: #FDF8F3;\n --tchai-white: #ffffff;\n --tchai-primary: #C41E3A;\n --tchai-primary-dark: #9A1830;\n --tchai-primary-light: #F8E8EB;\n --tchai-secondary: #D4A574;\n --tchai-secondary-light: #F5EBE0;\n --tchai-accent: #4A7C59;\n --tchai-accent-light: #E8F0EA;\n --tchai-text: #2D1810;\n --tchai-text-light: #6B5344;\n --tchai-border: #E8DDD4;\n --tchai-shadow: 0 4px 24px rgba(45,24,16,.08);\n --tchai-shadow-lg: 0 12px 48px rgba(196,30,58,.15);\n --tchai-radius: 20px;\n --tchai-radius-sm: 12px;\n}\n\n.tchai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tchai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tchai-text);\n line-height: 1.6;\n}\n\n.tchai-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tchai-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tchai-primary) 0%, var(--tchai-primary-dark) 50%, #6B1520 100%);\n border-radius: var(--tchai-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--tchai-shadow-lg);\n}\n\n.tchai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(212,165,116,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.1) 0%, transparent 40%),\n repeating-linear-gradient(45deg, transparent 0px, transparent 20px, rgba(255,255,255,.02) 20px, rgba(255,255,255,.02) 40px);\n opacity: 1;\n}\n\n.tchai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.tchai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.tchai-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(--tchai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tchai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.tchai-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.tchai-subtitle {\n color: var(--tchai-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.tchai-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.tchai-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.tchai-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--tchai-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.tchai-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(--tchai-primary), var(--tchai-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.tchai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS BÉNÉFICES === *\/\n.tchai-card {\n background: var(--tchai-white);\n border-radius: var(--tchai-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--tchai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tchai-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--tchai-shadow-lg);\n border-color: var(--tchai-primary);\n}\n\n.tchai-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tchai-card h3 {\n font-size: 20px;\n font-weight: 800;\n color: var(--tchai-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.tchai-card p {\n font-size: 15px;\n color: var(--tchai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.tchai-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.tchai-ingredient-card {\n background: linear-gradient(135deg, var(--tchai-white) 0%, var(--tchai-secondary-light) 100%);\n border-radius: var(--tchai-radius-sm);\n padding: 1.5rem;\n text-align: center;\n border: 2px solid var(--tchai-border);\n transition: all .3s ease;\n}\n\n.tchai-ingredient-card:hover {\n border-color: var(--tchai-secondary);\n transform: translateY(-4px);\n}\n\n.tchai-ingredient-emoji {\n font-size: 40px;\n display: block;\n margin-bottom: 0.75rem;\n}\n\n.tchai-ingredient-card h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--tchai-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.tchai-ingredient-card p {\n font-size: 13px;\n color: var(--tchai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.tchai-bio-note {\n text-align: center;\n margin-top: 1.5rem;\n padding: 1rem 1.5rem;\n background: var(--tchai-accent-light);\n border-radius: var(--tchai-radius-sm);\n color: var(--tchai-accent);\n font-weight: 700;\n font-size: 15px;\n}\n\n\/* === ÉTAPES === *\/\n.tchai-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.tchai-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--tchai-white);\n padding: 1.5rem;\n border-radius: var(--tchai-radius-sm);\n box-shadow: var(--tchai-shadow);\n transition: all .3s ease;\n}\n\n.tchai-step:hover {\n transform: translateX(8px);\n box-shadow: var(--tchai-shadow-lg);\n}\n\n.tchai-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--tchai-primary), var(--tchai-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n}\n\n.tchai-step-content h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tchai-primary-dark);\n margin: 0 0 0.5rem 0;\n}\n\n.tchai-step-content p {\n font-size: 15px;\n color: var(--tchai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tchai-step-content strong {\n color: var(--tchai-text);\n}\n\n.tchai-tip-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--tchai-secondary-light), var(--tchai-primary-light));\n padding: 1.5rem;\n border-radius: var(--tchai-radius-sm);\n border-left: 4px solid var(--tchai-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.tchai-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.tchai-tip-box p {\n margin: 0;\n font-size: 15px;\n color: var(--tchai-text);\n line-height: 1.6;\n}\n\n\/* === ENGAGEMENTS === *\/\n.tchai-commitment-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.tchai-commitment-card {\n background: var(--tchai-white);\n border-radius: var(--tchai-radius);\n padding: 2rem;\n text-align: center;\n box-shadow: var(--tchai-shadow);\n border: 2px solid var(--tchai-border);\n transition: all .3s ease;\n}\n\n.tchai-commitment-card:hover {\n border-color: var(--tchai-accent);\n transform: translateY(-6px);\n}\n\n.tchai-commitment-icon {\n font-size: 44px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.tchai-commitment-card h4 {\n font-size: 18px;\n font-weight: 800;\n color: var(--tchai-accent);\n margin: 0 0 0.75rem 0;\n}\n\n.tchai-commitment-card p {\n font-size: 14px;\n color: var(--tchai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.tchai-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n}\n\n.tchai-info-item {\n background: var(--tchai-white);\n border-radius: var(--tchai-radius-sm);\n padding: 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n border: 2px solid var(--tchai-border);\n transition: all .3s ease;\n}\n\n.tchai-info-item:hover {\n border-color: var(--tchai-primary);\n}\n\n.tchai-info-label {\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n color: var(--tchai-text-light);\n}\n\n.tchai-info-value {\n font-size: 16px;\n font-weight: 800;\n color: var(--tchai-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.tchai-cta-box {\n background: linear-gradient(135deg, var(--tchai-primary) 0%, var(--tchai-primary-dark) 100%);\n border-radius: var(--tchai-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tchai-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 90%, rgba(212,165,116,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.1) 0%, transparent 30%);\n}\n\n.tchai-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.tchai-cta-emoji {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n}\n\n.tchai-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.8;\n font-weight: 500;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .tchai-grid,\n .tchai-ingredients-grid,\n .tchai-commitment-grid {\n grid-template-columns: 1fr;\n }\n \n .tchai-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .tchai-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tchai-card,\n .tchai-ingredient-card,\n .tchai-step,\n .tchai-commitment-card {\n animation: tchaieFadeInUp .6s ease backwards;\n }\n \n .tchai-card:nth-child(1),\n .tchai-ingredient-card:nth-child(1),\n .tchai-step:nth-child(1) { animation-delay: .1s; }\n .tchai-card:nth-child(2),\n .tchai-ingredient-card:nth-child(2),\n .tchai-step:nth-child(2) { animation-delay: .2s; }\n .tchai-card:nth-child(3),\n .tchai-ingredient-card:nth-child(3),\n .tchai-step:nth-child(3) { animation-delay: .3s; }\n .tchai-card:nth-child(4),\n .tchai-ingredient-card:nth-child(4),\n .tchai-step:nth-child(4) { animation-delay: .4s; }\n .tchai-ingredient-card:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes tchaieFadeInUp {\n from { \n opacity: 0; \n transform: translateY(40px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .tchai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .tchai-card,\n .tchai-ingredient-card,\n .tchai-commitment-card,\n .tchai-info-item {\n border-width: 3px;\n border-color: var(--tchai-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755100627101,"sku":"AY9038","price":8.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tchai-bio-epices-pour-le-the-flacon-en-verre-de-50g-ayurvana-ingredients_9e13625f-199d-44d3-9cda-98838fc5a703.webp?v=1773313197"},{"product_id":"tandoori-melange-du-nord-bio-flacon-en-verre-de-50-g-ayurvana","title":"Tandoori Bio (mélange du Nord) - Flacon Verre 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tandoori Bio (mélange du Nord) - AyurVana\nPalette détectée:\n - Primaire: #D4A574 (beige sable\/épice - couleur dominante de l'étiquette et des épices)\n - Secondaire: #C94A3A (rouge terracotta - bande décorative de l'étiquette)\n - Accent: #4A8B3C (vert bio - logo AB)\nAmbiance: Authentique, chaleureux, naturel\/bio, inspiration indienne, artisanal premium\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🫙 Flacon verre 50g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTandoori Bio\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eMélange du Nord • AyurVana\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eÉveillez vos sens avec ce voyage aromatique au cœur de l'Inde du Nord. Un mélange d'exception aux 10 épices biologiques, savamment dosé pour sublimer vos créations culinaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION PROMESSE --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e🌶️ L'authenticité indienne dans votre cuisine\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cspan class=\"td-card-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eSaveurs authentiques\u003c\/h3\u003e\n \u003cp\u003eUn équilibre parfait entre douceur et piquant, fidèle aux recettes traditionnelles du Nord de l'Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cspan class=\"td-card-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3\u003eCertifié biologique\u003c\/h3\u003e\n \u003cp\u003eToutes les épices sont issues de l'agriculture biologique, sans additifs ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cspan class=\"td-card-icon\"\u003e🎨\u003c\/span\u003e\n \u003ch3\u003eCouleur vibrante\u003c\/h3\u003e\n \u003cp\u003eUne teinte dorée caractéristique qui sublime visuellement tous vos plats tandoori.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION COMPOSITION --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e🧂 10 épices d'exception\u003c\/h2\u003e\n \u003cdiv class=\"td-spices-grid\"\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🫘\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eCumin*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eCoriandre*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🫚\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eGingembre*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🧄\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eAil*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🧅\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eOignon*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e⚫\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003ePoivre noir*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🌶️\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003ePiment*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🔴\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eClou de girofle*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e🟤\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eCannelle*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-spice-card\"\u003e\n \u003cspan class=\"td-spice-emoji\"\u003e💚\u003c\/span\u003e\n \u003cspan class=\"td-spice-name\"\u003eCardamome*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-bio-note\"\u003e*Ingrédients issus de l'agriculture biologique\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION UTILISATION --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e👨‍🍳 Comment sublimer vos plats\u003c\/h2\u003e\n \u003cdiv class=\"td-recipe-box\"\u003e\n \u003cdiv class=\"td-recipe-header\"\u003e\n \u003cspan class=\"td-recipe-badge\"\u003eRecette signature\u003c\/span\u003e\n \u003ch3\u003eMarinade tandoori parfaite\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cspan class=\"td-step-number\"\u003e1\u003c\/span\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cstrong\u003eMélangez\u003c\/strong\u003e\n \u003cp\u003e2 cuillères à soupe de Tandoori bio + yaourt nature + jus de citron\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cspan class=\"td-step-number\"\u003e2\u003c\/span\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cstrong\u003eEnrobez\u003c\/strong\u003e\n \u003cp\u003eVos ingrédients : poulet, poisson ou légumes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cspan class=\"td-step-number\"\u003e3\u003c\/span\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cstrong\u003eMarinez\u003c\/strong\u003e\n \u003cp\u003eAu réfrigérateur pendant au moins 1 heure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cspan class=\"td-step-number\"\u003e4\u003c\/span\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003cstrong\u003eCuisez\u003c\/strong\u003e\n \u003cp\u003eAu four ou sur le gril pour une saveur authentique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-tips-box\"\u003e\n \u003cspan class=\"td-tips-icon\"\u003e💡\u003c\/span\u003e\n \u003cdiv class=\"td-tips-content\"\u003e\n \u003cstrong\u003eAstuce du chef\u003c\/strong\u003e\n \u003cp\u003eAjoutez une pincée dans vos sautés, soupes ou sauces pour une touche épicée et savoureuse instantanée !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION IDÉAL POUR --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e🍽️ Idéal pour sublimer\u003c\/h2\u003e\n \u003cdiv class=\"td-grid td-grid-4\"\u003e\n \u003cdiv class=\"td-use-card\"\u003e\n \u003cspan class=\"td-use-icon\"\u003e🍗\u003c\/span\u003e\n \u003cspan class=\"td-use-name\"\u003ePoulet tandoori\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-use-card\"\u003e\n \u003cspan class=\"td-use-icon\"\u003e🐟\u003c\/span\u003e\n \u003cspan class=\"td-use-name\"\u003ePoissons grillés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-use-card\"\u003e\n \u003cspan class=\"td-use-icon\"\u003e🥬\u003c\/span\u003e\n \u003cspan class=\"td-use-name\"\u003eLégumes rôtis\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-use-card\"\u003e\n \u003cspan class=\"td-use-icon\"\u003e🍲\u003c\/span\u003e\n \u003cspan class=\"td-use-name\"\u003eCurrys \u0026amp; sauces\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION QUALITÉ --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e🏆 L'engagement AyurVana\u003c\/h2\u003e\n \u003cdiv class=\"td-quality-grid\"\u003e\n \u003cdiv class=\"td-quality-card\"\u003e\n \u003cspan class=\"td-quality-icon\"\u003e🇫🇷\u003c\/span\u003e\n \u003ch3\u003eFabriqué en France\u003c\/h3\u003e\n \u003cp\u003ePar AyurVana, spécialiste des produits ayurvédiques et biologiques depuis des années.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-quality-card\"\u003e\n \u003cspan class=\"td-quality-icon\"\u003e🌍\u003c\/span\u003e\n \u003ch3\u003eÉco-responsable\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre recyclable et réutilisable pour une empreinte écologique minimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-quality-card\"\u003e\n \u003cspan class=\"td-quality-icon\"\u003e🔒\u003c\/span\u003e\n \u003ch3\u003eFraîcheur préservée\u003c\/h3\u003e\n \u003cp\u003eLe verre protège parfaitement les arômes et la qualité des épices dans le temps.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-info-grid\"\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003e50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eConditionnement\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003eFlacon verre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eFabrication\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eConservation\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003eÀ l'abri de la lumière\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-item\"\u003e\n \u003cspan class=\"td-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003eAyurVana\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-emoji\"\u003e🇮🇳\u003c\/span\u003e\n \u003cp\u003eTransformez vos repas en une expérience culinaire unique et exotique.\u003cbr\u003e\u003cstrong\u003eAvec AyurVana, savourez le meilleur des traditions indiennes dans le respect de votre santé et de l'environnement.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --td-cream: #FDF8F3;\n --td-white: #ffffff;\n --td-primary: #D4A574;\n --td-primary-dark: #B8895A;\n --td-primary-light: #F5E6D3;\n --td-secondary: #C94A3A;\n --td-secondary-light: #E8675A;\n --td-accent: #4A8B3C;\n --td-accent-light: #5FA84F;\n \n \/* Textes *\/\n --td-text: #2D2A26;\n --td-text-light: #6B6560;\n \n \/* Effets *\/\n --td-border: #E8DED4;\n --td-shadow: 0 4px 24px rgba(180, 137, 90, .12);\n --td-shadow-lg: 0 12px 48px rgba(180, 137, 90, .18);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--td-text);\n line-height: 1.6;\n}\n\n.td-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-secondary) 50%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 L35 25 L55 30 L35 35 L30 55 L25 35 L5 30 L25 25 Z' fill='rgba(255,255,255,0.03)'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.td-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--td-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.12);\n transition: all .3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.18);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 58px);\n font-weight: 900;\n margin: 0 0 0.5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 24px rgba(0,0,0,.25);\n}\n\n.td-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .02em;\n}\n\n.td-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-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(--td-primary), var(--td-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.td-grid-4 {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS GÉNÉRIQUES === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2.5rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n display: block;\n font-size: 3rem;\n margin-bottom: 1rem;\n}\n\n.td-card h3 {\n font-size: 1.2rem;\n font-weight: 800;\n color: var(--td-primary-dark);\n margin: 0 0 0.75rem 0;\n}\n\n.td-card p {\n color: var(--td-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === SPICES GRID === *\/\n.td-spices-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.td-spice-card {\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.25rem 1rem;\n text-align: center;\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-primary-light);\n transition: all .3s ease;\n}\n\n.td-spice-card:hover {\n transform: translateY(-4px) scale(1.03);\n border-color: var(--td-primary);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-spice-emoji {\n display: block;\n font-size: 2rem;\n margin-bottom: 0.5rem;\n}\n\n.td-spice-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--td-text);\n}\n\n.td-bio-note {\n text-align: center;\n color: var(--td-accent);\n font-size: 14px;\n font-weight: 600;\n margin-top: 1.5rem;\n font-style: italic;\n}\n\n\/* === RECIPE BOX === *\/\n.td-recipe-box {\n background: linear-gradient(135deg, var(--td-primary-light) 0%, var(--td-white) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--td-shadow);\n margin-bottom: 1.5rem;\n}\n\n.td-recipe-header {\n text-align: center;\n margin-bottom: 2rem;\n}\n\n.td-recipe-badge {\n display: inline-block;\n background: var(--td-secondary);\n color: white;\n padding: 6px 16px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 0.75rem;\n}\n\n.td-recipe-box h3 {\n font-size: clamp(20px, 4vw, 26px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin: 0;\n}\n\n.td-steps {\n display: grid;\n gap: 1rem;\n}\n\n.td-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--td-white);\n padding: 1.25rem;\n border-radius: var(--td-radius-sm);\n box-shadow: 0 2px 12px rgba(0,0,0,.06);\n}\n\n.td-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--td-primary), var(--td-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n}\n\n.td-step-content strong {\n display: block;\n color: var(--td-primary-dark);\n font-size: 16px;\n margin-bottom: 4px;\n}\n\n.td-step-content p {\n color: var(--td-text-light);\n font-size: 14px;\n margin: 0;\n}\n\n\/* === TIPS BOX === *\/\n.td-tips-box {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, var(--td-accent) 0%, var(--td-accent-light) 100%);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n color: white;\n}\n\n.td-tips-icon {\n font-size: 2rem;\n flex-shrink: 0;\n}\n\n.td-tips-content strong {\n display: block;\n font-size: 16px;\n margin-bottom: 4px;\n}\n\n.td-tips-content p {\n margin: 0;\n font-size: 15px;\n opacity: .95;\n}\n\n\/* === USE CARDS === *\/\n.td-use-card {\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--td-shadow);\n transition: all .3s ease;\n border: 2px solid transparent;\n}\n\n.td-use-card:hover {\n transform: translateY(-6px);\n border-color: var(--td-secondary);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-use-icon {\n display: block;\n font-size: 2.5rem;\n margin-bottom: 0.75rem;\n}\n\n.td-use-name {\n font-size: 15px;\n font-weight: 700;\n color: var(--td-text);\n}\n\n\/* === QUALITY GRID === *\/\n.td-quality-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.td-quality-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n text-align: center;\n box-shadow: var(--td-shadow);\n border-left: 5px solid var(--td-accent);\n transition: all .3s ease;\n}\n\n.td-quality-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-quality-icon {\n display: block;\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.td-quality-card h3 {\n font-size: 1.1rem;\n font-weight: 800;\n color: var(--td-accent);\n margin: 0 0 0.5rem 0;\n}\n\n.td-quality-card p {\n color: var(--td-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.td-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n}\n\n.td-info-item {\n text-align: center;\n padding: 1rem;\n border-radius: var(--td-radius-sm);\n background: var(--td-primary-light);\n}\n\n.td-info-label {\n display: block;\n font-size: 12px;\n font-weight: 700;\n color: var(--td-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 4px;\n}\n\n.td-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--td-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-secondary) 50%, var(--td-primary-dark) 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 10% 90%, rgba(255,255,255,.1) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(255,255,255,.08) 0%, transparent 35%);\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-emoji {\n display: block;\n font-size: 3.5rem;\n margin-bottom: 1rem;\n}\n\n.td-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.8;\n margin: 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n}\n\n.td-cta-box strong {\n display: block;\n margin-top: 0.5rem;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid,\n .td-quality-grid {\n grid-template-columns: 1fr;\n }\n \n .td-grid-4 {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .td-spices-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .td-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .td-step {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n \n .td-tips-box {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-spice-card,\n .td-use-card,\n .td-quality-card {\n animation: tdFadeInUp .6s ease backwards;\n }\n \n .td-card:nth-child(1), .td-spice-card:nth-child(1), .td-use-card:nth-child(1), .td-quality-card:nth-child(1) { animation-delay: .1s; }\n .td-card:nth-child(2), .td-spice-card:nth-child(2), .td-use-card:nth-child(2), .td-quality-card:nth-child(2) { animation-delay: .15s; }\n .td-card:nth-child(3), .td-spice-card:nth-child(3), .td-use-card:nth-child(3), .td-quality-card:nth-child(3) { animation-delay: .2s; }\n .td-card:nth-child(4), .td-spice-card:nth-child(4), .td-use-card:nth-child(4) { animation-delay: .25s; }\n .td-spice-card:nth-child(5) { animation-delay: .3s; }\n .td-spice-card:nth-child(6) { animation-delay: .35s; }\n .td-spice-card:nth-child(7) { animation-delay: .4s; }\n .td-spice-card:nth-child(8) { animation-delay: .45s; }\n .td-spice-card:nth-child(9) { animation-delay: .5s; }\n .td-spice-card:nth-child(10) { animation-delay: .55s; }\n}\n\n@keyframes tdFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-text: #000000;\n --td-text-light: #333333;\n }\n \n .td-card,\n .td-spice-card,\n .td-use-card,\n .td-quality-card {\n border: 2px solid var(--td-text);\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755101020317,"sku":"AY9036","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tandoori-bio-melange-du-nord-flacon-verre-50g-ayurvana-packshothd.webp?v=1787479962"},{"product_id":"pippali-poivre-long-flacon-en-verre-de-50-g-ayurvana","title":"Pippali (poivre Long) - Flacon en verre 50 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Pippali (Poivre Long) - Flacon en verre 50g - Ayur-Vana\nPalette détectée:\n - Primaire: #C4282D (rouge vif des bandes de l'étiquette)\n - Secondaire: #D4A843 (doré\/ocre des ornements et du contenu)\n - Accent: #2E7D32 (vert du logo Ayur-Vana)\n - Neutre: #F5EDE0 (beige crème, rappel de la poudre et de l'étiquette)\nAmbiance: Tradition ayurvédique, épices indiennes, chaleur, authenticité, artisanat noble\nPréfixe CSS: pip\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pippali : le poivre long aux arômes envoûtants de la tradition ayurvédique\"\n 2. \"Ce qui rend le Pippali si particulier\"\n 3. \"Les bienfaits reconnus du poivre long en Ayurveda\"\n 4. \"Comment utiliser le Pippali au quotidien ?\"\n 5. \"Composition et qualité Ayur-Vana\"\n 6. \"Un conditionnement pensé pour préserver la fraîcheur\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pip-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pip-hero\"\u003e\n \u003cdiv class=\"pip-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pip-hero-content\"\u003e\n \u003cdiv class=\"pip-badges-top\"\u003e\n \u003cspan class=\"pip-badge\"\u003e🇮🇳 Origine Inde\u003c\/span\u003e\n \u003cspan class=\"pip-badge\"\u003e🌿 100 % naturel\u003c\/span\u003e\n \u003cspan class=\"pip-badge\"\u003e🧴 Flacon verre 50 g\u003c\/span\u003e\n \u003cspan class=\"pip-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pip-hero-title\"\u003ePippali — Poivre Long\u003c\/span\u003e\n \u003cp class=\"pip-subtitle\"\u003eL'épice sacrée de l'Ayurveda par Ayur-Vana\u003c\/p\u003e\n \u003cp class=\"pip-description\"\u003eUne poudre finement moulue aux arômes boisés, chauds et subtilement sucrés, issue de l'agriculture biologique et conditionnée en France dans un élégant flacon en verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pip-section\"\u003e\n \u003ch2\u003ePippali : le poivre long aux arômes envoûtants de la tradition ayurvédique\u003c\/h2\u003e\n \u003cp class=\"pip-section-intro\"\u003eVous cherchez une épice qui sort de l'ordinaire ? Le \u003cstrong\u003ePippali\u003c\/strong\u003e, ou \u003cstrong\u003epoivre long\u003c\/strong\u003e (\u003cem\u003ePiper longum\u003c\/em\u003e), est l'une des épices les plus fascinantes de la pharmacopée indienne.\u003c\/p\u003e\n \u003cdiv class=\"pip-grid-compact\"\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🌶️ Saveur unique\u003c\/h3\u003e\n \u003cp\u003eDouce, chaleureuse et légèrement sucrée, avec une pointe de piquant en finale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e📜 Héritage millénaire\u003c\/h3\u003e\n \u003cp\u003eMoins connu que le poivre noir, mais infiniment plus subtil et prisé en Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e✨ Poudre fine\u003c\/h3\u003e\n \u003cp\u003eFinement moulue et prête à sublimer vos recettes comme vos boissons chaudes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🏷️ Ayur-Vana\u003c\/h3\u003e\n \u003cp\u003eFlacon en verre de 50 g signé par un spécialiste reconnu de l'Ayurveda en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pip-section\"\u003e\n \u003ch2\u003eCe qui rend le Pippali si particulier\u003c\/h2\u003e\n \u003cdiv class=\"pip-highlight-box\"\u003e\n \u003cp\u003eÀ la différence du poivre noir classique, le poivre long développe un \u003cstrong\u003eprofil aromatique complexe\u003c\/strong\u003e : des notes boisées, une chaleur progressive et une douceur presque épicée-sucrée qui rappelle la cannelle ou le piment doux. C'est cette subtilité qui en fait un ingrédient prisé dans la \u003cstrong\u003ecuisine indienne traditionnelle\u003c\/strong\u003e, mais aussi dans la gastronomie contemporaine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pip-card pip-card-accent\"\u003e\n \u003ch3\u003e🔬 Riche en pipérine\u003c\/h3\u003e\n \u003cp\u003eNaturellement \u003cstrong\u003eplus concentré en pipérine\u003c\/strong\u003e que le poivre noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card pip-card-accent\"\u003e\n \u003ch3\u003e🧬 Absorption optimale\u003c\/h3\u003e\n \u003cp\u003eLa pipérine favorise l'\u003cstrong\u003eabsorption des nutriments\u003c\/strong\u003e par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-tip\"\u003e\n \u003cspan class=\"pip-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eC'est grâce à sa richesse en pipérine que le Pippali occupe une place si importante dans l'\u003cstrong\u003eAyurveda\u003c\/strong\u003e depuis des millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pip-section\"\u003e\n \u003ch2\u003eLes bienfaits reconnus du poivre long en Ayurveda\u003c\/h2\u003e\n \u003cp class=\"pip-section-intro\"\u003eDans la tradition ayurvédique, le Pippali est considéré comme une épice \u003cstrong\u003eréchauffante et dynamisante\u003c\/strong\u003e. Voici ses principaux usages traditionnels :\u003c\/p\u003e\n \u003cdiv class=\"pip-grid\"\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🔥 Soutien digestif\u003c\/h3\u003e\n \u003cp\u003eIl stimule le feu digestif (Agni), aide à réduire les ballonnements et favorise un métabolisme actif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🫁 Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eParticulièrement apprécié en hiver, il contribue à dégager les voies respiratoires et à réchauffer l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e⚡ Meilleure assimilation\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa teneur élevée en pipérine, il potentialise l'absorption de certains actifs comme le curcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e☯️ Équilibre des doshas\u003c\/h3\u003e\n \u003cp\u003eIl réduit Kapha et Vata tout en stimulant Pitta avec modération\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pip-disclaimer\"\u003eRappel important : le Pippali est une épice alimentaire et ne remplace en aucun cas un avis ou un traitement médical. Consultez un professionnel de santé si nécessaire.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pip-section\"\u003e\n \u003ch2\u003eComment utiliser le Pippali au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"pip-section-intro\"\u003eCe poivre long moulu s'intègre très facilement dans votre alimentation. Une pincée suffit pour transformer un plat ordinaire en une expérience gustative authentique.\u003c\/p\u003e\n \u003cdiv class=\"pip-timeline\"\u003e\n \u003cdiv class=\"pip-timeline-item\"\u003e\n \u003cdiv class=\"pip-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"pip-timeline-content\"\u003e\n \u003ch3\u003e🍛 En cuisine\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez-le sur vos currys, dals, soupes, légumes rôtis ou poêlées de légumes. Il s'accorde aussi merveilleusement avec les desserts : chocolat chaud épicé, compotes, pains d'épices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-timeline-item\"\u003e\n \u003cdiv class=\"pip-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"pip-timeline-content\"\u003e\n \u003ch3\u003e🥛 En boisson ayurvédique\u003c\/h3\u003e\n \u003cp\u003eMélangez une demi-cuillère à café dans un lait d'or (lait végétal chaud + curcuma + Pippali) ou dans une infusion de gingembre frais.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-timeline-item\"\u003e\n \u003cdiv class=\"pip-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"pip-timeline-content\"\u003e\n \u003ch3\u003e🤝 En association\u003c\/h3\u003e\n \u003cp\u003eCombinez-le avec du curcuma pour décupler l'assimilation de la curcumine grâce à la pipérine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-tip\"\u003e\n \u003cspan class=\"pip-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003eL'association \u003cstrong\u003ecurcuma + Pippali\u003c\/strong\u003e est l'un des duos les plus puissants de la cuisine-santé ayurvédique. La pipérine multiplie jusqu'à 20 fois l'absorption de la curcumine !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pip-section\"\u003e\n \u003ch2\u003eComposition et qualité Ayur-Vana\u003c\/h2\u003e\n \u003cdiv class=\"pip-grid-compact\"\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n \u003cp\u003e100 % poivre long (\u003cem\u003ePiper longum\u003c\/em\u003e) moulu, issu de l'agriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eRécolté dans les régions traditionnelles de culture du poivre long\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans conservateurs, sans colorants, sans aucun ajout superflu\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre\u003c\/h3\u003e\n \u003cp\u003eConditionnement en flacon de 50 g avec bouchon en liège naturel\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"pip-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eUn conditionnement pensé pour préserver la fraîcheur\u003c\/h2\u003e\n \u003cdiv class=\"pip-highlight-box\"\u003e\n \u003cp\u003eAyur-Vana a fait le choix du \u003cstrong\u003eflacon en verre\u003c\/strong\u003e, un matériau inerte qui protège parfaitement les arômes volatils du Pippali, sans risque de migration de substances comme avec le plastique. Le bouchon en liège assure une fermeture hermétique. Fabriqué et conditionné en France, ce produit reflète l'engagement de la marque pour la \u003cstrong\u003etraçabilité, la qualité et le respect des principes ayurvédiques\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-accordion\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdetails class=\"pip-accordion-item\"\u003e\n \u003csummary class=\"pip-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pip-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière et de l'humidité pour profiter pleinement de ses arômes pendant plusieurs mois. Le verre et le bouchon en liège garantissent une protection optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"pip-accordion-item\"\u003e\n \u003csummary class=\"pip-accordion-header\"\u003e🇫🇷 Conditionné en France\u003c\/summary\u003e\n \u003cdiv class=\"pip-accordion-content mt-3\"\u003e\n \u003cp\u003eL'ensemble du processus de conditionnement est réalisé en France par Ayur-Vana, garantissant une traçabilité complète et le respect des normes de qualité les plus exigeantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pip-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🕉️ Découvrez la magie du Pippali : une épice ancestrale aux arômes envoûtants, prête à révéler de nouvelles saveurs dans votre cuisine et à enrichir votre quotidien bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --pip-cream: #FAF5ED;\n --pip-white: #ffffff;\n --pip-primary: #C4282D;\n --pip-primary-dark: #8B1A1E;\n --pip-primary-light: #FDF0F0;\n --pip-secondary: #D4A843;\n --pip-accent: #2E7D32;\n --pip-text: #1a1a1a;\n --pip-text-light: #5a5a5a;\n --pip-border: #e8ddd0;\n --pip-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pip-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pip-radius: 20px;\n --pip-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pip-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pip-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pip-hero {\n position: relative;\n background: linear-gradient(135deg, #8B1A1E 0%, #C4282D 40%, #D4A843 100%);\n border-radius: var(--pip-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(--pip-shadow-lg);\n}\n\n.pip-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,168,67,.15) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.pip-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.pip-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.pip-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.pip-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pip-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pip-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(--pip-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pip-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pip-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pip-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pip-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.pip-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(--pip-primary), var(--pip-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pip-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pip-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.pip-card {\n background: var(--pip-white);\n border-radius: var(--pip-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pip-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pip-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pip-shadow-lg);\n border-color: var(--pip-primary);\n}\n\n.pip-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pip-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pip-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pip-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD ACCENT VARIANT === *\/\n.pip-card-accent {\n background: linear-gradient(135deg, var(--pip-primary-light) 0%, var(--pip-white) 100%);\n border: 2px solid rgba(196,40,45,.1);\n}\n\n.pip-card-accent:hover {\n border-color: var(--pip-primary);\n}\n\n\/* === GRILLES === *\/\n.pip-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.pip-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pip-grid-compact .pip-card {\n padding: 1rem;\n}\n\n.pip-grid-compact .pip-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pip-grid-compact .pip-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.pip-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.pip-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.pip-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--pip-primary), var(--pip-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.pip-timeline-content {\n flex: 1;\n background: var(--pip-white);\n padding: 1rem 1.25rem;\n border-radius: var(--pip-radius-sm);\n box-shadow: var(--pip-shadow);\n}\n\n.pip-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--pip-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.pip-timeline-content p {\n font-size: 14px;\n color: var(--pip-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.pip-highlight-box {\n background: var(--pip-white);\n border-radius: var(--pip-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pip-shadow);\n border-left: 4px solid var(--pip-secondary);\n}\n\n.pip-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--pip-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TESTIMONIAL === *\/\n.pip-testimonial {\n background: var(--pip-white);\n border-radius: var(--pip-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pip-shadow);\n border-left: 4px solid var(--pip-primary);\n}\n\n.pip-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pip-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pip-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pip-primary-light);\n border-radius: var(--pip-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pip-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pip-tip p {\n font-size: 14px;\n color: var(--pip-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.pip-accordion {\n background: var(--pip-white);\n border-radius: var(--pip-radius);\n box-shadow: var(--pip-shadow);\n overflow: hidden;\n}\n\n.pip-accordion-item {\n border-bottom: 1px solid var(--pip-border);\n margin: 0;\n padding: 0;\n}\n\n.pip-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pip-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pip-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.pip-accordion-header:hover {\n background: var(--pip-primary-light);\n}\n\n.pip-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pip-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pip-primary);\n transition: transform .2s ease;\n}\n\n.pip-accordion-item[open] .pip-accordion-header::after {\n content: '−';\n}\n\n.pip-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pip-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pip-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.pip-cta-box {\n background: linear-gradient(135deg, var(--pip-primary) 0%, var(--pip-primary-dark) 100%);\n border-radius: var(--pip-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pip-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pip-disclaimer {\n font-size: 12px;\n color: var(--pip-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pip-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pip-card {\n padding: 1.125rem;\n }\n\n .pip-section {\n margin-bottom: 1.75rem;\n }\n\n .pip-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pip-radius-sm);\n }\n\n .pip-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pip-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pip-grid-compact {\n gap: .625rem;\n }\n\n .pip-grid-compact .pip-card {\n padding: .75rem;\n }\n\n .pip-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .pip-timeline-content {\n padding: .875rem 1rem;\n }\n\n .pip-timeline-content h3 {\n font-size: 14px;\n }\n\n .pip-timeline-content p {\n font-size: 13px;\n }\n\n .pip-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pip-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pip-highlight-box {\n padding: 1.25rem;\n }\n\n .pip-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pip-card {\n animation: pipFadeInUp .5s ease backwards;\n }\n .pip-card:nth-child(1) { animation-delay: .05s; }\n .pip-card:nth-child(2) { animation-delay: .1s; }\n .pip-card:nth-child(3) { animation-delay: .15s; }\n .pip-card:nth-child(4) { animation-delay: .2s; }\n .pip-card:nth-child(5) { animation-delay: .25s; }\n .pip-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pipFadeInUp {\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 .pip-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755101413533,"sku":"AY9037","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pippali_poivrelong_ayurvana_3_11zon.jpg?v=1770827033"},{"product_id":"peppers-masala-trois-baies-bio-flacon-en-verre-de-50-g-ayurvana","title":"Peppers Masala bio (trois baies) Ayur-Vana - Flacon verre 50g","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Peppers Masala bio (trois baies) Ayur-Vana\nPalette détectée:\n - Primaire: #C41E2A (rouge vif des baies roses et du bandeau rouge sur l'étiquette)\n - Secondaire: #3D2B1F (brun foncé du poivre noir, tonalité chaude boisée)\n - Accent: #E8A0A0 (rose doux des baies roses, touche féminine\/gourmande)\n - Crème packaging: #F5F0E8 (couleur crème\/ivoire du bouchon et fond étiquette)\nAmbiance: Épicerie fine, gourmand\/culinaire, naturel\/bio, chaleureux, artisanal\nPréfixe CSS: pm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Peppers Masala bio trois baies : le mélange d'épices qui sublime vos recettes\"\n 2. \"Trois baies, trois personnalités aromatiques\"\n 3. \"Comment utiliser le Peppers Masala en cuisine ?\"\n 4. \"Bienfaits reconnus des poivres pour la digestion\"\n 5. \"Un conditionnement responsable et pratique\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"pm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"pm-hero\"\u003e\n \u003cdiv class=\"pm-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"pm-hero-content\"\u003e\n \u003cdiv class=\"pm-badges-top\"\u003e\n \u003cspan class=\"pm-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e🫙 Flacon verre 50g\u003c\/span\u003e\n \u003cspan class=\"pm-badge\"\u003e🌶️ 3 baies d'exception\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"pm-hero-title\"\u003ePeppers Masala bio trois baies\u003c\/span\u003e\n \u003cp class=\"pm-subtitle\"\u003eAyur-Vana — Poivre noir · Poivre blanc · Baies roses\u003c\/p\u003e\n \u003cp class=\"pm-description\"\u003eUn trio d'épices biologiques savamment dosé pour sublimer chaque plat avec complexité, chaleur et une touche florale irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003ePeppers Masala bio trois baies : le mélange d'épices qui sublime vos recettes\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eVous cherchez une épice savoureuse, parfumée et naturelle pour transformer vos plats du quotidien ? Le \u003cstrong\u003ePeppers Masala bio\u003c\/strong\u003e d'\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e réunit trois variétés de baies biologiques aux profils aromatiques complémentaires.\u003c\/p\u003e\n \u003cdiv class=\"pm-grid-compact\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌶️ Poivre noir\u003c\/h3\u003e\n \u003cp\u003eChaleureux et piquant, le pilier du mélange\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e⚪ Poivre blanc\u003c\/h3\u003e\n \u003cp\u003eFinesse et douceur pour les palais délicats\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🩷 Baies roses\u003c\/h3\u003e\n \u003cp\u003eFraîcheur florale et couleur vibrante\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🌿 100% bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eTrois baies, trois personnalités aromatiques\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eCe qui rend ce mélange si intéressant, c'est la complémentarité de ses trois composants. Chacun joue un rôle précis dans l'équilibre gustatif final.\u003c\/p\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card pm-card-ingredient\"\u003e\n \u003ch3\u003e🖤 Poivre noir biologique\u003c\/h3\u003e\n \u003cp class=\"pm-card-latin\"\u003e\u003cem\u003ePiper nigrum\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003ePilier du mélange, franc, chaleureux et légèrement piquant, il libère des notes boisées profondes grâce à sa richesse en \u003cstrong\u003epipérine\u003c\/strong\u003e. Traditionnellement apprécié pour son action stimulante sur la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card pm-card-ingredient\"\u003e\n \u003ch3\u003e🤍 Poivre blanc biologique\u003c\/h3\u003e\n \u003cp class=\"pm-card-latin\"\u003e\u003cem\u003ePiper nigrum\u003c\/em\u003e, décortiqué\u003c\/p\u003e\n \u003cp\u003ePlus discret, il apporte une chaleur douce et une finesse aromatique idéale dans les sauces claires, les poissons et les veloutés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card pm-card-ingredient\"\u003e\n \u003ch3\u003e🩷 Baies roses biologiques\u003c\/h3\u003e\n \u003cp class=\"pm-card-latin\"\u003e\u003cem\u003eSchinus molle\u003c\/em\u003e\u003c\/p\u003e\n \u003cp\u003eLégèrement sucrées, avec des accents floraux et résineux, elles apportent fraîcheur et couleur vive qui distinguent ce mélange des poivres classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003eL'ensemble des ingrédients est issu de l'\u003cstrong\u003eagriculture biologique\u003c\/strong\u003e, certifié par \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eComment utiliser le Peppers Masala en cuisine ?\u003c\/h2\u003e\n \u003cp class=\"pm-section-intro\"\u003eCe mélange trois baies bio se prête à une multitude de recettes.\u003c\/p\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🥩 Viandes grillées et rôties\u003c\/h3\u003e\n \u003cp\u003eConcassez les baies au dernier moment et parsemez sur un filet de bœuf, un magret de canard ou des brochettes d'agneau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🐟 Poissons et fruits de mer\u003c\/h3\u003e\n \u003cp\u003eLe poivre blanc et les baies roses se marient à merveille avec un pavé de saumon, des coquilles Saint-Jacques ou un tartare de daurade.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🥗 Légumes et salades\u003c\/h3\u003e\n \u003cp\u003eQuelques tours de moulin sur une salade de chèvre chaud, des légumes rôtis ou un carpaccio de betteraves transforment le plat.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🍫 Desserts et fruits\u003c\/h3\u003e\n \u003cp\u003eEssayez-le sur des fraises, un fondant au chocolat ou une crème brûlée pour une touche surprenante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-tip\"\u003e\n \u003cspan class=\"pm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil pratique\u003c\/strong\u003e : pour préserver toute l'intensité des arômes, moulez vos baies juste avant de servir. Les huiles essentielles volatiles se dispersent rapidement une fois le grain écrasé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eBienfaits reconnus des poivres pour la digestion\u003c\/h2\u003e\n \u003cdiv class=\"pm-testimonial\"\u003e\n \u003cp class=\"pm-testimonial-text\"\u003eAu-delà du plaisir gustatif, le poivre noir et le poivre blanc sont utilisés depuis des siècles dans la \u003cstrong\u003etradition ayurvédique\u003c\/strong\u003e pour leurs propriétés digestives. La pipérine favorise la \u003cstrong\u003esécrétion des sucs gastriques\u003c\/strong\u003e et contribue à une meilleure assimilation des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🔥 Pipérine active\u003c\/h3\u003e\n \u003cp\u003eStimule la sécrétion des sucs gastriques naturellement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🧡 Synergie curcuma\u003c\/h3\u003e\n \u003cp\u003eAméliore considérablement la biodisponibilité du curcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"pm-disclaimer\"\u003eCe mélange ne remplace pas un avis médical en cas de troubles digestifs persistants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"pm-section\"\u003e\n \u003ch2\u003eUn conditionnement responsable et pratique\u003c\/h2\u003e\n \u003cdiv class=\"pm-grid\"\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre de 50 g\u003c\/h3\u003e\n \u003cp\u003eLe verre préserve la fraîcheur et les arômes des épices, sans risque de migration de substances.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e🍷 Bouchon en liège\u003c\/h3\u003e\n \u003cp\u003eFermeture naturelle et élégante pour un contenant artisanal et raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-card\"\u003e\n \u003ch3\u003e♻️ Recyclable et réutilisable\u003c\/h3\u003e\n \u003cp\u003eEn accord avec une démarche écoresponsable, le flacon se recycle ou se réutilise facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pm-accordion\"\u003e\n \u003cdetails class=\"pm-accordion-item\"\u003e\n \u003csummary class=\"pm-accordion-header\"\u003e🌡️ Conservation\u003c\/summary\u003e\n \u003cdiv class=\"pm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon à l'abri de la lumière et de l'humidité pour profiter de ses saveurs le plus longtemps possible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"pm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"pm-cta-box\"\u003e\n \u003cp\u003e🌶️ Le Peppers Masala trois baies bio d'Ayur-Vana est bien plus qu'un simple mélange de poivres : c'est un exhausteur de goût naturel et biologique, polyvalent en cuisine et respectueux de votre bien-être digestif. Un indispensable à glisser dans votre moulin à épices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --pm-cream: #FAF6F0;\n --pm-white: #ffffff;\n --pm-primary: #C41E2A;\n --pm-primary-dark: #8B1520;\n --pm-primary-light: #FDF0F0;\n --pm-secondary: #3D2B1F;\n --pm-accent: #E8A0A0;\n --pm-text: #1a1a1a;\n --pm-text-light: #5a5a5a;\n --pm-border: #e8e0d8;\n --pm-shadow: 0 4px 24px rgba(0,0,0,.08);\n --pm-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --pm-radius: 20px;\n --pm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.pm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--pm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.pm-hero {\n position: relative;\n background: linear-gradient(135deg, var(--pm-secondary) 0%, var(--pm-primary-dark) 40%, var(--pm-primary) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--pm-shadow-lg);\n}\n\n.pm-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(232,160,160,.15) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 10%, rgba(196,30,42,.2) 0%, transparent 40%);\n opacity: 1;\n}\n\n.pm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.pm-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.pm-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .05em;\n margin: 0 0 1rem 0;\n}\n\n.pm-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.pm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.pm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--pm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.pm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.pm-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.pm-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--pm-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.pm-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--pm-primary), var(--pm-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.pm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.pm-section-intro strong {\n color: var(--pm-text);\n}\n\n\/* === CARDS === *\/\n.pm-card {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--pm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.pm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--pm-shadow-lg);\n border-color: var(--pm-primary);\n}\n\n.pm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--pm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.pm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--pm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.pm-card p strong {\n color: var(--pm-text);\n}\n\n\/* === CARD INGREDIENT (variante pour les 3 baies) === *\/\n.pm-card-ingredient {\n text-align: left;\n}\n\n.pm-card-latin {\n font-size: 13px !important;\n color: var(--pm-primary) !important;\n margin-bottom: .5rem !important;\n font-weight: 500;\n}\n\n\/* === GRILLES === *\/\n.pm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.pm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.pm-grid-compact .pm-card {\n padding: 1rem;\n}\n\n.pm-grid-compact .pm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.pm-grid-compact .pm-card p {\n font-size: 12px;\n}\n\n\/* === TESTIMONIAL === *\/\n.pm-testimonial {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--pm-shadow);\n border-left: 4px solid var(--pm-primary);\n}\n\n.pm-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--pm-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.pm-testimonial-text strong {\n color: var(--pm-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.pm-accordion {\n background: var(--pm-white);\n border-radius: var(--pm-radius);\n box-shadow: var(--pm-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.pm-accordion-item {\n border-bottom: 1px solid var(--pm-border);\n margin: 0;\n padding: 0;\n}\n\n.pm-accordion-item:last-child {\n border-bottom: none;\n}\n\n.pm-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--pm-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.pm-accordion-header:hover {\n background: var(--pm-primary-light);\n}\n\n.pm-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.pm-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--pm-primary);\n transition: transform .2s ease;\n}\n\n.pm-accordion-item[open] .pm-accordion-header::after {\n content: '−';\n}\n\n.pm-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--pm-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.pm-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.pm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--pm-primary-light);\n border-radius: var(--pm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.pm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.pm-tip p {\n font-size: 14px;\n color: var(--pm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.pm-tip p strong {\n color: var(--pm-primary-dark);\n}\n\n\/* === CTA FINAL === *\/\n.pm-cta-box {\n background: linear-gradient(135deg, var(--pm-primary) 0%, var(--pm-primary-dark) 100%);\n border-radius: var(--pm-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.pm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.pm-disclaimer {\n font-size: 12px;\n color: var(--pm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .pm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .pm-card {\n padding: 1.125rem;\n }\n\n .pm-card-ingredient {\n text-align: left;\n }\n\n .pm-section {\n margin-bottom: 1.75rem;\n }\n\n .pm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--pm-radius-sm);\n }\n\n .pm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .pm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .pm-grid-compact {\n gap: .625rem;\n }\n\n .pm-grid-compact .pm-card {\n padding: .75rem;\n }\n\n .pm-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .pm-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .pm-testimonial {\n padding: 1.25rem;\n }\n\n .pm-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .pm-card {\n animation: pmFadeInUp .5s ease backwards;\n }\n .pm-card:nth-child(1) { animation-delay: .05s; }\n .pm-card:nth-child(2) { animation-delay: .1s; }\n .pm-card:nth-child(3) { animation-delay: .15s; }\n .pm-card:nth-child(4) { animation-delay: .2s; }\n .pm-card:nth-child(5) { animation-delay: .25s; }\n .pm-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes pmFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .pm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755101479069,"sku":"AY9910","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/peppers-poivre-masala-trois-baies_ayurvana_2_11zon.jpg?v=1770827003"},{"product_id":"kari-madras-curry-fort-bio-flacon-en-verre-de-50-g-ayurvana","title":"Kari Madras (Curry Fort) Bio - Flacon verre 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kari Madras (Curry Fort) Bio - Flacon verre 50g - AyurVana\nPalette détectée:\n - Primaire: #C8961E (jaune doré curcuma, couleur dominante de l'épice)\n - Secondaire: #D4342A (rouge des bandeaux de l'étiquette)\n - Accent: #5B8C2A (vert du label AB bio)\n - Crème\/beige: #FBF5E8 (ton chaud rappelant l'étiquette)\nAmbiance: Authentique, épices indiennes, chaleureux, artisanal, bio\/naturel, cuisine traditionnelle\nPréfixe CSS: km\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Kari Madras Bio AyurVana : un curry fort aux saveurs authentiques de l'Inde\"\n 2. \"Composition détaillée du Kari Madras Bio\"\n 3. \"Comment utiliser le Kari Madras en cuisine ?\"\n 4. \"Pourquoi choisir ce curry bio AyurVana ?\"\n 5. \"Précautions et conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"km-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"km-hero\"\u003e\n \u003cdiv class=\"km-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"km-hero-content\"\u003e\n \u003cdiv class=\"km-badges-top\"\u003e\n \u003cspan class=\"km-badge\"\u003e🌿 Certifié Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"km-badge\"\u003e🌶️ Curry fort \u0026amp; parfumé\u003c\/span\u003e\n \u003cspan class=\"km-badge\"\u003e🇮🇳 Épices d'origine indienne\u003c\/span\u003e\n \u003cspan class=\"km-badge\"\u003e🫙 Flacon en verre 50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"km-hero-title\"\u003eKari Madras – Curry Fort Bio\u003c\/span\u003e\n \u003cp class=\"km-subtitle\"\u003eAyurVana · Épices indiennes\u003c\/p\u003e\n \u003cp class=\"km-description\"\u003eUn mélange de 10 épices biologiques puissant et authentique, né au cœur du sud de l'Inde, pour transformer chaque plat en voyage gustatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"km-section\"\u003e\n \u003ch2\u003eKari Madras Bio AyurVana : un curry fort aux saveurs authentiques de l'Inde\u003c\/h2\u003e\n \u003cp class=\"km-section-intro\"\u003eLe \u003cstrong\u003eKari Madras (Curry Fort) Bio\u003c\/strong\u003e d'AyurVana est un mélange d'épices indiennes puissant et parfumé, élaboré à partir d'ingrédients 100 % biologiques. Conditionné dans un élégant flacon en verre de 50 g, ce \u003cstrong\u003ecurry de Madras\u003c\/strong\u003e vous invite à découvrir toute l'intensité des épices traditionnelles du sud de l'Inde, là où le curry est né sous sa forme la plus relevée.\u003c\/p\u003e\n \u003cp class=\"km-section-intro\"\u003eSi vous cherchez une \u003cstrong\u003ecurry épice\u003c\/strong\u003e capable de transformer un simple plat en voyage gustatif, ce Kari Madras est fait pour vous. Son caractère fort et chaleureux le distingue des mélanges classiques plus doux, et ravira celles et ceux qui apprécient une cuisine généreuse en saveurs.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"km-section\"\u003e\n \u003ch2\u003eComposition détaillée du Kari Madras Bio\u003c\/h2\u003e\n \u003cp class=\"km-section-intro\"\u003eCe \u003cstrong\u003emadras curry\u003c\/strong\u003e réunit dix épices biologiques soigneusement dosées, sans colorant, sans conservateur et sans exhausteur de goût :\u003c\/p\u003e\n \u003cdiv class=\"km-grid\"\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🟡 Curcuma\u003c\/h3\u003e\n \u003cp\u003eBase dorée du mélange, apporte couleur vibrante et douceur amère caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🌿 Coriandre\u003c\/h3\u003e\n \u003cp\u003eNotes citronnées et florales, véritable pilier du curry indien traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🌰 Cumin\u003c\/h3\u003e\n \u003cp\u003eSaveur chaude et terreuse qui forme l'âme profonde du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🍂 Fenugrec\u003c\/h3\u003e\n \u003cp\u003eLéger goût de caramel et d'érable, apportant une rondeur unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n \u003cp\u003eFraîcheur piquante qui dynamise et réveille les papilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🌶️ Piment fort\u003c\/h3\u003e\n \u003cp\u003eResponsable du caractère relevé et de l'intensité de ce curry Madras.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e⚫ Poivre noir\u003c\/h3\u003e\n \u003cp\u003eChaleur persistante en bouche, amplifie les saveurs des autres épices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🪵 Clous de girofle\u003c\/h3\u003e\n \u003cp\u003eTouche boisée et intense, signature des grands mélanges indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🍃 Feuilles de curry\u003c\/h3\u003e\n \u003cp\u003eArôme herbacé typiquement sud-indien, introuvable dans les mélanges ordinaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🟤 Graines de moutarde\u003c\/h3\u003e\n \u003cp\u003ePiquant subtil et croquant qui apporte du caractère à chaque bouchée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-tip\"\u003e\n \u003cspan class=\"km-tip-icon\"\u003e🌱\u003c\/span\u003e\n \u003cp\u003eChaque épice est cultivée selon les principes de l'agriculture biologique (label AB), puis moulue et assemblée pour préserver la richesse aromatique du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"km-section\"\u003e\n \u003ch2\u003eComment utiliser le Kari Madras en cuisine ?\u003c\/h2\u003e\n \u003cp class=\"km-section-intro\"\u003eCe curry fort se prête à une grande variété de recettes. Voici quelques idées pour l'intégrer à votre quotidien :\u003c\/p\u003e\n \u003cdiv class=\"km-timeline\"\u003e\n \u003cdiv class=\"km-timeline-item\"\u003e\n \u003cdiv class=\"km-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"km-timeline-content\"\u003e\n \u003ch3\u003e🍗 Poulet curry Madras\u003c\/h3\u003e\n \u003cp\u003eFaites revenir des morceaux de poulet avec de l'oignon, de l'ail et une bonne cuillère à café de Kari Madras, puis laissez mijoter dans du lait de coco. Vous obtenez un authentique \u003cstrong\u003emadras curry chicken\u003c\/strong\u003e en moins de 30 minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-timeline-item\"\u003e\n \u003cdiv class=\"km-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"km-timeline-content\"\u003e\n \u003ch3\u003e🥕 Curry de légumes\u003c\/h3\u003e\n \u003cp\u003ePois chiches, patates douces, épinards… ajoutez le mélange en début de cuisson pour qu'il imprègne chaque ingrédient en profondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-timeline-item\"\u003e\n \u003cdiv class=\"km-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"km-timeline-content\"\u003e\n \u003ch3\u003e🐟 Poissons et crevettes\u003c\/h3\u003e\n \u003cp\u003eUne pointe de cuillère suffit pour relever une sauce tomate ou un bouillon parfumé aux accents indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-timeline-item\"\u003e\n \u003cdiv class=\"km-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"km-timeline-content\"\u003e\n \u003ch3\u003e🍚 Riz sauté\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez le curry en fin de cuisson pour un riz coloré, savoureux et visuellement irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-tip\"\u003e\n \u003cspan class=\"km-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour libérer pleinement les arômes, faites chauffer le Kari Madras quelques secondes dans un peu d'huile ou de ghee avant d'ajouter vos autres ingrédients. C'est la technique utilisée dans la cuisine indienne traditionnelle, et elle fait toute la différence dans une \u003cstrong\u003erecette curry Madras\u003c\/strong\u003e réussie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"km-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce curry bio AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"km-grid-compact\"\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio\u003c\/h3\u003e\n \u003cp\u003eAucun pesticide, aucun additif chimique. Label Agriculture Biologique garanti.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003ePréserve les arômes bien mieux que le plastique et se recycle facilement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🇮🇳 Origine indienne\u003c\/h3\u003e\n \u003cp\u003eÉpices sélectionnées dans des fermes certifiées pour leur qualité exceptionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"km-card\"\u003e\n \u003ch3\u003e🔥 Fort et équilibré\u003c\/h3\u003e\n \u003cp\u003eDu piquant, oui, mais avec une vraie profondeur aromatique et de la rondeur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"km-section\"\u003e\n \u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n \u003cdiv class=\"km-accordion\"\u003e\n \u003cdetails class=\"km-accordion-item\" open\u003e\n \u003csummary class=\"km-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"km-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le flacon dans un endroit sec, à l'abri de la lumière et de la chaleur, pour maintenir la fraîcheur des épices. Refermez bien le bouchon après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"km-accordion-item\"\u003e\n \u003csummary class=\"km-accordion-header\"\u003e🥗 Régimes alimentaires\u003c\/summary\u003e\n \u003cdiv class=\"km-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit convient aux régimes végétariens et végétaliens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"km-accordion-item\"\u003e\n \u003csummary class=\"km-accordion-header\"\u003e⚠️ Allergènes\u003c\/summary\u003e\n \u003cdiv class=\"km-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas d'allergie connue à la moutarde, consultez la liste des ingrédients. Ce mélange contient des graines de moutarde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"km-accordion-item\"\u003e\n \u003csummary class=\"km-accordion-header\"\u003e📋 Informations complémentaires\u003c\/summary\u003e\n \u003cdiv class=\"km-accordion-content mt-3\"\u003e\n \u003cp\u003eCe mélange d'épices est un aliment courant et ne se substitue en aucun cas à un avis ou traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"km-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"km-cta-box\"\u003e\n \u003cp\u003e🌶️ Laissez-vous emporter par l'intensité du Kari Madras Bio AyurVana — 10 épices authentiques, certifiées bio, pour une cuisine indienne riche en saveurs et en couleurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"km-disclaimer\"\u003eCe mélange d'épices est un aliment courant. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --km-cream: #FBF5E8;\n --km-white: #ffffff;\n --km-primary: #C8961E;\n --km-primary-dark: #8B6914;\n --km-primary-light: #FDF3DC;\n --km-secondary: #D4342A;\n --km-accent: #5B8C2A;\n --km-text: #1a1a1a;\n --km-text-light: #5a5a5a;\n --km-border: #e8dcc8;\n --km-shadow: 0 4px 24px rgba(139, 105, 20, .08);\n --km-shadow-lg: 0 12px 48px rgba(139, 105, 20, .15);\n --km-radius: 20px;\n --km-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.km-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--km-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.km-hero {\n position: relative;\n background: linear-gradient(135deg, #8B6914 0%, #C8961E 40%, #D4342A 100%);\n border-radius: var(--km-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(--km-shadow-lg);\n}\n\n.km-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.02) 30px, rgba(255,255,255,.02) 60px);\n opacity: 1;\n}\n\n.km-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.km-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n line-height: 1.1;\n}\n\n.km-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n letter-spacing: .08em;\n text-transform: uppercase;\n margin: 0 0 1.25rem 0;\n}\n\n.km-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.km-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.km-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(--km-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.km-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.km-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.km-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--km-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.km-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(--km-primary), var(--km-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.km-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--km-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.km-card {\n background: var(--km-white);\n border-radius: var(--km-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--km-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.km-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--km-shadow-lg);\n border-color: var(--km-primary);\n}\n\n.km-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--km-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.km-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--km-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.km-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.km-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.km-grid-compact .km-card {\n padding: 1rem;\n}\n\n.km-grid-compact .km-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.km-grid-compact .km-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.km-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.km-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.km-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--km-primary), var(--km-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.km-timeline-content {\n flex: 1;\n background: var(--km-white);\n padding: 1rem 1.25rem;\n border-radius: var(--km-radius-sm);\n box-shadow: var(--km-shadow);\n}\n\n.km-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--km-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.km-timeline-content p {\n font-size: 14px;\n color: var(--km-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.km-testimonial {\n background: var(--km-white);\n border-radius: var(--km-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--km-shadow);\n border-left: 4px solid var(--km-primary);\n}\n\n.km-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--km-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.km-accordion {\n background: var(--km-white);\n border-radius: var(--km-radius);\n box-shadow: var(--km-shadow);\n overflow: hidden;\n}\n\n.km-accordion-item {\n border-bottom: 1px solid var(--km-border);\n margin: 0;\n padding: 0;\n}\n\n.km-accordion-item:last-child {\n border-bottom: none;\n}\n\n.km-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--km-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.km-accordion-header:hover {\n background: var(--km-primary-light);\n}\n\n.km-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.km-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--km-primary);\n transition: transform .2s ease;\n}\n\n.km-accordion-item[open] .km-accordion-header::after {\n content: '−';\n}\n\n.km-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--km-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.km-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.km-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--km-primary-light);\n border-radius: var(--km-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.km-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.km-tip p {\n font-size: 14px;\n color: var(--km-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.km-cta-box {\n background: linear-gradient(135deg, var(--km-primary) 0%, var(--km-secondary) 100%);\n border-radius: var(--km-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.km-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.km-disclaimer {\n font-size: 12px;\n color: var(--km-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .km-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .km-card {\n padding: 1.125rem;\n }\n\n .km-section {\n margin-bottom: 1.75rem;\n }\n\n .km-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--km-radius-sm);\n }\n\n .km-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .km-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .km-grid-compact {\n gap: .625rem;\n }\n\n .km-grid-compact .km-card {\n padding: .75rem;\n }\n\n .km-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .km-timeline-content {\n padding: .875rem 1rem;\n }\n\n .km-timeline-content h3 {\n font-size: 14px;\n }\n\n .km-timeline-content p {\n font-size: 13px;\n }\n\n .km-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .km-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .km-testimonial {\n padding: 1.25rem;\n }\n\n .km-testimonial-text {\n font-size: 14px;\n }\n\n .km-badges-top {\n gap: 6px;\n }\n\n .km-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .km-card {\n animation: kmFadeInUp .5s ease backwards;\n }\n .km-card:nth-child(1) { animation-delay: .05s; }\n .km-card:nth-child(2) { animation-delay: .1s; }\n .km-card:nth-child(3) { animation-delay: .15s; }\n .km-card:nth-child(4) { animation-delay: .2s; }\n .km-card:nth-child(5) { animation-delay: .25s; }\n .km-card:nth-child(6) { animation-delay: .3s; }\n .km-card:nth-child(7) { animation-delay: .35s; }\n .km-card:nth-child(8) { animation-delay: .4s; }\n .km-card:nth-child(9) { animation-delay: .45s; }\n .km-card:nth-child(10) { animation-delay: .5s; }\n}\n\n@keyframes kmFadeInUp {\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 .km-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755101872285,"sku":"AY9034","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kari-madras-curry-fort-bio-flacon-verre-50g-ayurvana-lifestyle_0effb57e-ee73-4ba7-a17e-6a3914d30d0e.webp?v=1770994742"},{"product_id":"kari-curry-doux-bio-flacon-en-verre-de-50-g-ayurvana","title":"Kari Bio (curry doux) - Flacon Verre 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Kari Bio (Curry doux) - Flacon Verre 50g - AyurVana\nPalette détectée:\n - Primaire: #D4891C (ocre\/curcuma doré du packaging et de la poudre)\n - Secondaire: #C23B2A (rouge\/corail des bandes décoratives sur l'étiquette)\n - Accent: #5B8C2A (vert du label AB bio)\nAmbiance: Naturel\/bio, épicé chaleureux, authenticité indienne, cuisine artisanale, élégance simple avec le flacon en verre\nPréfixe CSS: kari\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Kari Bio (Curry doux) AyurVana : un mélange d'épices biologiques aux saveurs subtiles\"\n 2. \"Pourquoi choisir ce curry doux bio ?\"\n 3. \"Composition détaillée du Kari Bio\"\n 4. \"Comment utiliser le Kari Bio en cuisine ?\"\n 5. \"Conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kari-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"kari-hero\"\u003e\n \u003cdiv class=\"kari-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kari-hero-content\"\u003e\n \u003cdiv class=\"kari-badges-top\"\u003e\n \u003cspan class=\"kari-badge\"\u003e🌿 Certifié AB Bio\u003c\/span\u003e\n \u003cspan class=\"kari-badge\"\u003e🍶 Flacon verre 50 g\u003c\/span\u003e\n \u003cspan class=\"kari-badge\"\u003e🌶️ Curry doux sans piment fort\u003c\/span\u003e\n \u003cspan class=\"kari-badge\"\u003e✨ 9 épices pures\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kari-hero-title\"\u003eKari Bio — Curry Doux\u003c\/span\u003e\n \u003cp class=\"kari-subtitle\"\u003eAyurVana\u003c\/p\u003e\n \u003cp class=\"kari-description\"\u003eUn mélange de 9 épices biologiques d'exception, doux et parfumé, sans sel ni additif. La cuisine indienne authentique dans un élégant flacon en verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"kari-section\"\u003e\n \u003ch2\u003eKari Bio (Curry doux) AyurVana : un mélange d'épices biologiques aux saveurs subtiles\u003c\/h2\u003e\n \u003cp class=\"kari-section-intro\"\u003eEnvie d'apporter une touche chaleureuse et parfumée à votre cuisine du quotidien ? Le \u003cstrong\u003eKari Bio d'AyurVana\u003c\/strong\u003e est un \u003cstrong\u003ecurry doux\u003c\/strong\u003e composé exclusivement d'épices issues de l'agriculture biologique.\u003c\/p\u003e\n \u003cp class=\"kari-section-intro\"\u003eSon profil aromatique rond et délicat convient à toute la famille, y compris aux palais sensibles qui redoutent les mélanges trop pimentés. Présenté dans un élégant \u003cstrong\u003eflacon en verre de 50 g\u003c\/strong\u003e, il préserve la fraîcheur des arômes tout en limitant l'utilisation de plastique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"kari-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce curry doux bio ?\u003c\/h2\u003e\n \u003cp class=\"kari-section-intro\"\u003eContrairement à de nombreux currys industriels qui contiennent du sel, des arômes artificiels ou des anti-agglomérants, le Kari AyurVana propose une recette \u003cstrong\u003e100 % épices biologiques\u003c\/strong\u003e, sans aucun additif.\u003c\/p\u003e\n \u003cdiv class=\"kari-grid-compact\"\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eToutes les épices sont issues de l'agriculture biologique contrôlée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e😌 Doux et non pimenté\u003c\/h3\u003e\n \u003cp\u003eIdéal pour les enfants et les personnes qui préfèrent des saveurs délicates.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003eUn conditionnement écoresponsable et réutilisable qui protège les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eSans sel ajouté, sans conservateur, sans colorant : uniquement des épices pures.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"kari-section\"\u003e\n \u003ch2\u003eComposition détaillée du Kari Bio\u003c\/h2\u003e\n \u003cp class=\"kari-section-intro\"\u003eCe mélange harmonieux réunit \u003cstrong\u003eneuf épices biologiques\u003c\/strong\u003e soigneusement dosées pour un équilibre parfait entre douceur, chaleur et complexité aromatique.\u003c\/p\u003e\n \u003cdiv class=\"kari-grid\"\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🟡 Curcuma\u003c\/h3\u003e\n \u003cp\u003eBase dorée du mélange, apporte sa couleur caractéristique et ses notes terreuses.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🌿 Coriandre\u003c\/h3\u003e\n \u003cp\u003eConfère une touche citronnée et fraîche qui illumine l'ensemble.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🌱 Fenugrec\u003c\/h3\u003e\n \u003cp\u003eApporte une légère amertume et une profondeur aromatique unique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🟤 Moutarde\u003c\/h3\u003e\n \u003cp\u003eAjoute un léger piquant subtil qui éveille les papilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🫑 Piment doux\u003c\/h3\u003e\n \u003cp\u003eDonne de la rondeur sans brûler le palais, pour un confort gustatif total.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n \u003cp\u003eRelève le mélange avec des notes chaudes et vivifiantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e🌾 Graine de fenouil\u003c\/h3\u003e\n \u003cp\u003eIntroduit une nuance anisée délicate et raffinée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-card\"\u003e\n \u003ch3\u003e✨ Cumin\u003c\/h3\u003e\n \u003cp\u003eApporte son caractère chaud et légèrement fumé, signature des grands mélanges.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"kari-section\"\u003e\n \u003ch2\u003eComment utiliser le Kari Bio en cuisine ?\u003c\/h2\u003e\n \u003cp class=\"kari-section-intro\"\u003eCe \u003cstrong\u003ecurry bio\u003c\/strong\u003e est remarquablement polyvalent. Découvrez comment sublimer vos plats au quotidien.\u003c\/p\u003e\n \u003cdiv class=\"kari-timeline\"\u003e\n \u003cdiv class=\"kari-timeline-item\"\u003e\n \u003cdiv class=\"kari-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-content\"\u003e\n \u003ch3\u003eCurrys mijotés\u003c\/h3\u003e\n \u003cp\u003ePoulet, agneau, poisson ou pois chiches — ajoutez une à deux cuillères à café en début de cuisson pour laisser les saveurs infuser lentement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-item\"\u003e\n \u003cdiv class=\"kari-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-content\"\u003e\n \u003ch3\u003eCourgettes à l'aigre-doux au curry\u003c\/h3\u003e\n \u003cp\u003eFaites revenir vos courgettes avec un filet de miel et de vinaigre, puis saupoudrez de Kari Bio pour un plat original et savoureux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-item\"\u003e\n \u003cdiv class=\"kari-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-content\"\u003e\n \u003ch3\u003eSoupes et veloutés\u003c\/h3\u003e\n \u003cp\u003eUne pincée suffit pour transformer un simple velouté de carottes ou de lentilles en un plat réconfortant aux accents indiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-item\"\u003e\n \u003cdiv class=\"kari-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-content\"\u003e\n \u003ch3\u003eMarinades\u003c\/h3\u003e\n \u003cp\u003eMélangez le curry doux avec un peu d'huile d'olive et du yaourt pour mariner vos viandes ou crevettes avant cuisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-item\"\u003e\n \u003cdiv class=\"kari-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"kari-timeline-content\"\u003e\n \u003ch3\u003eSauces et vinaigrettes\u003c\/h3\u003e\n \u003cp\u003eIncorporez-le dans une mayonnaise maison ou une pâte de curry doux mélangée à du lait de coco pour accompagner vos salades.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kari-tip\"\u003e\n \u003cspan class=\"kari-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour libérer pleinement les arômes, faites chauffer brièvement le curry dans un corps gras (huile ou beurre) avant d'ajouter vos autres ingrédients.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"kari-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"kari-accordion\"\u003e\n \u003cdetails class=\"kari-accordion-item\" open\u003e\n \u003csummary class=\"kari-accordion-header\"\u003e🍶 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"kari-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon à l'abri de la lumière, de la chaleur et de l'humidité. Le conditionnement en verre assure une excellente protection des arômes dans le temps. Pensez à bien refermer le bouchon après chaque utilisation pour maintenir la fraîcheur du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"kari-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"kari-cta-box\"\u003e\n \u003cp\u003eAvec le \u003cstrong\u003eKari Bio (curry doux) d'AyurVana\u003c\/strong\u003e, vous invitez les saveurs de la cuisine indienne traditionnelle dans votre assiette, en toute simplicité et avec la garantie d'ingrédients naturels et biologiques. Un indispensable pour tous ceux qui aiment cuisiner avec des épices de qualité. 🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --kari-cream: #FFF9F0;\n --kari-white: #ffffff;\n --kari-primary: #D4891C;\n --kari-primary-dark: #9A5F0A;\n --kari-primary-light: #FFF3E0;\n --kari-secondary: #C23B2A;\n --kari-accent: #5B8C2A;\n --kari-text: #1a1a1a;\n --kari-text-light: #5a5a5a;\n --kari-border: #F0E0CC;\n --kari-shadow: 0 4px 24px rgba(154, 95, 10, .08);\n --kari-shadow-lg: 0 12px 48px rgba(154, 95, 10, .15);\n --kari-radius: 20px;\n --kari-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.kari-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kari-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kari-hero {\n position: relative;\n background: linear-gradient(135deg, #D4891C 0%, #C23B2A 50%, #9A5F0A 100%);\n border-radius: var(--kari-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(--kari-shadow-lg);\n}\n\n.kari-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.12) 1px, transparent 1px),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 2px, transparent 2px),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 1.5px, transparent 1.5px);\n background-size: 40px 40px, 60px 60px, 80px 80px;\n opacity: .4;\n}\n\n.kari-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.kari-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.kari-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .08em;\n text-transform: uppercase;\n}\n\n.kari-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kari-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kari-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(--kari-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kari-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kari-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kari-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kari-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.kari-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(--kari-primary), var(--kari-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kari-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kari-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kari-card {\n background: var(--kari-white);\n border-radius: var(--kari-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kari-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kari-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kari-shadow-lg);\n border-color: var(--kari-primary);\n}\n\n.kari-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kari-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kari-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kari-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kari-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.kari-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kari-grid-compact .kari-card {\n padding: 1rem;\n}\n\n.kari-grid-compact .kari-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kari-grid-compact .kari-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kari-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kari-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kari-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kari-primary), var(--kari-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kari-timeline-content {\n flex: 1;\n background: var(--kari-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kari-radius-sm);\n box-shadow: var(--kari-shadow);\n}\n\n.kari-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kari-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kari-timeline-content p {\n font-size: 14px;\n color: var(--kari-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.kari-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kari-primary-light);\n border-radius: var(--kari-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kari-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kari-tip p {\n font-size: 14px;\n color: var(--kari-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kari-accordion {\n background: var(--kari-white);\n border-radius: var(--kari-radius);\n box-shadow: var(--kari-shadow);\n overflow: hidden;\n}\n\n.kari-accordion-item {\n border-bottom: 1px solid var(--kari-border);\n margin: 0;\n padding: 0;\n}\n\n.kari-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kari-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kari-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.kari-accordion-header:hover {\n background: var(--kari-primary-light);\n}\n\n.kari-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kari-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kari-primary);\n transition: transform .2s ease;\n}\n\n.kari-accordion-item[open] .kari-accordion-header::after {\n content: '−';\n}\n\n.kari-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kari-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kari-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kari-cta-box {\n background: linear-gradient(135deg, var(--kari-primary) 0%, var(--kari-primary-dark) 100%);\n border-radius: var(--kari-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.kari-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kari-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kari-card {\n padding: 1.125rem;\n }\n\n .kari-section {\n margin-bottom: 1.75rem;\n }\n\n .kari-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kari-radius-sm);\n }\n\n .kari-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kari-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kari-grid-compact {\n gap: .625rem;\n }\n\n .kari-grid-compact .kari-card {\n padding: .75rem;\n }\n\n .kari-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kari-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kari-timeline-content h3 {\n font-size: 14px;\n }\n\n .kari-timeline-content p {\n font-size: 13px;\n }\n\n .kari-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kari-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kari-card {\n animation: kariFadeInUp .5s ease backwards;\n }\n .kari-card:nth-child(1) { animation-delay: .05s; }\n .kari-card:nth-child(2) { animation-delay: .1s; }\n .kari-card:nth-child(3) { animation-delay: .15s; }\n .kari-card:nth-child(4) { animation-delay: .2s; }\n .kari-card:nth-child(5) { animation-delay: .25s; }\n .kari-card:nth-child(6) { animation-delay: .3s; }\n .kari-card:nth-child(7) { animation-delay: .35s; }\n .kari-card:nth-child(8) { animation-delay: .4s; }\n}\n\n@keyframes kariFadeInUp {\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 .kari-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755102298269,"sku":"AY9033","price":6.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/kari-bio-curry-doux-flacon-verre-50g-ayurvana-lifestyle.webp?v=1770994603"},{"product_id":"garam-masala-melange-chaud-depices-bio-flacon-en-verre-de-50-g-ayurvana","title":"Garam Masala Bio (mélange Chaud d'Épices) - 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Garam Masala Bio AyurVana\nPalette détectée:\n - Primaire: #C0392B (rouge vif des bandeaux de l'étiquette)\n - Secondaire: #8B6914 (doré\/ocre des ornements et de l'épice)\n - Accent: #2E7D32 (vert du label AB \/ nature bio)\n - Fond épice: #A0845C (brun chaud de la poudre d'épices)\nAmbiance: Chaleureux, traditionnel indien, artisanal, bio\/naturel, épices authentiques\nPréfixe CSS: gm\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Garam Masala Bio AyurVana – Le mélange chaud d'épices indiennes authentique\"\n 2. \"Composition du Garam Masala Bio\"\n 3. \"Comment utiliser le Garam Masala en cuisine ?\"\n 4. \"Pourquoi choisir le Garam Masala AyurVana ?\"\n 5. \"Conservation\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"gm-premium\"\u003e\n\n \u003c!-- HERO --\u003e\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🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"gm-badge\"\u003e🇮🇳 7 épices indiennes\u003c\/span\u003e\n \u003cspan class=\"gm-badge\"\u003e🫙 Flacon verre 50 g\u003c\/span\u003e\n \u003cspan class=\"gm-badge\"\u003e✨ Sans additif\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gm-hero-title\"\u003eGaram Masala Bio AyurVana\u003c\/span\u003e\n \u003cp class=\"gm-subtitle\"\u003eMélange chaud d'épices indiennes authentique\u003c\/p\u003e\n \u003cp class=\"gm-description\"\u003eSept épices torréfiées et réduites en poudre fine pour apporter chaleur, profondeur et complexité aromatique à toutes vos préparations. L'âme de la cuisine indienne dans un élégant flacon en verre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003eGaram Masala Bio AyurVana – Le mélange chaud d'épices indiennes authentique\u003c\/h2\u003e\n \u003cp class=\"gm-section-intro\"\u003eLe \u003cstrong\u003egaram masala\u003c\/strong\u003e est bien plus qu'une simple épice : c'est l'âme de la cuisine indienne. En hindi, \u003cem\u003egaram\u003c\/em\u003e signifie « chaud » et \u003cem\u003emasala\u003c\/em\u003e « mélange d'épices ».\u003c\/p\u003e\n \u003cdiv class=\"gm-highlight-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003eGaram Masala Bio d'AyurVana\u003c\/strong\u003e vous offre un assemblage traditionnel de \u003cstrong\u003esept épices\u003c\/strong\u003e soigneusement torréfiées et réduites en poudre fine, pour apporter chaleur, profondeur et complexité aromatique à toutes vos préparations. Présenté dans un élégant \u003cstrong\u003eflacon en verre de 50 g\u003c\/strong\u003e, il préserve la fraîcheur et l'intensité de chaque épice, tout en respectant l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003eComposition du Garam Masala Bio\u003c\/h2\u003e\n \u003cp class=\"gm-section-intro\"\u003eComposé exclusivement d'ingrédients issus de l'\u003cstrong\u003eagriculture biologique certifiée AB\u003c\/strong\u003e, sans colorant, sans conservateur ni arôme artificiel.\u003c\/p\u003e\n \u003cdiv class=\"gm-grid\"\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🌿 Coriandre\u003c\/h3\u003e\n \u003cp\u003eNotes douces et légèrement citronnées qui apportent fraîcheur et équilibre à l'ensemble du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🟤 Cumin\u003c\/h3\u003e\n \u003cp\u003eSaveur terreuse et chaleureuse, pilier fondamental de la cuisine indienne traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e💚 Cardamome\u003c\/h3\u003e\n \u003cp\u003eTouche florale et rafraîchissante, considérée comme la reine des épices en Inde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e⚫ Poivre noir\u003c\/h3\u003e\n \u003cp\u003ePiquant subtil qui réveille le palais et rehausse toutes les autres saveurs du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🟫 Cannelle\u003c\/h3\u003e\n \u003cp\u003eDouceur boisée et réconfortante qui enveloppe chaque plat d'une chaleur délicate.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🌸 Clou de girofle\u003c\/h3\u003e\n \u003cp\u003ePuissance aromatique intense qui apporte une profondeur unique et caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🥜 Noix de muscade\u003c\/h3\u003e\n \u003cp\u003eRondeur et chaleur enveloppante pour une finale douce et harmonieuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-tip\"\u003e\n \u003cspan class=\"gm-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eAvec sept épices soigneusement dosées, ce garam masala va bien au-delà d'un simple \u003cstrong\u003emélange 4 épices\u003c\/strong\u003e classique. Il offre une palette aromatique plus riche et plus nuancée, fidèle à la tradition culinaire indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003eComment utiliser le Garam Masala en cuisine ?\u003c\/h2\u003e\n \u003cp class=\"gm-section-intro\"\u003eContrairement à d'autres mélanges d'épices que l'on ajoute en début de cuisson, le \u003cstrong\u003egaram masala\u003c\/strong\u003e révèle tout son potentiel lorsqu'il est incorporé \u003cstrong\u003een fin de préparation\u003c\/strong\u003e. Une pincée suffit pour transformer un plat ordinaire en une véritable invitation au voyage.\u003c\/p\u003e\n \u003cdiv class=\"gm-timeline\"\u003e\n \u003cdiv class=\"gm-timeline-item\"\u003e\n \u003cdiv class=\"gm-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-content\"\u003e\n \u003ch3\u003e🍲 Plats mijotés\u003c\/h3\u003e\n \u003cp\u003eCurrys de légumes, dals de lentilles, ragoûts de poulet – ajoutez une demi-cuillère à café dans les dernières minutes de cuisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-item\"\u003e\n \u003cdiv class=\"gm-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-content\"\u003e\n \u003ch3\u003e🥩 Marinades\u003c\/h3\u003e\n \u003cp\u003eMélangez-le avec du yaourt, du citron et un filet d'huile d'olive pour mariner viandes ou poissons avant la cuisson.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-item\"\u003e\n \u003cdiv class=\"gm-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-content\"\u003e\n \u003ch3\u003e🥣 Soupes et veloutés\u003c\/h3\u003e\n \u003cp\u003eUne pincée de \u003cstrong\u003emasala garam\u003c\/strong\u003e dans une soupe de patate douce ou de carottes fait toute la différence.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-item\"\u003e\n \u003cdiv class=\"gm-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-content\"\u003e\n \u003ch3\u003e🍚 Riz et céréales\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez sur un riz basmati juste avant de servir pour un parfum envoûtant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-item\"\u003e\n \u003cdiv class=\"gm-timeline-number\"\u003e5\u003c\/div\u003e\n \u003cdiv class=\"gm-timeline-content\"\u003e\n \u003ch3\u003e🥕 Légumes rôtis\u003c\/h3\u003e\n \u003cp\u003eParsemez vos légumes d'un peu de garam masala avant d'enfourner pour une touche épicée et dorée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-tip\"\u003e\n \u003cspan class=\"gm-tip-icon\"\u003e✨\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e commencez par de petites quantités et ajustez selon vos goûts. Ce garam masala est aromatique sans être brûlant, ce qui le rend accessible même aux palais sensibles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003ePourquoi choisir le Garam Masala AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"gm-grid-compact\"\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🌿 Certifié Bio (AB)\u003c\/h3\u003e\n \u003cp\u003eDes épices cultivées sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🇮🇳 Fabrication traditionnelle\u003c\/h3\u003e\n \u003cp\u003eÉlaboré selon les savoir-faire ancestraux indiens, avec des épices torréfiées pour en exhaler les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e🫙 Flacon en verre\u003c\/h3\u003e\n \u003cp\u003eProtège les épices de la lumière et de l'humidité, zéro plastique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gm-card\"\u003e\n \u003ch3\u003e✅ Sans additif\u003c\/h3\u003e\n \u003cp\u003e100 % épices pures, rien d'autre. Ni colorant, ni conservateur, ni arôme artificiel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"gm-section\"\u003e\n \u003ch2\u003eConservation\u003c\/h2\u003e\n \u003cdiv class=\"gm-accordion\"\u003e\n \u003cdetails class=\"gm-accordion-item\" open\u003e\n \u003csummary class=\"gm-accordion-header\"\u003e🫙 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"gm-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez votre flacon d'\u003cstrong\u003eépice garam masala\u003c\/strong\u003e dans un endroit sec, à l'abri de la chaleur et de la lumière directe. Le verre assure une protection optimale des arômes. Refermez bien le bouchon après chaque utilisation pour préserver toute la richesse du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gm-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gm-cta-box\"\u003e\n \u003cp\u003e🌶️ Avec ce \u003cstrong\u003eGaram Masala Bio AyurVana\u003c\/strong\u003e, invitez les saveurs chaleureuses et parfumées de l'Inde directement dans votre cuisine. Que vous soyez passionné de gastronomie indienne ou simplement curieux de nouvelles saveurs, ce mélange deviendra vite un indispensable de votre placard à épices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"gm-disclaimer\"\u003eProduit certifié agriculture biologique. Flacon en verre de 50 g.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n --gm-cream: #FFF9F0;\n --gm-white: #ffffff;\n --gm-primary: #C0392B;\n --gm-primary-dark: #8B1A10;\n --gm-primary-light: #FDECEA;\n --gm-secondary: #B8860B;\n --gm-accent: #2E7D32;\n --gm-spice: #A0845C;\n --gm-text: #1a1a1a;\n --gm-text-light: #5a5a5a;\n --gm-border: #e8ddd0;\n --gm-shadow: 0 4px 24px rgba(139, 26, 16, .07);\n --gm-shadow-lg: 0 12px 48px rgba(139, 26, 16, .13);\n --gm-radius: 20px;\n --gm-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gm-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gm-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gm-hero {\n position: relative;\n background: linear-gradient(135deg, #8B1A10 0%, #C0392B 35%, #B8860B 70%, #A0845C 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:\n radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,215,0,.06) 0%, transparent 50%),\n repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255,255,255,.015) 30px, rgba(255,255,255,.015) 60px);\n opacity: 1;\n}\n\n.gm-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.gm-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gm-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gm-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\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,.25);\n}\n\n.gm-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3.5vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n text-transform: uppercase;\n}\n\n.gm-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.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\/* === SECTION INTRO TEXT === *\/\n.gm-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gm-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.gm-highlight-box {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gm-shadow);\n border-left: 5px solid var(--gm-secondary);\n max-width: 750px;\n margin: 0 auto;\n}\n\n.gm-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--gm-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.gm-card {\n background: var(--gm-white);\n border-radius: var(--gm-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gm-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gm-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gm-shadow-lg);\n border-color: var(--gm-primary);\n}\n\n.gm-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gm-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gm-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.gm-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.gm-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gm-grid-compact .gm-card {\n padding: 1rem;\n}\n\n.gm-grid-compact .gm-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gm-grid-compact .gm-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.gm-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gm-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gm-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gm-primary), var(--gm-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gm-timeline-content {\n flex: 1;\n background: var(--gm-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gm-radius-sm);\n box-shadow: var(--gm-shadow);\n}\n\n.gm-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gm-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gm-timeline-content p {\n font-size: 14px;\n color: var(--gm-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.gm-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gm-primary-light);\n border-radius: var(--gm-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gm-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gm-tip p {\n font-size: 14px;\n color: var(--gm-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\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: 10px;\n}\n\n.gm-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.gm-cta-box {\n background: linear-gradient(135deg, var(--gm-primary) 0%, var(--gm-primary-dark) 50%, var(--gm-secondary) 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::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.03) 20px, rgba(255,255,255,.03) 40px);\n}\n\n.gm-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === DISCLAIMER === *\/\n.gm-disclaimer {\n font-size: 12px;\n color: var(--gm-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .gm-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gm-card {\n padding: 1.125rem;\n }\n\n .gm-section {\n margin-bottom: 1.75rem;\n }\n\n .gm-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gm-radius-sm);\n }\n\n .gm-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gm-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gm-grid-compact {\n gap: .625rem;\n }\n\n .gm-grid-compact .gm-card {\n padding: .75rem;\n }\n\n .gm-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gm-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gm-timeline-content h3 {\n font-size: 14px;\n }\n\n .gm-timeline-content p {\n font-size: 13px;\n }\n\n .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 .gm-highlight-box {\n padding: 1.25rem;\n }\n\n .gm-highlight-box p {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gm-card {\n animation: gmFadeInUp .5s ease backwards;\n }\n .gm-card:nth-child(1) { animation-delay: .05s; }\n .gm-card:nth-child(2) { animation-delay: .1s; }\n .gm-card:nth-child(3) { animation-delay: .15s; }\n .gm-card:nth-child(4) { animation-delay: .2s; }\n .gm-card:nth-child(5) { animation-delay: .25s; }\n .gm-card:nth-child(6) { animation-delay: .3s; }\n .gm-card:nth-child(7) { animation-delay: .35s; }\n}\n\n@keyframes gmFadeInUp {\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 .gm-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755102691485,"sku":"AY9035","price":7.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/garam-masala-melange-chaud-depices-bio-flacon-en-verre-de-50-ingredients_b1ec042d-1feb-458e-aff7-1c5bee422609.webp?v=1770905324"},{"product_id":"curcuma-longa-safran-d-inde-bio-flacon-en-verre-de-50-g-ayurvana","title":"Curcuma Longa Bio (safran d’Inde) - Flacon verre 50g - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Curcuma Longa Bio (safran d'Inde) - Flacon verre 50g - AyurVana\nPalette détectée:\n - Primaire: #D4881A (orange curcuma doré du contenu)\n - Secondaire: #C0392B (rouge des bandeaux décoratifs sur l'étiquette)\n - Accent: #2E7D32 (vert du label AB bio)\n - Fond packaging: #F5E6C8 (beige crème de l'étiquette)\nAmbiance: Ayurvédique, épices indiennes, naturel\/bio, authentique, chaleureux, artisanal premium\nPréfixe CSS: cl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Curcuma Longa Bio en poudre : l'épice dorée de l'Ayurveda\"\n 2. \"Pourquoi choisir ce curcuma longa bio en poudre ?\"\n 3. \"Bienfaits traditionnellement reconnus\"\n 4. \"Conseils d'utilisation\"\n 5. \"Composition\"\n 6. \"Un conditionnement pensé pour la qualité\"\n 7. \"Précautions d'emploi\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"cl-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"cl-hero\"\u003e\n \u003cdiv class=\"cl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"cl-hero-content\"\u003e\n \u003cdiv class=\"cl-badges-top\"\u003e\n \u003cspan class=\"cl-badge\"\u003e🌿 Agriculture biologique AB\u003c\/span\u003e\n \u003cspan class=\"cl-badge\"\u003e🧴 Flacon en verre 50 g\u003c\/span\u003e\n \u003cspan class=\"cl-badge\"\u003e🇮🇳 Épice ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"cl-hero-title\"\u003eCurcuma Longa Bio\u003c\/span\u003e\n \u003cp class=\"cl-subtitle\"\u003eSafran d'Inde — AyurVana\u003c\/p\u003e\n \u003cp class=\"cl-description\"\u003eL'épice dorée millénaire de l'Ayurveda, 100 % pure, bio et préservée dans un élégant flacon en verre. Saveur, couleur et bienfaits à l'état brut.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003eCurcuma Longa Bio en poudre : l'épice dorée de l'Ayurveda\u003c\/h2\u003e\n \u003cp class=\"cl-section-intro\"\u003eCe \u003cstrong\u003eCurcuma Longa bio\u003c\/strong\u003e d'AyurVana, aussi appelé \u003cstrong\u003esafran d'Inde\u003c\/strong\u003e, est une épice d'exception présentée dans un élégant flacon en verre de 50 g. Issu de l'agriculture biologique certifiée AB, il vous offre toute la richesse d'un curcuma en poudre pure, sans aucun additif.\u003c\/p\u003e\n \u003cdiv class=\"cl-grid-compact\"\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e✨ 100 % pur\u003c\/h3\u003e\n \u003cp\u003ePoudre de rhizome sans additif ni conservateur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique contrôlée et certifiée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🧴 Flacon verre\u003c\/h3\u003e\n \u003cp\u003eProtection optimale des arômes et actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🕉️ Tradition ayurvédique\u003c\/h3\u003e\n \u003cp\u003ePlus de 4 000 ans d'usage en médecine indienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce curcuma longa bio en poudre ?\u003c\/h2\u003e\n \u003cdiv class=\"cl-testimonial\"\u003e\n \u003cp class=\"cl-testimonial-text\"\u003eLe \u003cstrong\u003eCurcuma Longa\u003c\/strong\u003e (\u003cem\u003eCurcuma longa L.\u003c\/em\u003e) appartient à la famille du gingembre. Utilisé depuis plus de 4 000 ans dans la \u003cstrong\u003emédecine ayurvédique\u003c\/strong\u003e, il doit sa belle couleur orangée à la \u003cstrong\u003ecurcumine\u003c\/strong\u003e, son principal actif. Cette molécule est reconnue pour ses propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e qui aident à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-highlight-box\"\u003e\n \u003cp\u003eContrairement à un simple curcuma de cuisine, ce curcuma longa bio AyurVana est sélectionné pour sa \u003cstrong\u003eteneur élevée en curcuminoïdes\u003c\/strong\u003e. Il constitue une alternative naturelle intéressante pour soutenir votre \u003cstrong\u003econfort digestif\u003c\/strong\u003e, préserver la \u003cstrong\u003esanté de vos articulations\u003c\/strong\u003e ou simplement enrichir votre alimentation d'un super-aliment reconnu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003eBienfaits traditionnellement reconnus du safran d'Inde\u003c\/h2\u003e\n \u003cdiv class=\"cl-grid\"\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🫄 Digestion\u003c\/h3\u003e\n \u003cp\u003eLe curcuma contribue au fonctionnement normal du système digestif et aide à maintenir la santé du foie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🦴 Articulations\u003c\/h3\u003e\n \u003cp\u003eIl aide à maintenir la souplesse et le confort articulaire, notamment en cas de raideurs passagères.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n \u003cp\u003eSa richesse en curcumine aide à lutter contre les radicaux libres responsables du vieillissement cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🍛 Polyvalence culinaire\u003c\/h3\u003e\n \u003cp\u003eIl sublime vos currys, soupes, smoothies et golden lattes d'une touche dorée et légèrement poivrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"cl-timeline\"\u003e\n \u003cdiv class=\"cl-timeline-item\"\u003e\n \u003cdiv class=\"cl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"cl-timeline-content\"\u003e\n \u003ch3\u003eDosez simplement\u003c\/h3\u003e\n \u003cp\u003eAjoutez une \u003cstrong\u003edemi-cuillère à café par jour\u003c\/strong\u003e (environ 1 à 2 g) à vos plats, boissons ou préparations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-timeline-item\"\u003e\n \u003cdiv class=\"cl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"cl-timeline-content\"\u003e\n \u003ch3\u003eAssociez pour mieux absorber\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAssociez-le toujours à du poivre noir et à un corps gras\u003c\/strong\u003e (huile d'olive, huile de coco, lait de coco). La pipérine du poivre augmente l'absorption de la curcumine jusqu'à \u003cstrong\u003e2 000 %\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-timeline-item\"\u003e\n \u003cdiv class=\"cl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"cl-timeline-content\"\u003e\n \u003ch3\u003ePrivilégiez la fin de cuisson\u003c\/h3\u003e\n \u003cp\u003ePréférez une utilisation en \u003cstrong\u003efin de cuisson\u003c\/strong\u003e pour préserver au maximum les actifs de l'épice.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-tip\"\u003e\n \u003cspan class=\"cl-tip-icon\"\u003e🥛\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eIdée recette — Golden Latte :\u003c\/strong\u003e mélangez une demi-cuillère de curcuma, une pincée de poivre noir, du gingembre frais râpé et du miel dans une tasse de lait végétal chaud. Une boisson réconfortante idéale en fin de journée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"cl-composition-box\"\u003e\n \u003cdiv class=\"cl-composition-main\"\u003e\n \u003cspan class=\"cl-composition-icon\"\u003e🌾\u003c\/span\u003e\n \u003cdiv\u003e\n \u003cp class=\"cl-composition-ingredient\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % poudre de rhizome de \u003cstrong\u003eCurcuma Longa bio\u003c\/strong\u003e (\u003cem\u003eCurcuma longa L.\u003c\/em\u003e).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-grid-compact cl-composition-badges\"\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateurs\u003c\/h3\u003e\n \u003cp\u003eAucun additif ajouté\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n \u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🎨 Sans colorants\u003c\/h3\u003e\n \u003cp\u003eCouleur 100 % naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e✅ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"cl-section\"\u003e\n \u003ch2\u003eUn conditionnement pensé pour la qualité\u003c\/h2\u003e\n \u003cdiv class=\"cl-testimonial\"\u003e\n \u003cp class=\"cl-testimonial-text\"\u003eLe \u003cstrong\u003eflacon en verre\u003c\/strong\u003e n'est pas qu'esthétique : il protège efficacement la poudre de curcuma de la lumière, de l'humidité et de l'oxydation. Vous préservez ainsi tous les arômes et les propriétés nutritionnelles du produit, bien plus longtemps qu'avec un sachet plastique. C'est aussi un choix \u003cstrong\u003eécoresponsable\u003c\/strong\u003e, le verre étant recyclable à l'infini.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-grid-compact\" style=\"margin-top:1.25rem;\"\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e💡 Anti-lumière\u003c\/h3\u003e\n \u003cp\u003eLe verre protège des UV\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e💧 Anti-humidité\u003c\/h3\u003e\n \u003cp\u003eÉtanchéité parfaite\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n \u003cp\u003eVerre recyclable à l'infini\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"cl-card\"\u003e\n \u003ch3\u003e🏡 Conservation\u003c\/h3\u003e\n \u003cp\u003eEndroit frais et sec\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #7 --\u003e\n \u003csection class=\"cl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"cl-accordion\"\u003e\n \u003cdetails class=\"cl-accordion-item\" open\u003e\n \u003csummary class=\"cl-accordion-header\"\u003e⚠️ Informations importantes\u003c\/summary\u003e\n \u003cdiv class=\"cl-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est une \u003cstrong\u003eépice alimentaire\u003c\/strong\u003e et ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. En cas de grossesse, d'allaitement, de traitement anticoagulant ou de troubles biliaires, demandez conseil à votre médecin avant consommation. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"cl-disclaimer\"\u003eLes informations fournies ne remplacent en aucun cas un avis médical. Complément d'une alimentation variée et équilibrée et d'un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --cl-cream: #FFF9F0;\n --cl-white: #ffffff;\n --cl-primary: #D4881A;\n --cl-primary-dark: #8B5A0B;\n --cl-primary-light: #FFF3E0;\n --cl-secondary: #C0392B;\n --cl-accent: #2E7D32;\n --cl-text: #1a1a1a;\n --cl-text-light: #5a5a5a;\n --cl-border: #e8ddd0;\n --cl-shadow: 0 4px 24px rgba(139, 90, 11, .08);\n --cl-shadow-lg: 0 12px 48px rgba(139, 90, 11, .15);\n --cl-radius: 20px;\n --cl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cl-hero {\n position: relative;\n background: linear-gradient(135deg, #D4881A 0%, #C0392B 50%, #8B5A0B 100%);\n border-radius: var(--cl-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(--cl-shadow-lg);\n}\n\n.cl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.04) 0%, transparent 50%);\n opacity: 1;\n}\n\n.cl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cl-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.cl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cl-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(--cl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cl-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.cl-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(--cl-primary), var(--cl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.cl-card {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cl-shadow-lg);\n border-color: var(--cl-primary);\n}\n\n.cl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cl-grid-compact .cl-card {\n padding: 1rem;\n}\n\n.cl-grid-compact .cl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cl-grid-compact .cl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cl-primary), var(--cl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cl-timeline-content {\n flex: 1;\n background: var(--cl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cl-radius-sm);\n box-shadow: var(--cl-shadow);\n}\n\n.cl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cl-timeline-content p {\n font-size: 14px;\n color: var(--cl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.cl-testimonial {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cl-shadow);\n border-left: 4px solid var(--cl-primary);\n}\n\n.cl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.cl-highlight-box {\n background: var(--cl-primary-light);\n border-radius: var(--cl-radius-sm);\n padding: clamp(1.25rem, 3vw, 2rem);\n margin-top: 1.25rem;\n border: 1px solid rgba(212, 136, 26, .15);\n}\n\n.cl-highlight-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cl-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === COMPOSITION BOX === *\/\n.cl-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.cl-composition-main {\n display: flex;\n gap: 1rem;\n align-items: center;\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cl-shadow);\n border: 2px solid var(--cl-primary);\n}\n\n.cl-composition-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.cl-composition-ingredient {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--cl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.cl-composition-badges {\n margin-top: 0;\n}\n\n\/* === TIP BOX === *\/\n.cl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cl-primary-light);\n border-radius: var(--cl-radius-sm);\n padding: 1.25rem;\n margin-top: 1.25rem;\n border: 1px dashed var(--cl-primary);\n}\n\n.cl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cl-tip p {\n font-size: 14px;\n color: var(--cl-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ACCORDÉON === *\/\n.cl-accordion {\n background: var(--cl-white);\n border-radius: var(--cl-radius);\n box-shadow: var(--cl-shadow);\n overflow: hidden;\n}\n\n.cl-accordion-item {\n border-bottom: 1px solid var(--cl-border);\n margin: 0;\n padding: 0;\n}\n\n.cl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cl-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.cl-accordion-header:hover {\n background: var(--cl-primary-light);\n}\n\n.cl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cl-primary);\n transition: transform .2s ease;\n}\n\n.cl-accordion-item[open] .cl-accordion-header::after {\n content: '−';\n}\n\n.cl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cl-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cl-disclaimer {\n font-size: 12px;\n color: var(--cl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cl-card {\n padding: 1.125rem;\n }\n\n .cl-section {\n margin-bottom: 1.75rem;\n }\n\n .cl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cl-radius-sm);\n }\n\n .cl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cl-grid-compact {\n gap: .625rem;\n }\n\n .cl-grid-compact .cl-card {\n padding: .75rem;\n }\n\n .cl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cl-timeline-content h3 {\n font-size: 14px;\n }\n\n .cl-timeline-content p {\n font-size: 13px;\n }\n\n .cl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cl-testimonial {\n padding: 1.25rem;\n }\n\n .cl-testimonial-text {\n font-size: 14px;\n }\n\n .cl-composition-main {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n\n .cl-tip {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n\n .cl-highlight-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cl-card {\n animation: clFadeInUp .5s ease backwards;\n }\n .cl-card:nth-child(1) { animation-delay: .05s; }\n .cl-card:nth-child(2) { animation-delay: .1s; }\n .cl-card:nth-child(3) { animation-delay: .15s; }\n .cl-card:nth-child(4) { animation-delay: .2s; }\n .cl-card:nth-child(5) { animation-delay: .25s; }\n .cl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes clFadeInUp {\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 .cl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755103281309,"sku":"AY9908","price":4.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/curcuma-longa-bio-safran-dinde-flacon-verre-50g-ayurvana-ingredients.webp?v=1770905593"},{"product_id":"infusion-tulsi-feuilles-bio-sachet-de-100-g-ayurvana","title":"Infusion Tulsi Basilic sacré Bio - 100 G - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Tulsi Basilic sacré Bio - 100 G - Ayur-Vana\nPalette détectée:\n - Primaire: #8B6914 (brun doré kraft du packaging)\n - Secondaire: #5A7D3A (vert feuille\/basilic naturel)\n - Accent: #C4703F (orange terre\/cuivré de l'étiquette)\nAmbiance: Naturel, ayurvédique, chaleureux, bio\/organique, zen\/sérénité. Packaging kraft avec tons chauds, entouré de feuilles fraîches et herbes séchées. Univers holistique et authentique.\nPréfixe CSS: tl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Infusion Tulsi Bio : découvrez les bienfaits du basilic sacré en tasse\"\n 2. \"Pourquoi choisir une infusion de tulsi au quotidien ?\"\n 3. \"Composition : trois variétés de tulsi bio réunies\"\n 4. \"Comment préparer votre infusion tulsi ?\"\n 5. \"À qui s'adresse cette tisane de tulsi ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tl-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"tl-hero\"\u003e\n \u003cdiv class=\"tl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tl-hero-content\"\u003e\n \u003cdiv class=\"tl-badges-top\"\u003e\n \u003cspan class=\"tl-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e🍃 3 variétés de tulsi\u003c\/span\u003e\n \u003cspan class=\"tl-badge\"\u003e☕ 100 g de feuilles\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tl-hero-title\"\u003eInfusion Tulsi Basilic sacré Bio\u003c\/span\u003e\n \u003cp class=\"tl-subtitle\"\u003eLe trésor de l'ayurvéda dans votre tasse\u003c\/p\u003e\n \u003cp class=\"tl-description\"\u003eTrois variétés précieuses de basilic sacré réunies en une infusion apaisante, aromatique et profondément bienfaisante — un rituel millénaire certifié bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eInfusion Tulsi Bio : découvrez les bienfaits du basilic sacré en tasse\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eL'\u003cstrong\u003einfusion Tulsi Basilic sacré Bio\u003c\/strong\u003e d'Ayur-Vana réunit dans un seul sachet de 100 g trois variétés précieuses de tulsi, pour une expérience unique issue de 5 000 ans de sagesse ayurvédique.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🟣 Krishna Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e — Variété pourpre aux notes épicées et puissantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌱 Vana Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum gratissimum\u003c\/em\u003e — Variété sauvage aux arômes frais et citronnés\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍃 Rama Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum tenuiflorum\u003c\/em\u003e — Variété douce et subtile, idéale en infusion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eCertifié AB, sans arôme ajouté, sans conservateur, sans colorant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003ePourquoi choisir une infusion de tulsi au quotidien ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLe basilic sacré tulsi est bien plus qu'une simple plante aromatique. Vénéré depuis plus de 5 000 ans, ce puissant \u003cstrong\u003eadaptogène\u003c\/strong\u003e aide votre organisme à mieux faire face au stress physique, émotionnel et environnemental.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧘 Anti-stress naturel\u003c\/h3\u003e\n \u003cp\u003eLe tulsi favorise la détente et contribue à apaiser les tensions nerveuses, idéal après une journée chargée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eGrâce à sa richesse en antioxydants, il aide à renforcer vos défenses naturelles, notamment lors des changements de saison.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🫖 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eUne tasse après le repas facilite la digestion et réduit les ballonnements pour un confort optimal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🌬️ Soutien respiratoire\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisé pour dégager les voies respiratoires, le tulsi offre une sensation de confort appréciable en hiver.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e✨ Effet purifiant\u003c\/h3\u003e\n \u003cp\u003eIl accompagne l'organisme dans ses processus naturels de détoxification pour un bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComposition : trois variétés de tulsi bio réunies\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eCe qui rend cette infusion véritablement singulière, c'est l'association de \u003cstrong\u003etrois espèces complémentaires\u003c\/strong\u003e de basilic sacré, chacune apportant ses propriétés et ses arômes uniques.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid\"\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🟣 Krishna Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété pourpre aux notes épicées et poivrées, réputée la plus puissante des trois. Son caractère affirmé apporte profondeur et intensité au mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🌿 Vana Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum gratissimum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété sauvage aux arômes frais et légèrement citronnés. Elle apporte une fraîcheur végétale délicate et une vivacité caractéristique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card tl-card-featured\"\u003e\n \u003ch3\u003e🍃 Rama Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e\u003cem\u003eOcimum tenuiflorum\u003c\/em\u003e\u003c\/strong\u003e\u003cbr\u003eVariété douce et subtile, la plus couramment utilisée en infusion. Sa douceur équilibre parfaitement le mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e✅\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % feuilles de tulsi biologiques\u003c\/strong\u003e — sans arôme ajouté, sans conservateur, sans colorant. Certifié AB et fabriqué en France.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion tulsi ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eLa préparation est simple et ne vous prendra que quelques minutes pour libérer pleinement les arômes et les principes actifs du basilic sacré.\u003c\/p\u003e\n \u003cdiv class=\"tl-timeline\"\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eDosez les feuilles\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003e1 à 2 cuillères à café\u003c\/strong\u003e de feuilles de tulsi dans une tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eVersez l'eau frémissante\u003c\/h3\u003e\n \u003cp\u003eVersez de l'\u003cstrong\u003eeau frémissante\u003c\/strong\u003e (environ 90 °C) par-dessus les feuilles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eLaissez infuser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e5 à 8 minutes\u003c\/strong\u003e pour libérer pleinement les arômes et les principes actifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-item\"\u003e\n \u003cdiv class=\"tl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tl-timeline-content\"\u003e\n \u003ch3\u003eDégustez\u003c\/h3\u003e\n \u003cp\u003eFiltrez, puis savourez \u003cstrong\u003enature\u003c\/strong\u003e ou avec une pointe de miel. Délicieux chaud comme froid !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-tip\"\u003e\n \u003cspan class=\"tl-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSavourez \u003cstrong\u003e2 à 3 tasses par jour\u003c\/strong\u003e, chaudes ou froides selon vos envies. L'infusion froide est délicieuse en été, légèrement mentholée et rafraîchissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tl-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette tisane de tulsi ?\u003c\/h2\u003e\n \u003cp class=\"tl-section-intro\"\u003eCe tulsi thé s'adresse à toute personne en quête d'un \u003cstrong\u003erituel bien-être naturel\u003c\/strong\u003e : gestion du stress, soutien immunitaire ou simple plaisir d'une boisson savoureuse sans théine.\u003c\/p\u003e\n \u003cdiv class=\"tl-grid-compact\"\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e😌 Stressés du quotidien\u003c\/h3\u003e\n \u003cp\u003ePour retrouver calme et sérénité après une journée intense\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🛡️ Immunité fragile\u003c\/h3\u003e\n \u003cp\u003eRenforcez vos défenses naturelles aux changements de saison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🍵 Amateurs de tisanes\u003c\/h3\u003e\n \u003cp\u003eUn goût subtilement épicé, avec des notes vertes et citronnées\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-card\"\u003e\n \u003ch3\u003e🧘‍♀️ Adeptes de l'ayurvéda\u003c\/h3\u003e\n \u003cp\u003eUn rituel authentique ancré dans des millénaires de sagesse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tl-accordion\"\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion ne remplace pas un traitement médical ni l'avis d'un professionnel de santé. Déconseillée aux femmes enceintes ou allaitantes sans avis médical préalable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tl-accordion-item\"\u003e\n \u003csummary class=\"tl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tl-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière, pour préserver tous les arômes et principes actifs du tulsi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tl-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez-vous chaque jour un moment de sérénité avec cette \u003cstrong\u003einfusion Tulsi Basilic sacré Bio\u003c\/strong\u003e Ayur-Vana : un geste simple, authentique et ancré dans des millénaires de sagesse ayurvédique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tl-cream: #FAF6F0;\n --tl-white: #ffffff;\n --tl-primary: #8B6914;\n --tl-primary-dark: #5C4510;\n --tl-primary-light: #F5EED9;\n --tl-secondary: #5A7D3A;\n --tl-accent: #C4703F;\n --tl-text: #1a1a1a;\n --tl-text-light: #5a5a5a;\n --tl-border: #e0d8c8;\n --tl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tl-radius: 20px;\n --tl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tl-hero {\n position: relative;\n background: linear-gradient(135deg, #5C4510 0%, #8B6914 35%, #5A7D3A 70%, #3D5A25 100%);\n border-radius: var(--tl-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(--tl-shadow-lg);\n}\n\n.tl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,112,63,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.tl-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 text-transform: uppercase;\n}\n\n.tl-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.tl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tl-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(--tl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tl-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.tl-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(--tl-primary), var(--tl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tl-card {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tl-shadow-lg);\n border-color: var(--tl-primary);\n}\n\n.tl-card-featured {\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card-featured:hover {\n border-color: var(--tl-secondary);\n border-left: 4px solid var(--tl-secondary);\n}\n\n.tl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.tl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tl-grid-compact .tl-card {\n padding: 1rem;\n}\n\n.tl-grid-compact .tl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tl-grid-compact .tl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tl-primary), var(--tl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tl-timeline-content {\n flex: 1;\n background: var(--tl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tl-radius-sm);\n box-shadow: var(--tl-shadow);\n}\n\n.tl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tl-timeline-content p {\n font-size: 14px;\n color: var(--tl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tl-primary-light);\n border-radius: var(--tl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tl-tip p {\n font-size: 14px;\n color: var(--tl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.tl-accordion {\n background: var(--tl-white);\n border-radius: var(--tl-radius);\n box-shadow: var(--tl-shadow);\n overflow: hidden;\n margin-top: 1.25rem;\n}\n\n.tl-accordion-item {\n border-bottom: 1px solid var(--tl-border);\n margin: 0;\n padding: 0;\n}\n\n.tl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tl-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.tl-accordion-header:hover {\n background: var(--tl-primary-light);\n}\n\n.tl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tl-primary);\n transition: transform .2s ease;\n}\n\n.tl-accordion-item[open] .tl-accordion-header::after {\n content: '−';\n}\n\n.tl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.tl-cta-box {\n background: linear-gradient(135deg, var(--tl-secondary) 0%, #3D5A25 50%, var(--tl-primary-dark) 100%);\n border-radius: var(--tl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tl-disclaimer {\n font-size: 12px;\n color: var(--tl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tl-card {\n padding: 1.125rem;\n }\n\n .tl-section {\n margin-bottom: 1.75rem;\n }\n\n .tl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tl-radius-sm);\n }\n\n .tl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tl-grid-compact {\n gap: .625rem;\n }\n\n .tl-grid-compact .tl-card {\n padding: .75rem;\n }\n\n .tl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tl-timeline-content h3 {\n font-size: 14px;\n }\n\n .tl-timeline-content p {\n font-size: 13px;\n }\n\n .tl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tl-card-featured {\n border-left: 3px solid var(--tl-secondary);\n }\n\n .tl-card-featured:hover {\n border-left: 3px solid var(--tl-secondary);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tl-card {\n animation: tlFadeInUp .5s ease backwards;\n }\n .tl-card:nth-child(1) { animation-delay: .05s; }\n .tl-card:nth-child(2) { animation-delay: .1s; }\n .tl-card:nth-child(3) { animation-delay: .15s; }\n .tl-card:nth-child(4) { animation-delay: .2s; }\n .tl-card:nth-child(5) { animation-delay: .25s; }\n .tl-card:nth-child(6) { animation-delay: .3s; }\n\n .tl-timeline-item {\n animation: tlFadeInUp .5s ease backwards;\n }\n .tl-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tl-timeline-item:nth-child(2) { animation-delay: .12s; }\n .tl-timeline-item:nth-child(3) { animation-delay: .19s; }\n .tl-timeline-item:nth-child(4) { animation-delay: .26s; }\n}\n\n@keyframes tlFadeInUp {\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 .tl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755104592029,"sku":"AY0004","price":4.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion_tulsi-basilic-sacre_ayurvana.jpg?v=1766916292"},{"product_id":"infusion-epices-the-noir-bio-boite-de-25-infusettes-ayurvana","title":"Infusion Tchaï Epices \u0026 Thé Noir Bio - Boîte 25 Infusettes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Tchaï Épices \u0026 Thé Noir Bio - Ayur-Vana\nPalette détectée:\n - Primaire: #D4771A (orange cuivré\/épicé du packaging)\n - Secondaire: #C4366B (rose\/magenta des bordures du packaging)\n - Accent: #F5A623 (doré\/jaune du dégradé supérieur)\nAmbiance: Ayurvédique, chaleureux, épicé, naturel\/bio, tradition indienne, bien-être\nPréfixe CSS: tc\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Tchaï Bio Ayur-Vana : l'infusion ayurvédique aux épices et thé noir\"\n 2. \"Pourquoi choisir cette infusion chai bio ?\"\n 3. \"Composition détaillée\"\n 4. \"Bienfaits de l'infusion chai aux épices\"\n 5. \"Conseils de préparation\"\n 6. \"Qualité et engagements Ayur-Vana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tc-hero\"\u003e\n \u003cdiv class=\"tc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tc-hero-content\"\u003e\n \u003cdiv class=\"tc-badges-top\"\u003e\n \u003cspan class=\"tc-badge\"\u003e🌿 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"tc-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tc-badge\"\u003e☕ 25 infusettes\u003c\/span\u003e\n \u003cspan class=\"tc-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tc-hero-title\"\u003eTchaï Épices \u0026amp; Thé Noir Bio\u003c\/span\u003e\n \u003cp class=\"tc-subtitle\"\u003eAyur-Vana — Infusion ayurvédique\u003c\/p\u003e\n \u003cp class=\"tc-description\"\u003eUn voyage sensoriel au cœur de la tradition indienne : cannelle, gingembre, cardamome et clou de girofle enlacent un thé noir corsé pour une boisson réconfortante et bienfaisante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tc-section\"\u003e\n \u003ch2\u003eTchaï Bio Ayur-Vana : l'infusion ayurvédique aux épices et thé noir\u003c\/h2\u003e\n \u003cp class=\"tc-section-intro\"\u003eDécouvrez le \u003cstrong\u003eTchaï Épices \u0026amp; Thé Noir Bio d'Ayur-Vana\u003c\/strong\u003e, une \u003cstrong\u003einfusion chai\u003c\/strong\u003e authentique inspirée des recettes traditionnelles indiennes.\u003c\/p\u003e\n \u003cdiv class=\"tc-highlight-box\"\u003e\n \u003cp\u003eCe mélange savamment dosé associe la robustesse du \u003cstrong\u003ethé noir chai\u003c\/strong\u003e à un bouquet d'épices réchauffantes — cannelle, gingembre, cardamome et clou de girofle — pour vous offrir une boisson à la fois savoureuse et réconfortante. Fabriquée en France et certifiée Agriculture Biologique, cette boîte de 25 infusettes vous invite à un véritable voyage sensoriel, tasse après tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tc-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette infusion chai bio ?\u003c\/h2\u003e\n \u003cp class=\"tc-section-intro\"\u003eContrairement à un simple thé aromatisé, ce tchaï s'inscrit dans la \u003cstrong\u003etradition ayurvédique\u003c\/strong\u003e, où chaque épice est choisie pour ses qualités gustatives et ses vertus reconnues.\u003c\/p\u003e\n \u003cdiv class=\"tc-grid-compact\"\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🧘 Tradition ayurvédique\u003c\/h3\u003e\n \u003cp\u003eChaque épice sélectionnée selon les principes millénaires de l'Ayurveda\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🌱 100 % naturel\u003c\/h3\u003e\n \u003cp\u003eSans arômes artificiels ni conservateurs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e✅ Qualité Ayur-Vana\u003c\/h3\u003e\n \u003cp\u003ePlantes et épices rigoureusement sélectionnées par le spécialiste français\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e☕ Équilibre parfait\u003c\/h3\u003e\n \u003cp\u003eNotes chaleureuses et enveloppantes à chaque gorgée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tc-section\"\u003e\n \u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n \u003cp class=\"tc-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique :\u003c\/p\u003e\n \u003cdiv class=\"tc-grid\"\u003e\n \u003cdiv class=\"tc-card tc-card-ingredient\"\u003e\n \u003ch3\u003e🍵 Thé noir bio\u003c\/h3\u003e\n \u003cp\u003eBase corsée et légèrement tannique, source naturelle de théine pour un regain d'énergie douce.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card tc-card-ingredient\"\u003e\n \u003ch3\u003e🫚 Cannelle bio\u003c\/h3\u003e\n \u003cp\u003eNotes chaudes, boisées et subtilement sucrées, typiques du chai indien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card tc-card-ingredient\"\u003e\n \u003ch3\u003e🌶️ Gingembre bio\u003c\/h3\u003e\n \u003cp\u003eSaveur piquante et vivifiante, traditionnellement utilisé pour soutenir la digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card tc-card-ingredient\"\u003e\n \u003ch3\u003e✨ Cardamome bio\u003c\/h3\u003e\n \u003cp\u003eArômes frais, légèrement citronnés — la « reine des épices » en Ayurveda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card tc-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Clou de girofle bio\u003c\/h3\u003e\n \u003cp\u003eTouche intense et poivrée qui renforce la profondeur aromatique du mélange.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tc-section\"\u003e\n \u003ch2\u003eBienfaits de l'infusion chai aux épices\u003c\/h2\u003e\n \u003cp class=\"tc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de l'infusion chai\u003c\/strong\u003e sont multiples et appréciés depuis des siècles en médecine traditionnelle indienne :\u003c\/p\u003e\n \u003cdiv class=\"tc-grid\"\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🫖 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eLe gingembre et la cardamome contribuent à faciliter la digestion, notamment après un repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e⚡ Énergie naturelle\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ethé noir chai\u003c\/strong\u003e fournit une stimulation modérée grâce à sa teneur en théine, idéale pour commencer la journée ou surmonter un coup de fatigue.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🔥 Sensation de chaleur\u003c\/h3\u003e\n \u003cp\u003eLa cannelle et le clou de girofle sont des épices dites « réchauffantes », parfaites pour les journées fraîches ou les moments cocooning.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🧡 Moment de bien-être\u003c\/h3\u003e\n \u003cp\u003eLe rituel de préparation et les arômes envoûtants favorisent une véritable pause détente au quotidien.\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\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tc-section\"\u003e\n \u003ch2\u003eConseils de préparation\u003c\/h2\u003e\n \u003cp class=\"tc-section-intro\"\u003ePour profiter pleinement de votre tchaï bio, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"tc-timeline\"\u003e\n \u003cdiv class=\"tc-timeline-item\"\u003e\n \u003cdiv class=\"tc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003eFaites chauffer de l'eau à environ \u003cstrong\u003e90 °C\u003c\/strong\u003e (juste avant ébullition).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-item\"\u003e\n \u003cdiv class=\"tc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-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=\"tc-timeline-item\"\u003e\n \u003cdiv class=\"tc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-content\"\u003e\n \u003ch3\u003eInfusez 4 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003eVersez l'eau chaude et laissez infuser \u003cstrong\u003e4 à 5 minutes\u003c\/strong\u003e. Pour un goût plus prononcé, prolongez d'une à deux minutes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-item\"\u003e\n \u003cdiv class=\"tc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tc-timeline-content\"\u003e\n \u003ch3\u003ePersonnalisez et savourez\u003c\/h3\u003e\n \u003cp\u003eAjoutez un nuage de lait végétal ou une touche de miel pour une version encore plus gourmande, façon « chai latte ».\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-tip\"\u003e\n \u003cspan class=\"tc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e pour un chai latte glacé en été, laissez refroidir votre infusion puis ajoutez des glaçons et du lait d'amande. Un délice rafraîchissant !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eQualité et engagements Ayur-Vana\u003c\/h2\u003e\n \u003cdiv class=\"tc-grid-compact\"\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🌿 Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique, sans pesticides ni engrais chimiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConditionné avec soin pour garantir fraîcheur et traçabilité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e📦 25 infusettes\u003c\/h3\u003e\n \u003cp\u003eFormat pratique pour une utilisation quotidienne, au bureau comme à la maison\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-card\"\u003e\n \u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans arômes artificiels, sans conservateurs — convient aux végétaliens et sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tc-cta-box\"\u003e\n \u003cp\u003eOffrez-vous une parenthèse épicée et bienfaisante avec le \u003cstrong\u003eTchaï Épices \u0026amp; Thé Noir Bio Ayur-Vana\u003c\/strong\u003e : l'alliance parfaite entre la richesse de la tradition ayurvédique et le plaisir d'une infusion chai authentique, directement dans votre tasse. ☕✨\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tc-cream: #FFF9F2;\n --tc-white: #ffffff;\n --tc-primary: #D4771A;\n --tc-primary-dark: #8B4513;\n --tc-primary-light: #FFF0E0;\n --tc-secondary: #C4366B;\n --tc-accent: #F5A623;\n --tc-text: #1a1a1a;\n --tc-text-light: #5a5a5a;\n --tc-border: #F0E0D0;\n --tc-shadow: 0 4px 24px rgba(139,69,19,.08);\n --tc-shadow-lg: 0 12px 48px rgba(139,69,19,.15);\n --tc-radius: 20px;\n --tc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\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, #8B4513 0%, #D4771A 40%, #C4366B 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: radial-gradient(circle at 20% 50%, rgba(245,166,35,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(196,54,107,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.tc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tc-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.tc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.tc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\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\/* === 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-primary), var(--tc-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.tc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tc-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.tc-highlight-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 border-left: 4px solid var(--tc-accent);\n}\n\n.tc-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--tc-text);\n line-height: 1.8;\n margin: 0;\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-primary);\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\/* === INGREDIENT CARDS === *\/\n.tc-card-ingredient {\n border-top: 3px solid var(--tc-accent);\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\/* === GRILLE COMPACTE === *\/\n.tc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\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\/* === TIMELINE === *\/\n.tc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tc-primary), var(--tc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tc-timeline-content {\n flex: 1;\n background: var(--tc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tc-radius-sm);\n box-shadow: var(--tc-shadow);\n}\n\n.tc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tc-timeline-content p {\n font-size: 14px;\n color: var(--tc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.tc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tc-primary-light);\n border-radius: var(--tc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tc-tip p {\n font-size: 14px;\n color: var(--tc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tc-cta-box {\n background: linear-gradient(135deg, var(--tc-primary) 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 margin-top: 1.5rem;\n}\n\n.tc-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tc-disclaimer {\n font-size: 12px;\n color: var(--tc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\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-grid-compact {\n gap: .625rem;\n }\n\n .tc-grid-compact .tc-card {\n padding: .75rem;\n }\n\n .tc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tc-timeline-content h3 {\n font-size: 14px;\n }\n\n .tc-timeline-content p {\n font-size: 13px;\n }\n\n .tc-highlight-box {\n padding: 1.25rem;\n }\n\n .tc-tip {\n padding: .875rem 1rem;\n }\n\n .tc-tip-icon {\n font-size: 20px;\n }\n\n .tc-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tc-card {\n animation: tcFadeInUp .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-timeline-item {\n animation: tcFadeInUp .5s ease backwards;\n }\n .tc-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tc-timeline-item:nth-child(2) { animation-delay: .1s; }\n .tc-timeline-item:nth-child(3) { animation-delay: .15s; }\n .tc-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes tcFadeInUp {\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":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755107279005,"sku":"AY9106","price":5.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-tchai-epices-the-noir-bio-boite-25-infusettes-ayurv-packshothd.webp?v=1790413214"},{"product_id":"infusion-tulsi-gingembre-bio-boite-de-25-infusettes-ayurvana","title":"Infusion Tulsi \u0026 Gingembre Bio - 25 infusettes - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Tulsi \u0026 Gingembre Bio - Ayur-Vana\nPalette détectée:\n - Primaire: #E85D2C (orange chaud dominant du packaging)\n - Secondaire: #C41D6E (rose\/magenta des bordures du packaging)\n - Accent: #F5A623 (jaune doré du logo\/soleil Ayur-Vana)\nAmbiance: Ayurvédique, chaleureux, bien-être, naturel\/bio, féminin-neutre, spirituel indien\nPréfixe CSS: tg\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Infusion ayurvédique Tulsi \u0026 Gingembre Bio : un rituel bien-être au quotidien\"\n 2. \"Pourquoi associer tulsi et gingembre ?\"\n 3. \"Composition certifiée bio\"\n 4. \"Comment préparer votre infusion tulsi gingembre ?\"\n 5. \"À qui s'adresse cette infusion ?\"\n 6. \"La qualité Ayur-Vana\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tg-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tg-hero\"\u003e\n \u003cdiv class=\"tg-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tg-hero-content\"\u003e\n \u003cdiv class=\"tg-badges-top\"\u003e\n \u003cspan class=\"tg-badge\"\u003e🌿 Certifiée Bio AB\u003c\/span\u003e\n \u003cspan class=\"tg-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"tg-badge\"\u003e☕ 25 infusettes\u003c\/span\u003e\n \u003cspan class=\"tg-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tg-hero-title\"\u003eInfusion Tulsi \u0026amp; Gingembre Bio\u003c\/span\u003e\n \u003cp class=\"tg-subtitle\"\u003eAyur-Vana — Sélection Qualité \u0026amp; Efficacité\u003c\/p\u003e\n \u003cp class=\"tg-description\"\u003eL'alliance millénaire du basilic sacré et du gingembre dans une infusion bio enveloppante, sans théine, pour un rituel bien-être authentique au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tg-section\"\u003e\n \u003ch2\u003eInfusion ayurvédique Tulsi \u0026amp; Gingembre Bio : un rituel bien-être au quotidien\u003c\/h2\u003e\n \u003cp class=\"tg-section-intro\"\u003eOffrez-vous une pause réconfortante avec cette infusion ayurvédique aux plantes signée Ayur-Vana.\u003c\/p\u003e\n \u003cdiv class=\"tg-grid\"\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🙏 Basilic sacré (Tulsi)\u003c\/h3\u003e\n \u003cp\u003ePlante vénérée dans la tradition indienne, le tulsi est un pilier de l'Ayurveda. Son profil adaptogène aide à apaiser le corps et l'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🔥 Gingembre épicé\u003c\/h3\u003e\n \u003cp\u003eRhizome aux notes chaudes et piquantes, le gingembre réchauffe agréablement et apporte une dimension sensorielle unique à chaque tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e✨ Synergie enveloppante\u003c\/h3\u003e\n \u003cp\u003eLe résultat : une boisson réconfortante, légèrement piquante, qui invite à la détente tout en soutenant votre vitalité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-tip\"\u003e\n \u003cspan class=\"tg-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eQue vous connaissiez déjà les bienfaits d'une infusion ayurvédique aux épices ou que vous souhaitiez découvrir cette approche appliquée aux tisanes, cette infusion constitue une excellente porte d'entrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tg-section\"\u003e\n \u003ch2\u003ePourquoi associer tulsi et gingembre ?\u003c\/h2\u003e\n \u003cp class=\"tg-section-intro\"\u003eEn Ayurveda, chaque plante possède des qualités spécifiques. Leur combinaison n'est jamais le fruit du hasard.\u003c\/p\u003e\n \u003cdiv class=\"tg-grid tg-grid-two\"\u003e\n \u003cdiv class=\"tg-card tg-card-highlight-tulsi\"\u003e\n \u003ch3\u003e🌱 Le tulsi (Ocimum sanctum)\u003c\/h3\u003e\n \u003cp\u003eConsidéré comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, le tulsi aide l'organisme à mieux faire face au stress quotidien et contribue au bon fonctionnement des voies respiratoires. En Inde, on le surnomme \u003cem\u003e« la reine des herbes »\u003c\/em\u003e pour sa place centrale dans la médecine traditionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card tg-card-highlight-ginger\"\u003e\n \u003ch3\u003e🫚 Le gingembre (Zingiber officinale)\u003c\/h3\u003e\n \u003cp\u003eReconnu pour son \u003cstrong\u003eaction favorable sur la digestion\u003c\/strong\u003e, le gingembre réchauffe agréablement le corps et apporte une touche épicée très appréciée en infusion, surtout pendant les mois froids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-synergy-box\"\u003e\n \u003cp\u003e🤝 \u003cstrong\u003eEnsemble, ces deux ingrédients forment une synergie équilibrée :\u003c\/strong\u003e le tulsi apaise tandis que le gingembre dynamise. C'est précisément ce qui fait la richesse de cette infusion ayurvédique et la distingue des mélanges classiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tg-section\"\u003e\n \u003ch2\u003eComposition certifiée bio\u003c\/h2\u003e\n \u003cp class=\"tg-section-intro\"\u003eSeulement deux ingrédients issus de l'agriculture biologique, sans arômes ajoutés ni additifs. La pureté au service de l'authenticité.\u003c\/p\u003e\n \u003cdiv class=\"tg-grid-compact\"\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🌿 Tulsi bio\u003c\/h3\u003e\n \u003cp\u003eFeuilles de basilic sacré\u003cbr\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🫚 Gingembre bio\u003c\/h3\u003e\n \u003cp\u003eRhizome séché\u003cbr\u003e\u003cem\u003eZingiber officinale\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-grid tg-grid-three-compact\"\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🏷️ Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique contrôlée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionnée en France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e📦 25 sachets\u003c\/h3\u003e\n \u003cp\u003eSachets individuels prêts à l'emploi\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-tip\"\u003e\n \u003cspan class=\"tg-tip-icon\"\u003e🍃\u003c\/span\u003e\n \u003cp\u003eLa formulation reste volontairement simple pour préserver toute l'authenticité des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tg-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion tulsi gingembre ?\u003c\/h2\u003e\n \u003cp class=\"tg-section-intro\"\u003eLa préparation est très simple et ne prend que quelques minutes.\u003c\/p\u003e\n \u003cdiv class=\"tg-timeline\"\u003e\n \u003cdiv class=\"tg-timeline-item\"\u003e\n \u003cdiv class=\"tg-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-content\"\u003e\n \u003ch3\u003eFaites chauffer l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez environ \u003cstrong\u003e200 ml d'eau\u003c\/strong\u003e à ébullition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-item\"\u003e\n \u003cdiv class=\"tg-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-content\"\u003e\n \u003ch3\u003ePlacez le sachet\u003c\/h3\u003e\n \u003cp\u003eDéposez \u003cstrong\u003eun sachet\u003c\/strong\u003e dans votre tasse et versez l'eau frémissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-item\"\u003e\n \u003cdiv class=\"tg-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-content\"\u003e\n \u003ch3\u003eLaissez infuser\u003c\/h3\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e5 à 7 minutes\u003c\/strong\u003e pour une extraction optimale des principes actifs et des arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-item\"\u003e\n \u003cdiv class=\"tg-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tg-timeline-content\"\u003e\n \u003ch3\u003eDégustez\u003c\/h3\u003e\n \u003cp\u003eRetirez le sachet et savourez nature, ou ajoutez une pointe de \u003cstrong\u003emiel\u003c\/strong\u003e ou un filet de \u003cstrong\u003ecitron\u003c\/strong\u003e selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-tip\"\u003e\n \u003cspan class=\"tg-tip-icon\"\u003e☀️\u003c\/span\u003e\n \u003cp\u003eSavourez-la \u003cstrong\u003eà tout moment de la journée\u003c\/strong\u003e : le matin pour bien démarrer, après le repas pour accompagner la digestion, ou le soir pour un moment de calme. Elle se déguste également froide en été pour une version rafraîchissante !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tg-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette infusion ?\u003c\/h2\u003e\n \u003cp class=\"tg-section-intro\"\u003eCette infusion convient à toute personne en quête d'une boisson naturelle et sans théine.\u003c\/p\u003e\n \u003cdiv class=\"tg-grid\"\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🥤 Alternative saine\u003c\/h3\u003e\n \u003cp\u003eVous recherchez une alternative naturelle aux boissons industrielles, sans arômes artificiels ni additifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🕉️ Esprit Ayurveda\u003c\/h3\u003e\n \u003cp\u003eVous souhaitez intégrer les principes de l'Ayurveda dans votre quotidien de manière simple et accessible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e🌶️ Saveurs épicées\u003c\/h3\u003e\n \u003cp\u003eVous aimez les saveurs herbacées relevées d'une note épicée chaleureuse et enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-card\"\u003e\n \u003ch3\u003e💆 Confort digestif \u0026amp; anti-stress\u003c\/h3\u003e\n \u003cp\u003eVous voulez soutenir votre confort digestif et votre résistance au stress de façon naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tg-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eLa qualité Ayur-Vana\u003c\/h2\u003e\n \u003cdiv class=\"tg-testimonial\"\u003e\n \u003cp class=\"tg-testimonial-text\"\u003e\u003cstrong\u003eAyur-Vana\u003c\/strong\u003e est un laboratoire français spécialisé dans les produits inspirés de l'Ayurveda. Chaque référence est sélectionnée avec soin pour sa qualité et son efficacité. Les plantes utilisées sont récoltées à maturité optimale, puis conditionnées en France dans le respect de normes strictes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tg-cta-box\"\u003e\n \u003cp\u003e🕉️ Offrez-vous un moment de sérénité et de vitalité avec chaque tasse.\u003cbr\u003eTulsi \u0026amp; Gingembre Bio — la tradition ayurvédique au service de votre bien-être quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tg-disclaimer\"\u003eCe produit est un complément à une alimentation variée et équilibrée. Il ne se substitue pas à un avis ou un traitement médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tg-cream: #FFF8F3;\n --tg-white: #ffffff;\n --tg-primary: #E85D2C;\n --tg-primary-dark: #B8431A;\n --tg-primary-light: #FFF0E8;\n --tg-secondary: #C41D6E;\n --tg-secondary-light: #FDE8F0;\n --tg-accent: #F5A623;\n --tg-accent-light: #FFF7E6;\n --tg-text: #1a1a1a;\n --tg-text-light: #5a5a5a;\n --tg-border: #F0E0D6;\n --tg-shadow: 0 4px 24px rgba(232, 93, 44, .08);\n --tg-shadow-lg: 0 12px 48px rgba(232, 93, 44, .15);\n --tg-radius: 20px;\n --tg-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tg-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tg-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.tg-premium *, .tg-premium *::before, .tg-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.tg-hero {\n position: relative;\n background: linear-gradient(135deg, #E85D2C 0%, #D44A20 30%, #C41D6E 70%, #A01558 100%);\n border-radius: var(--tg-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(--tg-shadow-lg);\n}\n\n.tg-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 25%, rgba(245,166,35,.2) 0%, transparent 50%),\n radial-gradient(circle at 85% 75%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tg-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === BADGES === *\/\n.tg-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tg-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(--tg-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.tg-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === TITRE HERO === *\/\n.tg-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .2);\n line-height: 1.1;\n}\n\n.tg-subtitle {\n color: rgba(255, 255, 255, .85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.tg-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.tg-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tg-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tg-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.tg-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(--tg-primary), var(--tg-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tg-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tg-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tg-card {\n background: var(--tg-white);\n border-radius: var(--tg-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tg-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tg-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tg-shadow-lg);\n border-color: var(--tg-primary);\n}\n\n.tg-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tg-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tg-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CARD HIGHLIGHTS (tulsi \u0026 gingembre section) === *\/\n.tg-card-highlight-tulsi {\n border-left: 4px solid #4CAF50;\n text-align: left;\n}\n\n.tg-card-highlight-ginger {\n border-left: 4px solid var(--tg-accent);\n text-align: left;\n}\n\n.tg-card-highlight-tulsi p,\n.tg-card-highlight-ginger p {\n font-size: clamp(13px, 2vw, 15px);\n line-height: 1.7;\n}\n\n\/* === SYNERGY BOX === *\/\n.tg-synergy-box {\n background: linear-gradient(135deg, var(--tg-primary-light) 0%, var(--tg-accent-light) 100%);\n border-radius: var(--tg-radius-sm);\n padding: clamp(1rem, 3vw, 1.5rem);\n margin-top: 1.25rem;\n text-align: center;\n border: 1px solid var(--tg-border);\n}\n\n.tg-synergy-box p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--tg-text);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === GRILLES === *\/\n.tg-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.tg-grid-two {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n\n.tg-grid-three-compact {\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n margin-top: 1.25rem;\n}\n\n.tg-grid-three-compact .tg-card {\n padding: 1.125rem;\n}\n\n.tg-grid-three-compact .tg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tg-grid-three-compact .tg-card p {\n font-size: 12px;\n}\n\n\/* === GRILLE COMPACTE (2 colonnes sur mobile) === *\/\n.tg-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tg-grid-compact .tg-card {\n padding: 1rem;\n}\n\n.tg-grid-compact .tg-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tg-grid-compact .tg-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tg-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tg-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tg-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tg-primary), var(--tg-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(232, 93, 44, .25);\n}\n\n.tg-timeline-content {\n flex: 1;\n background: var(--tg-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tg-radius-sm);\n box-shadow: var(--tg-shadow);\n}\n\n.tg-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tg-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tg-timeline-content p {\n font-size: 14px;\n color: var(--tg-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.tg-testimonial {\n background: var(--tg-white);\n border-radius: var(--tg-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tg-shadow);\n border-left: 4px solid var(--tg-primary);\n margin-bottom: 1.5rem;\n}\n\n.tg-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tg-text);\n line-height: 1.8;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tg-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tg-primary-light);\n border-radius: var(--tg-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tg-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tg-tip p {\n font-size: 14px;\n color: var(--tg-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tg-cta-box {\n background: linear-gradient(135deg, var(--tg-primary) 0%, var(--tg-secondary) 100%);\n border-radius: var(--tg-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tg-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(245, 166, 35, .15) 0%, transparent 60%);\n}\n\n.tg-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tg-disclaimer {\n font-size: 12px;\n color: var(--tg-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tg-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tg-grid-three-compact {\n grid-template-columns: repeat(3, 1fr);\n gap: .625rem;\n }\n\n .tg-grid-three-compact .tg-card {\n padding: .75rem;\n }\n\n .tg-grid-three-compact .tg-card h3 {\n font-size: 12px;\n }\n\n .tg-grid-three-compact .tg-card p {\n font-size: 11px;\n }\n\n .tg-card {\n padding: 1.125rem;\n }\n\n .tg-section {\n margin-bottom: 1.75rem;\n }\n\n .tg-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tg-radius-sm);\n }\n\n .tg-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tg-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tg-grid-compact {\n gap: .625rem;\n }\n\n .tg-grid-compact .tg-card {\n padding: .75rem;\n }\n\n .tg-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tg-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tg-timeline-content h3 {\n font-size: 14px;\n }\n\n .tg-timeline-content p {\n font-size: 13px;\n }\n\n .tg-testimonial {\n padding: 1.25rem;\n }\n\n .tg-testimonial-text {\n font-size: 14px;\n }\n\n .tg-card-highlight-tulsi,\n .tg-card-highlight-ginger {\n text-align: left;\n }\n\n .tg-synergy-box {\n padding: .875rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tg-card {\n animation: tgFadeInUp .5s ease backwards;\n }\n .tg-card:nth-child(1) { animation-delay: .05s; }\n .tg-card:nth-child(2) { animation-delay: .1s; }\n .tg-card:nth-child(3) { animation-delay: .15s; }\n .tg-card:nth-child(4) { animation-delay: .2s; }\n .tg-card:nth-child(5) { animation-delay: .25s; }\n .tg-card:nth-child(6) { animation-delay: .3s; }\n\n .tg-timeline-item {\n animation: tgFadeInUp .5s ease backwards;\n }\n .tg-timeline-item:nth-child(1) { animation-delay: .05s; }\n .tg-timeline-item:nth-child(2) { animation-delay: .1s; }\n .tg-timeline-item:nth-child(3) { animation-delay: .15s; }\n .tg-timeline-item:nth-child(4) { animation-delay: .2s; }\n}\n\n@keyframes tgFadeInUp {\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 .tg-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755109245085,"sku":"AY9105","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-tulsi-gingembre-bio-25-infusettes-ayur-vana-packshothd.webp?v=1788448006"},{"product_id":"infusion-tulsi-the-vert-bio-boite-de-25-infusettes-ayurvana","title":"Infusion Tulsi \u0026 Thé Vert Bio - 25 infusettes - AyurVana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Infusion Tulsi \u0026 Thé Vert Bio - 25 infusettes - AyurVana\nPalette détectée:\n - Primaire: #2D7A3A (vert profond du packaging)\n - Secondaire: #E8922D (orange chaleureux du dégradé central)\n - Accent: #D4488A (rose\/fuchsia des bordures du packaging)\nAmbiance: Ayurvédique, naturel\/bio, chaleureux, bien-être holistique, tradition indienne\nPréfixe CSS: tv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Infusion Tulsi \u0026 Thé Vert Bio AyurVana : l'alliance ayurvédique pour votre vitalité\"\n 2. \"Pourquoi choisir cette infusion au tulsi et thé vert ?\"\n 3. \"Composition de l'infusion\"\n 4. \"Comment préparer votre infusion tulsi thé vert ?\"\n 5. \"À qui s'adresse cette infusion bio ?\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"tv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"tv-hero\"\u003e\n \u003cdiv class=\"tv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tv-hero-content\"\u003e\n \u003cdiv class=\"tv-badges-top\"\u003e\n \u003cspan class=\"tv-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"tv-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"tv-badge\"\u003e🧘 Tradition ayurvédique\u003c\/span\u003e\n \u003cspan class=\"tv-badge\"\u003e📦 25 infusettes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tv-hero-title\"\u003eInfusion Tulsi \u0026amp; Thé Vert Bio\u003c\/span\u003e\n \u003cp class=\"tv-subtitle\"\u003eAyurVana — Sélection Qualité \u0026amp; Efficacité\u003c\/p\u003e\n \u003cp class=\"tv-description\"\u003eL'alliance ancestrale du basilic sacré indien et du thé vert biologique, pour un rituel quotidien de vitalité et d'équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003eInfusion Tulsi \u0026amp; Thé Vert Bio AyurVana : l'alliance ayurvédique pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"tv-section-intro\"\u003eOffrez-vous un moment de bien-être authentique avec l'infusion Tulsi et Thé Vert Bio d'AyurVana.\u003c\/p\u003e\n \u003cdiv class=\"tv-grid-compact\"\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🪷 Tulsi, le basilic sacré\u003c\/h3\u003e\n \u003cp\u003ePilier de la tradition ayurvédique indienne, reconnu pour ses vertus adaptogènes millénaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🍵 Thé vert biologique\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants naturels, il soutient le métabolisme et protège les cellules.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🌱 Certifié AB Ecocert\u003c\/h3\u003e\n \u003cp\u003e100 % des ingrédients issus de l'agriculture biologique, sans arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabriqué en France\u003c\/h3\u003e\n \u003cp\u003eConditionné avec exigence en France pour garantir qualité et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette infusion au tulsi et thé vert ?\u003c\/h2\u003e\n \u003cdiv class=\"tv-grid\"\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🧘 Tulsi : la reine des herbes\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003etulsi (Ocimum sanctum)\u003c\/strong\u003e, surnommé « la reine des herbes » en Inde, est traditionnellement utilisé en Ayurveda pour ses propriétés adaptogènes. Il contribue à la \u003cstrong\u003edétoxification de l'organisme\u003c\/strong\u003e et aide à maintenir un bon équilibre face au stress quotidien. Vénéré depuis des millénaires pour son action globale sur le corps et l'esprit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🍃 Thé vert : allié minceur \u0026amp; antioxydant\u003c\/h3\u003e\n \u003cp\u003eLe \u003cstrong\u003ethé vert (Camellia sinensis)\u003c\/strong\u003e est reconnu pour \u003cstrong\u003efavoriser l'oxydation des graisses\u003c\/strong\u003e et soutenir le métabolisme, un allié précieux pour accompagner un \u003cstrong\u003eprogramme minceur\u003c\/strong\u003e. Ses catéchines, de puissants antioxydants naturels, aident à protéger les cellules contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e✨ Un duo aux saveurs uniques\u003c\/h3\u003e\n \u003cp\u003eEnsemble, le tulsi et le thé vert forment un duo aux \u003cstrong\u003enotes légèrement épicées et herbacées\u003c\/strong\u003e, à la fois rafraîchissant et réconfortant. Une expérience gustative qui allie plaisir et bienfaits au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003eComposition de l'infusion\u003c\/h2\u003e\n \u003cp class=\"tv-section-intro\"\u003eChaque infusette de 2 g contient une association 100 % biologique, sans arômes artificiels, sans colorants, sans conservateurs.\u003c\/p\u003e\n \u003cdiv class=\"tv-grid-compact\"\u003e\n \u003cdiv class=\"tv-card tv-card-ingredient\"\u003e\n \u003ch3\u003e🪷 Tulsi\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eOcimum sanctum\u003c\/strong\u003e biologique — feuilles. Basilic sacré d'Inde, au cœur de l'Ayurveda.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card tv-card-ingredient\"\u003e\n \u003ch3\u003e🍵 Thé vert\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eCamellia sinensis\u003c\/strong\u003e biologique — feuilles. Source naturelle de catéchines et de théine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-tip\"\u003e\n \u003cspan class=\"tv-tip-icon\"\u003e🌿\u003c\/span\u003e\n \u003cp\u003e\u003cem\u003e100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/em\u003e Formule pure et transparente : seulement deux plantes, rien d'autre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion tulsi thé vert ?\u003c\/h2\u003e\n \u003cp class=\"tv-section-intro\"\u003ePour profiter pleinement des arômes et des bienfaits de cette infusion, suivez ces étapes simples :\u003c\/p\u003e\n \u003cdiv class=\"tv-timeline\"\u003e\n \u003cdiv class=\"tv-timeline-item\"\u003e\n \u003cdiv class=\"tv-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-content\"\u003e\n \u003ch3\u003eChauffez l'eau à 80-85 °C\u003c\/h3\u003e\n \u003cp\u003eNe pas utiliser d'eau bouillante pour préserver les précieuses catéchines du thé vert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-item\"\u003e\n \u003cdiv class=\"tv-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-content\"\u003e\n \u003ch3\u003ePlacez une infusette\u003c\/h3\u003e\n \u003cp\u003eDéposez un sachet dans votre tasse de 20 cl d'eau chaude.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-item\"\u003e\n \u003cdiv class=\"tv-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-content\"\u003e\n \u003ch3\u003eLaissez infuser 3 à 5 minutes\u003c\/h3\u003e\n \u003cp\u003eAjustez le temps d'infusion selon l'intensité souhaitée : plus doux ou plus corsé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-item\"\u003e\n \u003cdiv class=\"tv-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tv-timeline-content\"\u003e\n \u003ch3\u003eDégustez chaude ou glacée\u003c\/h3\u003e\n \u003cp\u003eSavourez immédiatement ou laissez refroidir pour une délicieuse version glacée en été.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-tip\"\u003e\n \u003cspan class=\"tv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eConsommez \u003cstrong\u003e2 à 3 tasses par jour\u003c\/strong\u003e, de préférence le matin ou en début d'après-midi. Le thé vert contient naturellement de la théine : évitez la consommation en soirée si vous êtes sensible à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003eÀ qui s'adresse cette infusion bio ?\u003c\/h2\u003e\n \u003cp class=\"tv-section-intro\"\u003eCette infusion convient particulièrement aux personnes qui souhaitent :\u003c\/p\u003e\n \u003cdiv class=\"tv-grid-compact\"\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🪷 Bienfaits du tulsi\u003c\/h3\u003e\n \u003cp\u003eIntégrer les vertus adaptogènes du basilic sacré dans votre routine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e⚖️ Programme minceur\u003c\/h3\u003e\n \u003cp\u003eAccompagner naturellement un régime grâce aux propriétés métaboliques du thé vert.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🛡️ Détox \u0026amp; antioxydant\u003c\/h3\u003e\n \u003cp\u003eProfiter d'une boisson détox et antioxydante certifiée bio au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tv-card\"\u003e\n \u003ch3\u003e🧘 Saveurs de l'Ayurveda\u003c\/h3\u003e\n \u003cp\u003eDécouvrir les saveurs authentiques et ancestrales de la tradition ayurvédique indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #6 --\u003e\n \u003csection class=\"tv-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"tv-accordion\"\u003e\n \u003cdetails class=\"tv-accordion-item\"\u003e\n \u003csummary class=\"tv-accordion-header\"\u003e📦 Contenu et conditionnement\u003c\/summary\u003e\n \u003cdiv class=\"tv-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003e25 infusettes\u003c\/strong\u003e de 2 g chacune — poids net total : 50 g. Sachets individuels pour conserver toute la fraîcheur des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tv-accordion-item\"\u003e\n \u003csummary class=\"tv-accordion-header\"\u003e✅ Certification biologique\u003c\/summary\u003e\n \u003cdiv class=\"tv-accordion-content mt-3\"\u003e\n \u003cp\u003eCertifié \u003cstrong\u003eAgriculture Biologique (AB)\u003c\/strong\u003e par Ecocert. 100 % des ingrédients sont issus de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tv-accordion-item\"\u003e\n \u003csummary class=\"tv-accordion-header\"\u003e🇫🇷 Fabrication française\u003c\/summary\u003e\n \u003cdiv class=\"tv-accordion-content mt-3\"\u003e\n \u003cp\u003eFabriqué et conditionné en France par AyurVana, spécialiste de l'Ayurveda en France, pour garantir qualité et traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tv-accordion-item\"\u003e\n \u003csummary class=\"tv-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tv-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec et frais, à l'abri de la lumière et de l'humidité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tv-accordion-item\"\u003e\n \u003csummary class=\"tv-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"tv-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants en raison de la présence de théine. En cas de traitement médical, demandez conseil à votre médecin. Ce produit ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"tv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"tv-cta-box\"\u003e\n \u003cp\u003eAvec l'\u003cstrong\u003einfusion Tulsi \u0026amp; Thé Vert Bio AyurVana\u003c\/strong\u003e, vous choisissez une boisson savoureuse, ancrée dans la sagesse ayurvédique et conçue avec exigence. 🪷 Une invitation quotidienne à prendre soin de vous, tasse après tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"tv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --tv-cream: #faf7f2;\n --tv-white: #ffffff;\n --tv-primary: #2D7A3A;\n --tv-primary-dark: #1B5425;\n --tv-primary-light: #e8f5ea;\n --tv-secondary: #E8922D;\n --tv-accent: #D4488A;\n --tv-text: #1a1a1a;\n --tv-text-light: #5a5a5a;\n --tv-border: #e0e0e0;\n --tv-shadow: 0 4px 24px rgba(0,0,0,.08);\n --tv-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --tv-radius: 20px;\n --tv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.tv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.tv-hero {\n position: relative;\n background: linear-gradient(135deg, var(--tv-primary-dark) 0%, var(--tv-primary) 40%, var(--tv-secondary) 100%);\n border-radius: var(--tv-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(--tv-shadow-lg);\n}\n\n.tv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,72,138,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(232,146,45,.08) 0%, transparent 60%);\n opacity: 1;\n}\n\n.tv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.tv-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.tv-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.tv-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.tv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.tv-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(--tv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.tv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.tv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.tv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.tv-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(--tv-primary), var(--tv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.tv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.tv-card {\n background: var(--tv-white);\n border-radius: var(--tv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.tv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tv-shadow-lg);\n border-color: var(--tv-primary);\n}\n\n.tv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.tv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.tv-card-ingredient {\n border-left: 4px solid var(--tv-secondary);\n}\n\n\/* === GRILLES === *\/\n.tv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.tv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.tv-grid-compact .tv-card {\n padding: 1rem;\n}\n\n.tv-grid-compact .tv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.tv-grid-compact .tv-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.tv-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.tv-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.tv-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tv-primary), var(--tv-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.tv-timeline-content {\n flex: 1;\n background: var(--tv-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tv-radius-sm);\n box-shadow: var(--tv-shadow);\n}\n\n.tv-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.tv-timeline-content p {\n font-size: 14px;\n color: var(--tv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.tv-testimonial {\n background: var(--tv-white);\n border-radius: var(--tv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tv-shadow);\n border-left: 4px solid var(--tv-primary);\n}\n\n.tv-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tv-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.tv-accordion {\n background: var(--tv-white);\n border-radius: var(--tv-radius);\n box-shadow: var(--tv-shadow);\n overflow: hidden;\n}\n\n.tv-accordion-item {\n border-bottom: 1px solid var(--tv-border);\n margin: 0;\n padding: 0;\n}\n\n.tv-accordion-item:last-child {\n border-bottom: none;\n}\n\n.tv-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tv-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.tv-accordion-header:hover {\n background: var(--tv-primary-light);\n}\n\n.tv-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.tv-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tv-primary);\n transition: transform .2s ease;\n}\n\n.tv-accordion-item[open] .tv-accordion-header::after {\n content: '−';\n}\n\n.tv-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tv-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.tv-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.tv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tv-primary-light);\n border-radius: var(--tv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.tv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.tv-tip p {\n font-size: 14px;\n color: var(--tv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.tv-cta-box {\n background: linear-gradient(135deg, var(--tv-primary) 0%, var(--tv-primary-dark) 50%, var(--tv-secondary) 100%);\n border-radius: var(--tv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.tv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.tv-disclaimer {\n font-size: 12px;\n color: var(--tv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .tv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .tv-card {\n padding: 1.125rem;\n }\n\n .tv-section {\n margin-bottom: 1.75rem;\n }\n\n .tv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tv-radius-sm);\n }\n\n .tv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .tv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .tv-grid-compact {\n gap: .625rem;\n }\n\n .tv-grid-compact .tv-card {\n padding: .75rem;\n }\n\n .tv-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .tv-timeline-content {\n padding: .875rem 1rem;\n }\n\n .tv-timeline-content h3 {\n font-size: 14px;\n }\n\n .tv-timeline-content p {\n font-size: 13px;\n }\n\n .tv-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .tv-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .tv-testimonial {\n padding: 1.25rem;\n }\n\n .tv-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .tv-card {\n animation: tvFadeInUp .5s ease backwards;\n }\n .tv-card:nth-child(1) { animation-delay: .05s; }\n .tv-card:nth-child(2) { animation-delay: .1s; }\n .tv-card:nth-child(3) { animation-delay: .15s; }\n .tv-card:nth-child(4) { animation-delay: .2s; }\n .tv-card:nth-child(5) { animation-delay: .25s; }\n .tv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes tvFadeInUp {\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 .tv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755110260893,"sku":"AY9091","price":5.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tulsi-the-vert-ayur-vana-min.jpg?v=1734367108"},{"product_id":"infusion-tulsi-bio-boite-de-25-infusettes-ayurvana","title":"Infusion Tulsi Bio - Boîte de 25 Infusettes - AyurVana","description":"\u003cdiv class=\"tulsi-premium\"\u003e\n \u003cdiv class=\"tulsi-hero\"\u003e\n \u003cdiv class=\"tulsi-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"tulsi-hero-content\"\u003e\n \u003cdiv class=\"tulsi-badges-top\"\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🌿 Certifié Bio\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"tulsi-badge\"\u003e🍵 25 infusettes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"tulsi-hero-title\"\u003eLa reine des plantes au cœur de votre rituel\u003c\/span\u003e\n \u003cp class=\"tulsi-subtitle\"\u003eMélange authentique des 3 Tulsi selon la tradition ayurvédique\u003c\/p\u003e\n \u003cp class=\"tulsi-description\"\u003eUn voyage sensoriel unique entre notes épicées, boisées et légèrement citronnées, hérité de 5 000 ans de sagesse indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003eInfusion Tulsi Bio AyurVana : le basilic sacré au cœur de votre rituel bien-être\u003c\/h2\u003e\n \u003cp class=\"tulsi-section-intro\"\u003eDécouvrez l'\u003cstrong\u003eInfusion Tulsi Bio AyurVana\u003c\/strong\u003e, une tisane authentique élaborée selon la tradition ayurvédique, réunissant les \u003cstrong\u003etrois variétés sacrées de Tulsi\u003c\/strong\u003e : Rama, Krishna et Vana.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-testimonial\"\u003e\n \u003cp class=\"tulsi-testimonial-text\"\u003e\"Surnommé « la reine des plantes » en Inde, le basilic sacré est consommé depuis plus de 5 000 ans pour accompagner l'équilibre du corps et de l'esprit. Cette boîte de 25 infusettes vous invite à un voyage sensoriel unique, entre notes épicées, boisées et légèrement citronnées.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003eLes bienfaits de la tisane Tulsi\u003c\/h2\u003e\n \u003cp class=\"tulsi-section-intro\"\u003eLe Tulsi est reconnu en Ayurveda comme une plante \u003cstrong\u003eadaptogène\u003c\/strong\u003e majeure, riche en antioxydants naturels (eugénol, acide rosmarinique, flavonoïdes).\u003c\/p\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🧘 Détente mentale\u003c\/h3\u003e\n \u003cp\u003eFavorise l'apaisement et accompagne la gestion du stress quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌬️ Confort respiratoire\u003c\/h3\u003e\n \u003cp\u003eSoutient les voies respiratoires, notamment en période hivernale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eContribue à renforcer les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e✨ Vitalité \u0026amp; clarté\u003c\/h3\u003e\n \u003cp\u003eApporte une sensation de vitalité et de clarté d'esprit au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🍽️ Confort digestif\u003c\/h3\u003e\n \u003cp\u003eFacilite la digestion après un repas copieux ou épicé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌱 Adaptogène majeur\u003c\/h3\u003e\n \u003cp\u003eAide l'organisme à mieux s'adapter aux tensions du quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"tulsi-disclaimer\"\u003eCes bienfaits s'inscrivent dans une démarche globale de bien-être. Cette infusion ne remplace en aucun cas un traitement médical : en cas de doute ou de pathologie, demandez conseil à votre professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003eComposition 100 % naturelle et bio\u003c\/h2\u003e\n \u003cp class=\"tulsi-section-intro\"\u003eChaque infusette de 1,5 g contient un mélange équilibré des trois Tulsi issus de l'agriculture biologique.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-grid\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌿 Tulsi Rama\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum sanctum\u003c\/em\u003e bio\u003cbr\u003eFeuilles aux notes douces et rafraîchissantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🍃 Tulsi Krishna\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum tenuiflorum\u003c\/em\u003e bio\u003cbr\u003eFeuilles pourpres au parfum épicé et intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌱 Tulsi Vana\u003c\/h3\u003e\n \u003cp\u003e\u003cem\u003eOcimum gratissimum\u003c\/em\u003e bio\u003cbr\u003eFeuilles sauvages aux arômes boisés uniques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e✅ Sans additifs\u003c\/h3\u003e\n \u003cp\u003eSans arôme artificiel, sans colorant, sans conservateur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🏷️ Certifié AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture Biologique (FR-BIO-01). 25 sachets, environ 37,5 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion Tulsi ?\u003c\/h2\u003e\n \u003cp class=\"tulsi-section-intro\"\u003ePréparer une tasse de \u003cstrong\u003etulsi bio infusion\u003c\/strong\u003e est un vrai moment de sérénité.\u003c\/p\u003e\n \u003cdiv class=\"tulsi-timeline\"\u003e\n \u003cdiv class=\"tulsi-timeline-item\"\u003e\n \u003cdiv class=\"tulsi-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-content\"\u003e\n \u003ch3\u003e💧 Chauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez de l'eau à frémissement (environ 90 °C).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-item\"\u003e\n \u003cdiv class=\"tulsi-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-content\"\u003e\n \u003ch3\u003e🍵 Placez l'infusette\u003c\/h3\u003e\n \u003cp\u003eDéposez une infusette dans votre tasse préférée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-item\"\u003e\n \u003cdiv class=\"tulsi-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Laissez infuser\u003c\/h3\u003e\n \u003cp\u003e5 à 8 minutes selon l'intensité désirée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-item\"\u003e\n \u003cdiv class=\"tulsi-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"tulsi-timeline-content\"\u003e\n \u003ch3\u003e😌 Dégustez\u003c\/h3\u003e\n \u003cp\u003eNature, ou agrémentée d'un peu de miel et de citron.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-tip\"\u003e\n \u003cspan class=\"tulsi-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eDégustez 2 à 3 tasses par jour : le matin pour bien démarrer, l'après-midi lors d'une pause, ou le soir pour favoriser la détente avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tulsi-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-accordion\"\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e⚠️ Public déconseillé\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillé aux femmes enceintes ou allaitantes et aux enfants de moins de 12 ans. Tenir hors de portée des jeunes enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"tulsi-accordion-item\"\u003e\n \u003csummary class=\"tulsi-accordion-header\"\u003e🥗 Mode de vie\u003c\/summary\u003e\n \u003cdiv class=\"tulsi-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"tulsi-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir AyurVana ?\u003c\/h2\u003e\n \u003cdiv class=\"tulsi-grid-compact\"\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🇫🇷 Marque française\u003c\/h3\u003e\n \u003cp\u003eSpécialisée en Ayurveda, reconnue pour la rigueur de sa sélection.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🌏 Origine Inde\u003c\/h3\u003e\n \u003cp\u003eFeuilles cultivées en agriculture biologique selon la tradition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🔬 Analyses France\u003c\/h3\u003e\n \u003cp\u003eAnalysées et conditionnées en France pour la traçabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-card\"\u003e\n \u003ch3\u003e🕉️ Rituel ancestral\u003c\/h3\u003e\n \u003cp\u003eUn rituel simple et savoureux au service de votre équilibre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"tulsi-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n \u003cp\u003eAdoptez le rituel ancestral du Tulsi Bio et offrez à votre quotidien un moment d'équilibre, de sérénité et de sagesse indienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --tulsi-cream: #f5f8f0;\n --tulsi-white: #ffffff;\n --tulsi-primary: #7cb342;\n --tulsi-primary-dark: #4a7c1e;\n --tulsi-primary-light: #e8f2d9;\n --tulsi-secondary: #e85a9c;\n --tulsi-accent: #f07d2c;\n --tulsi-text: #1a2a1a;\n --tulsi-text-light: #5a6a5a;\n --tulsi-border: #e0e0e0;\n --tulsi-shadow: 0 4px 24px rgba(74, 124, 30, 0.08);\n --tulsi-shadow-lg: 0 12px 48px rgba(74, 124, 30, 0.18);\n --tulsi-radius: 20px;\n --tulsi-radius-sm: 12px;\n }\n\n .tulsi-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--tulsi-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--tulsi-text);\n }\n\n .tulsi-hero {\n position: relative;\n background: linear-gradient(135deg, #7cb342 0%, #4a7c1e 50%, #f07d2c 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--tulsi-shadow-lg);\n }\n\n .tulsi-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n opacity: .3;\n }\n\n .tulsi-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .tulsi-hero-title {\n display: block;\n color: white;\n font-size: clamp(22px, 7vw, 42px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.15;\n }\n\n .tulsi-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n }\n\n .tulsi-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(13px, 2.5vw, 16px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.6;\n }\n\n .tulsi-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .tulsi-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--tulsi-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .tulsi-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .tulsi-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .tulsi-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--tulsi-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n }\n\n .tulsi-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--tulsi-primary), var(--tulsi-secondary));\n border-radius: 2px;\n }\n\n .tulsi-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tulsi-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n\n .tulsi-card {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--tulsi-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .tulsi-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--tulsi-shadow-lg);\n border-color: var(--tulsi-primary);\n }\n\n .tulsi-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--tulsi-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .tulsi-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--tulsi-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .tulsi-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .tulsi-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .tulsi-grid-compact .tulsi-card {\n padding: 1rem;\n }\n\n .tulsi-grid-compact .tulsi-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n\n .tulsi-grid-compact .tulsi-card p {\n font-size: 12px;\n }\n\n .tulsi-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .tulsi-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .tulsi-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--tulsi-primary), var(--tulsi-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(124, 179, 66, 0.3);\n }\n\n .tulsi-timeline-content {\n flex: 1;\n background: var(--tulsi-white);\n padding: 1rem 1.25rem;\n border-radius: var(--tulsi-radius-sm);\n box-shadow: var(--tulsi-shadow);\n }\n\n .tulsi-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--tulsi-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .tulsi-timeline-content p {\n font-size: 14px;\n color: var(--tulsi-text-light);\n margin: 0;\n line-height: 1.5;\n }\n\n .tulsi-testimonial {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--tulsi-shadow);\n border-left: 4px solid var(--tulsi-primary);\n }\n\n .tulsi-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--tulsi-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n }\n\n .tulsi-accordion {\n background: var(--tulsi-white);\n border-radius: var(--tulsi-radius);\n box-shadow: var(--tulsi-shadow);\n overflow: hidden;\n }\n\n .tulsi-accordion-item {\n border-bottom: 1px solid var(--tulsi-border);\n margin: 0;\n padding: 0;\n }\n\n .tulsi-accordion-item:last-child {\n border-bottom: none;\n }\n\n .tulsi-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--tulsi-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .tulsi-accordion-header:hover {\n background: var(--tulsi-primary-light);\n }\n\n .tulsi-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .tulsi-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--tulsi-primary);\n transition: transform .2s ease;\n }\n\n .tulsi-accordion-item[open] .tulsi-accordion-header::after {\n content: '−';\n }\n\n .tulsi-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--tulsi-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .tulsi-accordion-content p {\n margin: 0;\n }\n\n .tulsi-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--tulsi-primary-light);\n border-radius: var(--tulsi-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n }\n\n .tulsi-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .tulsi-tip p {\n font-size: 14px;\n color: var(--tulsi-text);\n margin: 0;\n line-height: 1.6;\n }\n\n .tulsi-cta-box {\n background: linear-gradient(135deg, var(--tulsi-primary) 0%, var(--tulsi-primary-dark) 100%);\n border-radius: var(--tulsi-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--tulsi-shadow-lg);\n }\n\n .tulsi-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n }\n\n .tulsi-disclaimer {\n font-size: 12px;\n color: var(--tulsi-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 767px) {\n .tulsi-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .tulsi-card {\n padding: 1.125rem;\n }\n .tulsi-section {\n margin-bottom: 1.75rem;\n }\n .tulsi-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--tulsi-radius-sm);\n }\n .tulsi-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .tulsi-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .tulsi-grid-compact {\n gap: .625rem;\n }\n .tulsi-grid-compact .tulsi-card {\n padding: .75rem;\n }\n .tulsi-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .tulsi-timeline-content {\n padding: .875rem 1rem;\n }\n .tulsi-timeline-content h3 {\n font-size: 14px;\n }\n .tulsi-timeline-content p {\n font-size: 13px;\n }\n .tulsi-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .tulsi-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n .tulsi-testimonial {\n padding: 1.25rem;\n }\n .tulsi-testimonial-text {\n font-size: 14px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .tulsi-card {\n animation: fadeInUp .5s ease backwards;\n }\n .tulsi-card:nth-child(1) { animation-delay: .05s; }\n .tulsi-card:nth-child(2) { animation-delay: .1s; }\n .tulsi-card:nth-child(3) { animation-delay: .15s; }\n .tulsi-card:nth-child(4) { animation-delay: .2s; }\n .tulsi-card:nth-child(5) { animation-delay: .25s; }\n .tulsi-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .tulsi-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":45755110654109,"sku":"AY9090","price":5.94,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-tulsi-bio-boite-de-25-infusettes-ayurvana-packshothd.webp?v=1790412479"},{"product_id":"klamath-crue-poudre-bio-50-g-sol-semilla","title":"Klamath Crue Poudre Bio - 50 G - Sol Semilla","description":"\u003cdiv class=\"kl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"kl-hero\"\u003e\n\u003cdiv class=\"kl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"kl-hero-content\"\u003e\n\u003cdiv class=\"kl-badges-top\"\u003e\n\u003cspan class=\"kl-badge\"\u003e🌿 100 % Bio certifié\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🇺🇸 Origine Oregon\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🧬 115 nutriments\u003c\/span\u003e \u003cspan class=\"kl-badge\"\u003e🌱 Vegan \u0026amp; RAW\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"kl-hero-title\"\u003eKlamath Crue Poudre Bio\u003c\/span\u003e\n\u003cp class=\"kl-subtitle\"\u003eSol Semilla · 50 g · ~83 portions\u003c\/p\u003e\n\u003cp class=\"kl-description\"\u003eLa microalgue sauvage la plus complète au monde, récoltée dans les eaux pures du lac Klamath supérieur. Plus de 60 % de protéines, phycocyanine, vitamine B12 et oméga-3 dans un seul superaliment cru.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003cp class=\"kl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre vitalité au quotidien ? La \u003cstrong\u003eKlamath crue bio en poudre de Sol Semilla\u003c\/strong\u003e est l'une des sources naturelles les plus concentrées en nutriments que la nature puisse offrir.\u003c\/p\u003e\n\u003cp class=\"kl-section-intro\"\u003eIssue de la microalgue sauvage \u003cstrong\u003eAphanizomenon flos-aquae\u003c\/strong\u003e, récoltée dans les eaux préservées du lac Klamath supérieur en Oregon, cette poudre crue renferme plus de \u003cstrong\u003e115 nutriments biodisponibles\u003c\/strong\u003e dans un seul aliment.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eLes bienfaits de l'algue Klamath : pourquoi tant d'engouement ?\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eL'\u003cstrong\u003ealgue de Klamath\u003c\/strong\u003e fascine les nutritionnistes et les amateurs de superaliments depuis des décennies. Peu d'aliments naturels réunissent autant de richesses dans une si petite quantité.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e💪 +60 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eContient les 20 acides aminés dont les 8 essentiels pour une assimilation optimale par l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔴 Vitamine B12 naturelle\u003c\/h3\u003e\n\u003cp\u003eUne source précieuse de B12 biodisponible, particulièrement recherchée dans les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e⚡ Vitamine B6 \u0026amp; iode\u003c\/h3\u003e\n\u003cp\u003eContribuent à un métabolisme énergétique normal et au bon fonctionnement du système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🩸 Fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eUn apport en fer naturel idéal pour réduire la fatigue et soutenir les fonctions cognitives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔵 Phycocyanine antioxydante\u003c\/h3\u003e\n\u003cp\u003eCe pigment bleu unique offre des propriétés antioxydantes remarquables pour protéger vos cellules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🐟 Oméga-3 \u0026amp; oligoéléments\u003c\/h3\u003e\n\u003cp\u003eDes acides gras essentiels et des minéraux pour un bien-être physique et mental au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e💬\u003c\/span\u003e\n\u003cp\u003eDe nombreux utilisateurs partagent leur \u003cstrong\u003etémoignage sur l'algue Klamath\u003c\/strong\u003e, évoquant un regain d'énergie, une meilleure concentration et un soutien global de leur immunité. La densité nutritionnelle exceptionnelle de cette algue explique l'enthousiasme qu'elle suscite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"kl-section-intro\"\u003eUn seul ingrédient, rien de superflu.\u003c\/p\u003e\n\u003cdiv class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌿 100 % Klamath bio\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eAphanizomenon flos-aquae\u003c\/em\u003e en poudre crue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eAucun conservateur, aucun excipient ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e❄️ Qualité RAW\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e✅ Double certification\u003c\/h3\u003e\n\u003cp\u003eCertifiée bio par Ecocert et OTCO (Oregon)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003eLe sachet de 50 g offre environ \u003cstrong\u003e83 portions\u003c\/strong\u003e, ce qui en fait un investissement durable pour votre santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eComment prendre la Klamath en poudre ?\u003c\/h2\u003e\n\u003cdiv class=\"kl-timeline\"\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eDosez avec précision\u003c\/h3\u003e\n\u003cp\u003eMélangez \u003cstrong\u003e0,5 à 2 grammes par jour\u003c\/strong\u003e (soit ¼ à 1 cuillère à café) dans la boisson de votre choix : eau, jus de fruits, smoothie ou lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eDébutez par une petite dose la première semaine pour laisser votre organisme s'habituer, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-item\"\u003e\n\u003cdiv class=\"kl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"kl-timeline-content\"\u003e\n\u003ch3\u003ePrivilégiez le matin\u003c\/h3\u003e\n\u003cp\u003ePrenez-la de préférence le matin pour profiter de son effet revitalisant tout au long de la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-tip\"\u003e\n\u003cspan class=\"kl-tip-icon\"\u003e🥗\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi la saupoudrer sur une salade ou un bol de céréales pour varier les plaisirs !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"kl-section\"\u003e\n\u003ch2\u003eOrigine et qualité Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"kl-testimonial\"\u003e\n\u003cp class=\"kl-testimonial-text\"\u003e\"La Klamath bio Sol Semilla provient exclusivement du lac Klamath supérieur, un écosystème volcanique unique situé à 1 400 mètres d'altitude. L'algue y pousse de façon sauvage, nourrie par des sédiments minéraux d'une richesse exceptionnelle. Après récolte, elle est séchée délicatement pour conserver toutes ses propriétés nutritives à l'état brut.\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"kl-grid-compact\"\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🏔️ Lac volcanique\u003c\/h3\u003e\n\u003cp\u003e1 400 m d'altitude en Oregon, écosystème préservé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🌾 Récolte sauvage\u003c\/h3\u003e\n\u003cp\u003eAlgue non cultivée, nourrie par les sédiments naturels\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôle en France\u003c\/h3\u003e\n\u003cp\u003eChaque lot élaboré et contrôlé par l'équipe Sol Semilla\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"kl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eStandards de qualité rigoureux, transparence totale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"kl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"kl-accordion\"\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. Consultez un professionnel de santé avant utilisation en cas de grossesse, d'allaitement ou de traitement médicamenteux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"kl-accordion-item\"\u003e\n\u003csummary class=\"kl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"kl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez au sec, à l'abri de la lumière et de la chaleur. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"kl-disclaimer\"\u003eLes informations présentées ne constituent pas un avis médical. Les compléments alimentaires ne remplacent pas une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --kl-cream: #f5f0ea;\n --kl-white: #ffffff;\n --kl-primary: #2ea8a0;\n --kl-primary-dark: #1a6e68;\n --kl-primary-light: #e8f5f3;\n --kl-secondary: #c44b3f;\n --kl-accent: #d4854a;\n --kl-text: #1a1a1a;\n --kl-text-light: #5a5a5a;\n --kl-border: #e0dcd6;\n --kl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --kl-radius: 20px;\n --kl-radius-sm: 12px;\n}\n\n.kl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kl-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6e68 0%, #2ea8a0 45%, #3dbfb5 100%);\n border-radius: var(--kl-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(--kl-shadow-lg);\n}\n\n.kl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(196,75,63,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kl-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.kl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.kl-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.kl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kl-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(--kl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.kl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kl-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.kl-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(--kl-primary), var(--kl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.kl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.kl-card {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kl-shadow-lg);\n border-color: var(--kl-primary);\n}\n\n.kl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.kl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.kl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kl-grid-compact .kl-card {\n padding: 1rem;\n}\n\n.kl-grid-compact .kl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kl-grid-compact .kl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.kl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kl-primary), var(--kl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kl-timeline-content {\n flex: 1;\n background: var(--kl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kl-radius-sm);\n box-shadow: var(--kl-shadow);\n}\n\n.kl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kl-timeline-content p {\n font-size: 14px;\n color: var(--kl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.kl-testimonial {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kl-shadow);\n border-left: 4px solid var(--kl-primary);\n}\n\n.kl-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kl-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.kl-accordion {\n background: var(--kl-white);\n border-radius: var(--kl-radius);\n box-shadow: var(--kl-shadow);\n overflow: hidden;\n}\n\n.kl-accordion-item {\n border-bottom: 1px solid var(--kl-border);\n margin: 0;\n padding: 0;\n}\n\n.kl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kl-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.kl-accordion-header:hover {\n background: var(--kl-primary-light);\n}\n\n.kl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kl-primary);\n transition: transform .2s ease;\n}\n\n.kl-accordion-item[open] .kl-accordion-header::after {\n content: '−';\n}\n\n.kl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.kl-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.kl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kl-primary-light);\n border-radius: var(--kl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kl-tip p {\n font-size: 14px;\n color: var(--kl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.kl-disclaimer {\n font-size: 12px;\n color: var(--kl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .kl-card {\n padding: 1.125rem;\n }\n\n .kl-section {\n margin-bottom: 1.75rem;\n }\n\n .kl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kl-radius-sm);\n }\n\n .kl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .kl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .kl-grid-compact {\n gap: .625rem;\n }\n\n .kl-grid-compact .kl-card {\n padding: .75rem;\n }\n\n .kl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .kl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .kl-timeline-content h3 {\n font-size: 14px;\n }\n\n .kl-timeline-content p {\n font-size: 13px;\n }\n\n .kl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .kl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .kl-testimonial {\n padding: 1.25rem;\n }\n\n .kl-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kl-card {\n animation: klFadeInUp .5s ease backwards;\n }\n .kl-card:nth-child(1) { animation-delay: .05s; }\n .kl-card:nth-child(2) { animation-delay: .1s; }\n .kl-card:nth-child(3) { animation-delay: .15s; }\n .kl-card:nth-child(4) { animation-delay: .2s; }\n .kl-card:nth-child(5) { animation-delay: .25s; }\n .kl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes klFadeInUp {\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 .kl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755117404317,"sku":"R031","price":27.9,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-crue-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772708190"},{"product_id":"nopal-poudre-bio-50-g-sol-semilla","title":"Nopal en Poudre Bio - 50 g - Sol Semilla","description":"\u003cdiv class=\"np-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"np-hero\"\u003e\n\u003cdiv class=\"np-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"np-hero-content\"\u003e\n\u003cdiv class=\"np-badges-top\"\u003e\n\u003cspan class=\"np-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🌵 Superaliment raw\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🇹🇳 Origine Tunisie\u003c\/span\u003e \u003cspan class=\"np-badge\"\u003e🥬 100 % vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"np-hero-title\"\u003eNopal en poudre bio\u003c\/span\u003e\n\u003cp class=\"np-subtitle\"\u003eLe superaliment ancestral du figuier de Barbarie\u003c\/p\u003e\n\u003cp class=\"np-description\"\u003eRiche en calcium, source de fibres et de magnésium - 50 g de poudre crue, pure et sans additifs, par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003cp class=\"np-section-intro\"\u003eConnaissez-vous le nopal, ce cactus emblématique aussi appelé figuier de Barbarie ? Utilisé depuis des siècles dans la tradition culinaire et médicinale mexicaine, il arrive aujourd'hui dans votre cuisine sous forme de poudre de nopal bio.\u003c\/p\u003e\n\u003cdiv class=\"np-highlight-box\"\u003e\n\u003cp\u003eSol Semilla a sélectionné des \u003cstrong\u003ecladodes (raquettes) de qualité supérieure\u003c\/strong\u003e, d'origine tunisienne, séchées à basse température pour préserver l'ensemble de leurs précieux nutriments. Le résultat : une \u003cstrong\u003epoudre de cladode de nopal\u003c\/strong\u003e fine, naturelle et certifiée agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de nopal\u003c\/h2\u003e\n\u003cp class=\"np-section-intro\"\u003eUn profil nutritionnel remarquable pour accompagner votre bien-être au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"np-grid\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🦴 Riche en calcium\u003c\/h3\u003e\n\u003cp\u003eIndispensable à la solidité osseuse et au bon fonctionnement musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🌾 Source de fibres\u003c\/h3\u003e\n\u003cp\u003eLes fibres solubles du nopal, notamment la pectine, favorisent la satiété et contribuent à un transit intestinal confortable. C'est pourquoi la poudre de nopal est recherchée dans le cadre d'une démarche globale de gestion du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e⚡ Source de magnésium\u003c\/h3\u003e\n\u003cp\u003eUn minéral essentiel pour réduire la fatigue et soutenir le système nerveux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🧲 Capteur de graisses\u003c\/h3\u003e\n\u003cp\u003eLa pectine contenue dans les cladodes forme un gel visqueux dans l'estomac qui piège une partie des graisses alimentaires et favorise leur élimination naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🛡️ Richesse en antioxydants\u003c\/h3\u003e\n\u003cp\u003eLes bétalaïnes et la vitamine C présentes dans le nopal aident à protéger vos cellules contre le stress oxydatif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-tip\"\u003e\n\u003cspan class=\"np-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eCe superaliment ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée. Il constitue un complément intéressant dans le cadre d'un mode de vie sain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"np-composition-card\"\u003e\n\u003cdiv class=\"np-composition-main\"\u003e\n\u003ch3\u003e🌵 Ingrédient unique\u003c\/h3\u003e\n\u003cp class=\"np-composition-ingredient\"\u003ePoudre de feuille (cladode) de nopal* (\u003cem\u003eOpuntia ficus-indica\u003c\/em\u003e)\u003c\/p\u003e\n\u003cp class=\"np-composition-note\"\u003e* Issue de l'agriculture biologique. Sans additifs, sans conservateurs, sans OGM. Produit cru (raw), vegan et certifié AB.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-composition-details\"\u003e\n\u003cdiv class=\"np-grid-compact\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🇹🇳 Origine\u003c\/h3\u003e\n\u003cp\u003eTunisie\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🍃 Partie utilisée\u003c\/h3\u003e\n\u003cp\u003eFeuille (cladode)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e📦 Contenu\u003c\/h3\u003e\n\u003cp\u003e50 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🥄 Portions\u003c\/h3\u003e\n\u003cp\u003eEnviron 6 portions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"np-dosage-box\"\u003e\n\u003cp\u003eComptez environ \u003cstrong\u003e8 g par portion\u003c\/strong\u003e (une cuillère à soupe rase). Si vous découvrez le nopal en poudre, commencez par une cuillère à café (environ 3 g) afin de laisser votre organisme s'adapter à cet apport en fibres, puis augmentez progressivement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"np-section-intro\" style=\"margin-top: 1.5rem;\"\u003eLa poudre de nopal bio s'intègre facilement dans de nombreuses préparations :\u003c\/p\u003e\n\u003cdiv class=\"np-timeline\"\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSmoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eMélangez-la avec une banane, du lait végétal et une pointe de miel pour un smoothie vert original.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSoupes et sauces\u003c\/h3\u003e\n\u003cp\u003eElle épaissit naturellement vos préparations tout en les enrichissant en nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eSalades\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-en directement sur vos salades composées pour un petit goût végétal subtil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-item\"\u003e\n\u003cdiv class=\"np-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"np-timeline-content\"\u003e\n\u003ch3\u003eCuisine et pâtisserie\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la à vos pâtes à crêpes, pancakes ou gâteaux pour augmenter leur teneur en fibres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"np-section\"\u003e\n\u003ch2\u003ePourquoi choisir le nopal Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"np-grid\"\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🇫🇷 Marque française exigeante\u003c\/h3\u003e\n\u003cp\u003eSol Semilla est spécialisée dans les superaliments, reconnue pour l'exigence de ses sourcing et de ses processus de transformation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e🌡️ Déshydratation douce\u003c\/h3\u003e\n\u003cp\u003eChaque sachet est contrôlé et élaboré par leur équipe, garantissant un produit cru dont les qualités nutritionnelles sont intégralement préservées grâce à une déshydratation à basse température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-card\"\u003e\n\u003ch3\u003e⭐ Plébiscité par les utilisateurs\u003c\/h3\u003e\n\u003cp\u003eDe nombreux avis soulignent sa finesse, sa facilité d'utilisation et son goût neutre qui se marie à toutes les recettes. Un moyen simple et naturel d'enrichir votre alimentation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CONSERVATION (accordéon) + CTA --\u003e\n\u003csection class=\"np-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"np-accordion\"\u003e\n\u003cdetails class=\"np-accordion-item\"\u003e\n\u003csummary class=\"np-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"np-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver dans un endroit frais et sec, à l'abri de la lumière. Bien refermer le sachet après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"np-cta-box\"\u003e\n\u003cp\u003e🌵 Enrichissez votre alimentation avec le meilleur du figuier de Barbarie - calcium, fibres et magnésium réunis dans une poudre bio, crue et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"np-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --np-cream: #faf6f0;\n --np-white: #ffffff;\n --np-primary: #c0512d;\n --np-primary-dark: #8b3317;\n --np-primary-light: #f8ece6;\n --np-secondary: #6b8e3a;\n --np-accent: #d4a54a;\n --np-text: #1a1a1a;\n --np-text-light: #5a5a5a;\n --np-border: #e5ddd4;\n --np-shadow: 0 4px 24px rgba(0,0,0,.08);\n --np-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --np-radius: 20px;\n --np-radius-sm: 12px;\n}\n\n.np-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--np-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.np-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3317 0%, #c0512d 45%, #6b8e3a 100%);\n border-radius: var(--np-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(--np-shadow-lg);\n}\n\n.np-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(107,142,58,.15) 0%, transparent 40%);\n opacity: .6;\n}\n\n.np-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.np-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.np-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.np-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.np-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.np-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(--np-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.np-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.np-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.np-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--np-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.np-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(--np-primary), var(--np-secondary));\n border-radius: 2px;\n}\n\n.np-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--np-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.np-card {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--np-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.np-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--np-shadow-lg);\n border-color: var(--np-primary);\n}\n\n.np-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--np-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.np-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--np-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.np-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.np-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.np-grid-compact .np-card {\n padding: 1rem;\n}\n\n.np-grid-compact .np-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.np-grid-compact .np-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.np-highlight-box {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--np-shadow);\n border-left: 4px solid var(--np-secondary);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--np-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.np-composition-card {\n background: var(--np-white);\n border-radius: var(--np-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--np-shadow);\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-composition-main {\n text-align: center;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--np-border);\n}\n\n.np-composition-main h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--np-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.np-composition-ingredient {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--np-text);\n font-weight: 600;\n margin: 0 0 .5rem 0;\n}\n\n.np-composition-note {\n font-size: 13px;\n color: var(--np-text-light);\n font-style: italic;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DOSAGE BOX === *\/\n.np-dosage-box {\n background: var(--np-primary-light);\n border-radius: var(--np-radius-sm);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n max-width: 700px;\n margin: 0 auto;\n text-align: center;\n}\n\n.np-dosage-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--np-text);\n line-height: 1.7;\n margin: 0;\n}\n\n\/* === TIMELINE === *\/\n.np-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.np-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.np-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--np-primary), var(--np-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.np-timeline-content {\n flex: 1;\n background: var(--np-white);\n padding: 1rem 1.25rem;\n border-radius: var(--np-radius-sm);\n box-shadow: var(--np-shadow);\n}\n\n.np-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--np-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.np-timeline-content p {\n font-size: 14px;\n color: var(--np-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP === *\/\n.np-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--np-primary-light);\n border-radius: var(--np-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.np-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.np-tip p {\n font-size: 14px;\n color: var(--np-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.np-accordion {\n background: var(--np-white);\n border-radius: var(--np-radius);\n box-shadow: var(--np-shadow);\n overflow: hidden;\n margin-bottom: 1.5rem;\n}\n\n.np-accordion-item {\n border-bottom: 1px solid var(--np-border);\n margin: 0;\n padding: 0;\n}\n\n.np-accordion-item:last-child {\n border-bottom: none;\n}\n\n.np-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--np-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.np-accordion-header:hover {\n background: var(--np-primary-light);\n}\n\n.np-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.np-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--np-primary);\n transition: transform .2s ease;\n}\n\n.np-accordion-item[open] .np-accordion-header::after {\n content: '−';\n}\n\n.np-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--np-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.np-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.np-cta-box {\n background: linear-gradient(135deg, var(--np-primary) 0%, var(--np-primary-dark) 100%);\n border-radius: var(--np-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.np-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.np-disclaimer {\n font-size: 12px;\n color: var(--np-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .np-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .np-card {\n padding: 1.125rem;\n }\n\n .np-section {\n margin-bottom: 1.75rem;\n }\n\n .np-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--np-radius-sm);\n }\n\n .np-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .np-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .np-grid-compact {\n gap: .625rem;\n }\n\n .np-grid-compact .np-card {\n padding: .75rem;\n }\n\n .np-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .np-timeline-content {\n padding: .875rem 1rem;\n }\n\n .np-timeline-content h3 {\n font-size: 14px;\n }\n\n .np-timeline-content p {\n font-size: 13px;\n }\n\n .np-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .np-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .np-highlight-box {\n padding: 1.25rem;\n }\n\n .np-composition-card {\n padding: 1.25rem;\n }\n\n .np-dosage-box {\n padding: 1rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .np-card {\n animation: npFadeInUp .5s ease backwards;\n }\n .np-card:nth-child(1) { animation-delay: .05s; }\n .np-card:nth-child(2) { animation-delay: .1s; }\n .np-card:nth-child(3) { animation-delay: .15s; }\n .np-card:nth-child(4) { animation-delay: .2s; }\n .np-card:nth-child(5) { animation-delay: .25s; }\n .np-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes npFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .np-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755122614429,"sku":"REF1353","price":8.59,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/nopal-en-poudre-bio-50-g-sol-semilla-lifestyle.webp?v=1772725650"},{"product_id":"chlorelle-crue-poudre-bio-60-g-sol-semilla","title":"Chlorelle Crue Poudre Bio - 60 g - Sol Semilla","description":"\u003cdiv class=\"chl-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"chl-hero\"\u003e\n\u003cdiv class=\"chl-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chl-hero-content\"\u003e\n\u003cdiv class=\"chl-badges-top\"\u003e\n\u003cspan class=\"chl-badge\"\u003e🌿 100 % pure \u0026amp; bio\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🇩🇰 Origine Danemark\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"chl-badge\"\u003e🥄 20 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"chl-hero-title\"\u003eChlorelle crue poudre bio\u003c\/span\u003e\n\u003cp class=\"chl-subtitle\"\u003eSol Semilla · Super Poudre · 60 g\u003c\/p\u003e\n\u003cp class=\"chl-description\"\u003eL'algue verte microscopique qui purifie votre organisme, booste votre immunité et recharge votre vitalité - cultivée en milieu protégé, séchée à basse température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003cp class=\"chl-section-intro\"\u003eVous cherchez un superaliment complet pour soutenir votre organisme au quotidien ?\u003c\/p\u003e\n\u003cdiv class=\"chl-grid-compact\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🧬 Micro-algue d'eau douce\u003c\/h3\u003e\n\u003cp\u003e\u003cem\u003eChlorella vulgaris\u003c\/em\u003e cultivée au Danemark en milieu protégé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✨ 100 % pure\u003c\/h3\u003e\n\u003cp\u003eSans additifs, sans conservateurs, sans colorants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient à tous les régimes alimentaires\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🥗 Crue (raw)\u003c\/h3\u003e\n\u003cp\u003eRichesse nutritionnelle remarquable préservée dans chaque cuillère\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003ePourquoi la chlorelle bio est-elle si prisée ?\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eConsidérée comme l'un des aliments les plus denses en nutriments au monde, la chlorelle est un allié polyvalent pour votre santé.\u003c\/p\u003e\n\u003cdiv class=\"chl-grid\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e💪 ~50 % de protéines complètes\u003c\/h3\u003e\n\u003cp\u003eTous les acides aminés essentiels réunis - idéal pour les régimes végétariens et vegan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🍃 Riche en chlorophylle\u003c\/h3\u003e\n\u003cp\u003eLe pigment vert qui confère à la chlorelle sa capacité à capter les métaux lourds et toxines de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🧡 Vitamine B12, fer \u0026amp; bêta-carotène\u003c\/h3\u003e\n\u003cp\u003eDes nutriments souvent difficiles à obtenir en quantité suffisante par l'alimentation seule.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n\u003cp\u003eContribuent à protéger les cellules contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌞 Immunité \u0026amp; vitalité\u003c\/h3\u003e\n\u003cp\u003eSoutien de l'immunité, aide à la digestion, réduction de la fatigue et regain d'énergie.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✨ Teint lumineux\u003c\/h3\u003e\n\u003cp\u003eBeaucoup d'utilisateurs remarquent un teint plus éclatant après quelques semaines de cure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eComment utiliser la chlorelle en poudre au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eL'utilisation est très simple. Voici nos conseils pour bien démarrer votre cure :\u003c\/p\u003e\n\u003cdiv class=\"chl-timeline\"\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eDose de départ\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003e½ cuillère à café par jour\u003c\/strong\u003e (environ 1,5 g) pendant la première semaine. La chlorelle a un fort pouvoir détoxifiant : une introduction progressive permet à votre corps de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eDose d'entretien\u003c\/h3\u003e\n\u003cp\u003eAugmentez progressivement jusqu'à \u003cstrong\u003e1 cuillère à café par jour\u003c\/strong\u003e (environ 3 g), soit la portion recommandée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-item\"\u003e\n\u003cdiv class=\"chl-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"chl-timeline-content\"\u003e\n\u003ch3\u003eComment la prendre\u003c\/h3\u003e\n\u003cp\u003eDiluez la poudre dans un verre d'eau, un jus de fruits, un smoothie ou incorporez-la dans une sauce ou une vinaigrette. Son goût végétal prononcé se marie bien avec les fruits comme la banane ou la mangue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-tip\"\u003e\n\u003cspan class=\"chl-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e si vous ressentez de légers vertiges ou nausées, réduisez simplement la dose. C'est souvent le signe que la détoxification est en cours. N'hésitez pas à consulter un professionnel de santé pour adapter la posologie à vos besoins.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e Chlorelle (\u003cem\u003eChlorella vulgaris\u003c\/em\u003e) issue de l'agriculture biologique.\u003c\/p\u003e\n\u003cdiv class=\"chl-grid-compact\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌡️ Poudre crue (raw)\u003c\/h3\u003e\n\u003cp\u003eNon chauffée, pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans colorants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e✅ Certifiée bio\u003c\/h3\u003e\n\u003cp\u003ePar Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🇩🇰 Origine Danemark\u003c\/h3\u003e\n\u003cp\u003eProduite en milieu protégé, sans pollution\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e📦 Contenu : 60 g\u003c\/h3\u003e\n\u003cp\u003eSoit environ 20 portions\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🌱 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eVegan, sans gluten, sans OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003eCe qui distingue la chlorelle Sol Semilla\u003c\/h2\u003e\n\u003cp class=\"chl-section-intro\"\u003eSol Semilla, pionnier des superaliments en France depuis 1992, se démarque par des engagements concrets :\u003c\/p\u003e\n\u003cdiv class=\"chl-grid\"\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🏭 Culture en milieu fermé et contrôlé\u003c\/h3\u003e\n\u003cp\u003eGarantissant l'absence totale de contamination environnementale pour une pureté maximale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n\u003cp\u003eUn processus qui préserve les vitamines, enzymes et antioxydants dans leur intégralité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chl-card\"\u003e\n\u003ch3\u003e🔍 Traçabilité complète\u003c\/h3\u003e\n\u003cp\u003eDe la culture à la mise en sachet, chaque étape est documentée et vérifiable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"chl-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"chl-accordion\"\u003e\n\u003cdetails class=\"chl-accordion-item\"\u003e\n\u003csummary class=\"chl-accordion-header\"\u003e⚠️ Précautions et contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"chl-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux personnes sous traitement anticoagulant ou sensibles à l'iode sans avis médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"chl-accordion-item\"\u003e\n\u003csummary class=\"chl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"chl-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien fermé, au sec et à l'abri de la lumière. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"chl-section\"\u003e\n\u003cdiv class=\"chl-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez à votre corps le pouvoir purifiant de la chlorelle bio - 60 g de super poudre pour retrouver énergie, vitalité et éclat au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"chl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --chl-cream: #faf6f0;\n --chl-white: #ffffff;\n --chl-primary: #2e7d5b;\n --chl-primary-dark: #1b5e3f;\n --chl-primary-light: #e8f5ee;\n --chl-secondary: #d4562a;\n --chl-accent: #c7883a;\n --chl-text: #1a1a1a;\n --chl-text-light: #5a5a5a;\n --chl-border: #e0ddd8;\n --chl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --chl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --chl-radius: 20px;\n --chl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.chl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--chl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.chl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--chl-primary-dark) 0%, var(--chl-primary) 50%, #3a9d6e 100%);\n border-radius: var(--chl-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(--chl-shadow-lg);\n}\n\n.chl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(212,86,42,.12) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.04) 0%, transparent 70%);\n opacity: 1;\n}\n\n.chl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.chl-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.chl-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.chl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 640px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.chl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.chl-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(--chl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.chl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.chl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.chl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--chl-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.chl-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(--chl-primary), var(--chl-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.chl-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--chl-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.chl-section-intro strong {\n color: var(--chl-text);\n}\n\n\/* === CARDS === *\/\n.chl-card {\n background: var(--chl-white);\n border-radius: var(--chl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--chl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.chl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--chl-shadow-lg);\n border-color: var(--chl-primary);\n}\n\n.chl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--chl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.chl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--chl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.chl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.chl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.chl-grid-compact .chl-card {\n padding: 1rem;\n}\n\n.chl-grid-compact .chl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.chl-grid-compact .chl-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.chl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.chl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.chl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--chl-primary), var(--chl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.chl-timeline-content {\n flex: 1;\n background: var(--chl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--chl-radius-sm);\n box-shadow: var(--chl-shadow);\n}\n\n.chl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--chl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.chl-timeline-content p {\n font-size: 14px;\n color: var(--chl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.chl-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--chl-primary-light);\n border-radius: var(--chl-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.chl-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.chl-tip p {\n font-size: 14px;\n color: var(--chl-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.chl-accordion {\n background: var(--chl-white);\n border-radius: var(--chl-radius);\n box-shadow: var(--chl-shadow);\n overflow: hidden;\n}\n\n.chl-accordion-item {\n border-bottom: 1px solid var(--chl-border);\n margin: 0;\n padding: 0;\n}\n\n.chl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.chl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--chl-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.chl-accordion-header:hover {\n background: var(--chl-primary-light);\n}\n\n.chl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.chl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--chl-primary);\n transition: transform .2s ease;\n}\n\n.chl-accordion-item[open] .chl-accordion-header::after {\n content: '−';\n}\n\n.chl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--chl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.chl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.chl-cta-box {\n background: linear-gradient(135deg, var(--chl-primary) 0%, var(--chl-primary-dark) 100%);\n border-radius: var(--chl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.chl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.chl-disclaimer {\n font-size: 12px;\n color: var(--chl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .chl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .chl-card {\n padding: 1.125rem;\n }\n\n .chl-section {\n margin-bottom: 1.75rem;\n }\n\n .chl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--chl-radius-sm);\n }\n\n .chl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .chl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .chl-grid-compact {\n gap: .625rem;\n }\n\n .chl-grid-compact .chl-card {\n padding: .75rem;\n }\n\n .chl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .chl-timeline-content {\n padding: .875rem 1rem;\n }\n\n .chl-timeline-content h3 {\n font-size: 14px;\n }\n\n .chl-timeline-content p {\n font-size: 13px;\n }\n\n .chl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .chl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .chl-tip {\n padding: .875rem 1rem;\n }\n\n .chl-tip-icon {\n font-size: 20px;\n }\n\n .chl-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .chl-card {\n animation: chlFadeInUp .5s ease backwards;\n }\n .chl-card:nth-child(1) { animation-delay: .05s; }\n .chl-card:nth-child(2) { animation-delay: .1s; }\n .chl-card:nth-child(3) { animation-delay: .15s; }\n .chl-card:nth-child(4) { animation-delay: .2s; }\n .chl-card:nth-child(5) { animation-delay: .25s; }\n .chl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes chlFadeInUp {\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 .chl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755126743197,"sku":"R030","price":9.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chlorelle-crue-poudre-bio-60-g-sol-semilla-lifestyle.webp?v=1772708790"},{"product_id":"guarana-blanc-poudre-bio-50-g-sol-semilla","title":"Guarana Bio en Poudre - 50 g - Sol Semilla","description":"\u003cdiv class=\"gua-premium\"\u003e\n\u003cdiv class=\"gua-hero\"\u003e\n\u003cdiv class=\"gua-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gua-hero-content\"\u003e\n\u003cdiv class=\"gua-badges-top\"\u003e\n\u003cspan class=\"gua-badge\"\u003e🌿 Certifié AB\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🇧🇷 Amazonie brésilienne\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"gua-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gua-hero-title\"\u003eGuarana Bio en Poudre\u003c\/span\u003e\n\u003cp class=\"gua-subtitle\"\u003eSol Semilla - Superaliments · 50 g\u003c\/p\u003e\n\u003cp class=\"gua-description\"\u003eUn concentré d'énergie amazonienne, cru et biologique, pour booster vos capacités physiques et mentales sans les pics du café.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003cp class=\"gua-section-intro\"\u003eVous cherchez une alternative naturelle au café pour soutenir votre énergie et votre concentration ?\u003c\/p\u003e\n\u003cdiv class=\"gua-highlight-box\"\u003e\n\u003cp\u003eLa \u003cstrong\u003epoudre de guarana bio Sol Semilla\u003c\/strong\u003e est faite pour vous. Issue de graines de \u003cstrong\u003eguarana blanc\u003c\/strong\u003e (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) récoltées à la main en Amazonie brésilienne, cette poudre crue et certifiée biologique vous offre un coup de boost progressif, sans les pics ni les chutes brutales associés au café classique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003ePourquoi choisir le guarana en poudre plutôt que le café ?\u003c\/h2\u003e\n\u003cdiv class=\"gua-grid\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e⏳ Caféine à libération lente\u003c\/h3\u003e\n\u003cp\u003eContrairement au café, la caféine du guarana est liée à des tanins. Votre organisme l'assimile progressivement pour une \u003cstrong\u003eénergie stable et durable\u003c\/strong\u003e sur plusieurs heures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🧠 Concentration prolongée\u003c\/h3\u003e\n\u003cp\u003eIdéal lors d'une journée chargée, d'une session de travail intense ou avant une activité sportive. Pas de pic brutal, pas de crash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌿 Richesse naturelle\u003c\/h3\u003e\n\u003cp\u003eAu-delà de la caféine, le guarana bio apporte naturellement de la \u003cstrong\u003ethéobromine\u003c\/strong\u003e, des \u003cstrong\u003etanins\u003c\/strong\u003e et des \u003cstrong\u003eoligo-éléments\u003c\/strong\u003e pour améliorer les capacités physiques et mentales.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComment utiliser cette poudre de guarana bio ?\u003c\/h2\u003e\n\u003cp class=\"gua-section-intro\"\u003eCe sachet de 50 g offre environ \u003cstrong\u003e16 portions\u003c\/strong\u003e. Voici nos recommandations pour en profiter pleinement :\u003c\/p\u003e\n\u003cdiv class=\"gua-timeline\"\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eTestez votre tolérance\u003c\/h3\u003e\n\u003cp\u003eCommencez par \u003cstrong\u003eune demi-cuillère à café\u003c\/strong\u003e (environ 2 g) pour évaluer votre sensibilité à la caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eAugmentez progressivement\u003c\/h3\u003e\n\u003cp\u003eMontez jusqu'à \u003cstrong\u003eune cuillère à café rase\u003c\/strong\u003e (3 g) par jour si nécessaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eMélangez à vos recettes\u003c\/h3\u003e\n\u003cp\u003eIntégrez la poudre dans un \u003cstrong\u003esmoothie, un jus de fruits, une compote ou un yaourt végétal\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-item\"\u003e\n\u003cdiv class=\"gua-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"gua-timeline-content\"\u003e\n\u003ch3\u003eChoisissez le bon moment\u003c\/h3\u003e\n\u003cp\u003ePrivilégiez une prise le \u003cstrong\u003ematin ou en début d'après-midi\u003c\/strong\u003e pour ne pas perturber votre sommeil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e le goût légèrement amer du guarana se marie très bien avec la banane, le cacao cru ou le lait d'amande. N'hésitez pas à l'intégrer dans vos recettes de boissons énergisantes maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"gua-ingredient-box\"\u003e\n\u003cp\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e 100 % graines de guarana blanc* (\u003cem\u003ePaullinia cupana\u003c\/em\u003e) réduites en poudre fine.\u003cbr\u003e\u003cem\u003e*Issu de l'agriculture biologique.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-grid-compact\"\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🏅 Certifié AB\u003c\/h3\u003e\n\u003cp\u003eContrôlé par Ecocert\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌾 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eSans lactose\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🌱 100 % vegan\u003c\/h3\u003e\n\u003cp\u003eAdapté à tous les régimes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-card\"\u003e\n\u003ch3\u003e🇧🇷 Origine Brésil\u003c\/h3\u003e\n\u003cp\u003eAmazonie - la graine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gua-section\"\u003e\n\u003ch2\u003eUn produit éthique signé Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"gua-testimonial\"\u003e\n\u003cp class=\"gua-testimonial-text\"\u003eLa marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses superaliments directement auprès de communautés locales amazoniennes. Les graines de guarana sont récoltées manuellement dans le respect des traditions ancestrales et de la biodiversité. En choisissant cette \u003cstrong\u003epoudre de guarana bio\u003c\/strong\u003e, vous soutenez une filière équitable et des pratiques agricoles durables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gua-tip\"\u003e\n\u003cspan class=\"gua-tip-icon\"\u003e🇫🇷\u003c\/span\u003e\n\u003cp\u003eChaque lot est \u003cstrong\u003econtrôlé et élaboré par l'équipe Sol Semilla\u003c\/strong\u003e en France, garantissant une traçabilité complète et une qualité irréprochable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"gua-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"gua-accordion\"\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux enfants, aux femmes enceintes ou allaitantes et aux personnes sensibles à la caféine. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e📋 Avertissement réglementaire\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gua-accordion-item\"\u003e\n\u003csummary class=\"gua-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gua-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"gua-disclaimer\"\u003eComplément alimentaire - Ne se substitue pas à une alimentation variée et équilibrée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gua-cream: #faf6f0;\n --gua-white: #ffffff;\n --gua-primary: #c0442a;\n --gua-primary-dark: #8b2e1a;\n --gua-primary-light: #fbeee9;\n --gua-secondary: #d4973b;\n --gua-accent: #4a7c3f;\n --gua-text: #1a1a1a;\n --gua-text-light: #5a5a5a;\n --gua-border: #e8ddd2;\n --gua-shadow: 0 4px 24px rgba(139,46,26,.08);\n --gua-shadow-lg: 0 12px 48px rgba(139,46,26,.15);\n --gua-radius: 20px;\n --gua-radius-sm: 12px;\n}\n\n.gua-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gua-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gua-hero {\n position: relative;\n background: linear-gradient(135deg, var(--gua-primary-dark) 0%, var(--gua-primary) 45%, var(--gua-secondary) 100%);\n border-radius: var(--gua-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(--gua-shadow-lg);\n}\n\n.gua-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(212,151,59,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.gua-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gua-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.gua-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(--gua-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gua-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gua-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.gua-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.gua-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.gua-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gua-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gua-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.gua-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(--gua-primary), var(--gua-secondary));\n border-radius: 2px;\n}\n\n.gua-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.gua-section-intro strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-highlight-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-secondary);\n}\n\n.gua-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n line-height: 1.8;\n margin: 0;\n}\n\n.gua-highlight-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-card {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gua-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gua-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gua-shadow-lg);\n border-color: var(--gua-primary);\n}\n\n.gua-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gua-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gua-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-card p strong {\n color: var(--gua-text);\n}\n\n.gua-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gua-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.gua-grid-compact .gua-card {\n padding: 1rem;\n}\n\n.gua-grid-compact .gua-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gua-grid-compact .gua-card p {\n font-size: 12px;\n}\n\n.gua-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.gua-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.gua-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--gua-primary), var(--gua-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.gua-timeline-content {\n flex: 1;\n background: var(--gua-white);\n padding: 1rem 1.25rem;\n border-radius: var(--gua-radius-sm);\n box-shadow: var(--gua-shadow);\n}\n\n.gua-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--gua-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.gua-timeline-content p {\n font-size: 14px;\n color: var(--gua-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.gua-timeline-content p strong {\n color: var(--gua-text);\n}\n\n.gua-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--gua-primary-light);\n border-radius: var(--gua-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.gua-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.gua-tip p {\n font-size: 14px;\n color: var(--gua-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.gua-tip p strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-ingredient-box {\n background: var(--gua-white);\n border-radius: var(--gua-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--gua-shadow);\n text-align: center;\n margin-bottom: 1.5rem;\n border: 2px solid var(--gua-border);\n}\n\n.gua-ingredient-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--gua-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.gua-ingredient-box strong {\n color: var(--gua-primary-dark);\n}\n\n.gua-testimonial {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gua-shadow);\n border-left: 4px solid var(--gua-accent);\n}\n\n.gua-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--gua-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.gua-testimonial-text strong {\n color: var(--gua-primary-dark);\n font-style: normal;\n}\n\n.gua-accordion {\n background: var(--gua-white);\n border-radius: var(--gua-radius);\n box-shadow: var(--gua-shadow);\n overflow: hidden;\n}\n\n.gua-accordion-item {\n border-bottom: 1px solid var(--gua-border);\n margin: 0;\n padding: 0;\n}\n\n.gua-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gua-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gua-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.gua-accordion-header:hover {\n background: var(--gua-primary-light);\n}\n\n.gua-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gua-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gua-primary);\n transition: transform .2s ease;\n}\n\n.gua-accordion-item[open] .gua-accordion-header::after {\n content: '−';\n}\n\n.gua-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gua-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.gua-accordion-content p {\n margin: 0;\n}\n\n.gua-accordion-content p strong {\n color: var(--gua-text);\n}\n\n.gua-disclaimer {\n font-size: 12px;\n color: var(--gua-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .gua-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .gua-card {\n padding: 1.125rem;\n }\n\n .gua-section {\n margin-bottom: 1.75rem;\n }\n\n .gua-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gua-radius-sm);\n }\n\n .gua-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .gua-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .gua-grid-compact {\n gap: .625rem;\n }\n\n .gua-grid-compact .gua-card {\n padding: .75rem;\n }\n\n .gua-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .gua-timeline-content {\n padding: .875rem 1rem;\n }\n\n .gua-timeline-content h3 {\n font-size: 14px;\n }\n\n .gua-timeline-content p {\n font-size: 13px;\n }\n\n .gua-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .gua-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .gua-testimonial {\n padding: 1.25rem;\n }\n\n .gua-testimonial-text {\n font-size: 14px;\n }\n\n .gua-highlight-box {\n padding: 1.25rem;\n }\n\n .gua-ingredient-box {\n padding: 1rem 1.125rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .gua-card {\n animation: guaFadeInUp .5s ease backwards;\n }\n .gua-card:nth-child(1) { animation-delay: .05s; }\n .gua-card:nth-child(2) { animation-delay: .1s; }\n .gua-card:nth-child(3) { animation-delay: .15s; }\n .gua-card:nth-child(4) { animation-delay: .2s; }\n .gua-card:nth-child(5) { animation-delay: .25s; }\n .gua-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes guaFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gua-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127169181,"sku":"REF1356","price":11.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/guarana-bio-en-poudre-50-g-sol-semilla-lifestyle.webp?v=1772725070"},{"product_id":"poudre-caroube-crue-bio-150g-sol-semilla","title":"Poudre de Caroube crue Bio - 150 g - Sol Semilla","description":"\u003cdiv class=\"cb-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"cb-hero\"\u003e\n\u003cdiv class=\"cb-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cb-hero-content\"\u003e\n\u003cdiv class=\"cb-badges-top\"\u003e\n\u003cspan class=\"cb-badge\"\u003e🌿 Bio certifiée AB\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🇪🇸 Origine Espagne\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🥄 38 portions\u003c\/span\u003e \u003cspan class=\"cb-badge\"\u003e🌱 Vegan \u0026amp; Crue\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cb-hero-title\"\u003ePoudre de Caroube crue Bio\u003c\/span\u003e\n\u003cp class=\"cb-subtitle\"\u003eSol Semilla - Superaliments · 150 g\u003c\/p\u003e\n\u003cp class=\"cb-description\"\u003eL'alternative gourmande au cacao : naturellement sucrée, sans caféine, riche en fibres. Des notes de caramel et de noisette pour sublimer toutes vos recettes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003cp class=\"cb-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e de qualité pour remplacer le cacao dans vos recettes ? Celle de \u003cstrong\u003eSol Semilla\u003c\/strong\u003e est obtenue à partir de cosses de caroubier cultivées en Espagne, séchées puis broyées à basse température (raw). Résultat : une \u003cstrong\u003ecaroube en poudre\u003c\/strong\u003e qui conserve l'intégralité de ses nutriments et offre une saveur naturellement sucrée, aux notes de caramel et de noisette.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eBienfaits de la poudre de caroube\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eQuand on parle de \u003cstrong\u003epoudre de caroube et bienfaits\u003c\/strong\u003e, la liste est étonnamment riche. Contrairement au cacao, la caroube est \u003cstrong\u003enaturellement dépourvue de caféine et de théobromine\u003c\/strong\u003e, ce qui la rend adaptée aux personnes sensibles aux excitants, aux enfants, et même aux femmes enceintes (demandez toutefois l'avis de votre médecin).\u003c\/p\u003e\n\u003cdiv class=\"cb-grid\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres alimentaires\u003c\/h3\u003e\n\u003cp\u003eLa caroube favorise la satiété et soutient le transit intestinal : un véritable coupe-faim naturel dans le cadre d'un contrôle du poids.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🦴 Source de calcium et de potassium\u003c\/h3\u003e\n\u003cp\u003eDes minéraux essentiels pour les os, les muscles et l'équilibre électrolytique de votre organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🪶 Faible en matières grasses\u003c\/h3\u003e\n\u003cp\u003eEnviron 3 à 4 fois moins de lipides que le cacao, tout en gardant un goût réconfortant et gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🍯 Naturellement sucrée\u003c\/h3\u003e\n\u003cp\u003eElle permet de réduire considérablement l'ajout de sucre dans toutes vos préparations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient parfaitement aux personnes intolérantes ou cœliaques, sans aucun compromis sur le plaisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e☕ Sans caféine ni théobromine\u003c\/h3\u003e\n\u003cp\u003eIdéale pour les enfants, les personnes sensibles aux excitants et les femmes enceintes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre de caroube au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"cb-section-intro\"\u003eL'un des grands atouts de cette \u003cstrong\u003epoudre de caroube\u003c\/strong\u003e, c'est sa polyvalence en cuisine. Voici des idées concrètes pour l'intégrer facilement à votre alimentation :\u003c\/p\u003e\n\u003cdiv class=\"cb-timeline\"\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🍰 En pâtisserie\u003c\/h3\u003e\n\u003cp\u003eRemplacez le cacao par la même quantité de caroube dans vos gâteaux, cookies ou brownies. Le résultat est plus doux et légèrement caramélisé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥤 Dans vos smoothies et boissons\u003c\/h3\u003e\n\u003cp\u003eAjoutez 1 à 2 cuillères à café dans un lait végétal chaud pour un \"chocolat chaud\" sans caféine, ou dans un smoothie banane-amande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e🥣 Au petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez-la sur un porridge, un yaourt ou un bol de granola pour un boost de saveur naturellement sucré.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-item\"\u003e\n\u003cdiv class=\"cb-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cb-timeline-content\"\u003e\n\u003ch3\u003e✨ En saupoudrage\u003c\/h3\u003e\n\u003cp\u003eSur des fruits frais, une crème dessert ou une tartine de purée d'oléagineux pour une touche gourmande sans culpabilité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-tip\"\u003e\n\u003cspan class=\"cb-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eLe sachet de 150 g offre environ \u003cstrong\u003e38 portions\u003c\/strong\u003e, de quoi explorer de nombreuses recettes pendant plusieurs semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"cb-grid-compact\"\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌱 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e100 % poudre de gousse de caroube (\u003cem\u003eCeratonia siliqua\u003c\/em\u003e) crue, issue de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🚫 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eSans conservateurs, sans sucres ajoutés. Pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e✅ Certifiée AB \u0026amp; Ecocert\u003c\/h3\u003e\n\u003cp\u003eOrigine Espagne. Garantie bio, sans pesticides ni OGM.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cb-card\"\u003e\n\u003ch3\u003e🌿 Vegan \u0026amp; Crue\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver tous les nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePourquoi choisir Sol Semilla ?\u003c\/h2\u003e\n\u003cdiv class=\"cb-testimonial\"\u003e\n\u003cp class=\"cb-testimonial-text\"\u003eSol Semilla sélectionne ses superaliments avec une exigence rare : chaque lot est \u003cstrong\u003econtrôlé et élaboré par leur propre équipe\u003c\/strong\u003e, de la culture à l'emballage. La traçabilité est totale, et la certification bio garantit l'absence de pesticides et d'OGM. En optant pour cette \u003cstrong\u003epoudre de caroube bio\u003c\/strong\u003e, vous faites le choix d'un produit éthique, pur et respectueux de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"cb-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"cb-accordion\"\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet bien refermé, à l'abri de la lumière et de l'humidité pour préserver toute la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"cb-accordion-item\"\u003e\n\u003csummary class=\"cb-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"cb-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et \u003cstrong\u003ene se substitue pas à un traitement médical\u003c\/strong\u003e ni à une alimentation variée et équilibrée. En cas de doute, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cb-section\"\u003e\n\u003cdiv class=\"cb-cta-box\"\u003e\n\u003cp\u003e🌿 Offrez-vous la douceur naturelle de la caroube bio - saveur gourmande, sans caféine, riche en fibres. Votre alternative saine au cacao au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"cb-disclaimer\"\u003eComplément alimentaire. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --cb-cream: #faf6f1;\n --cb-white: #ffffff;\n --cb-primary: #c0392b;\n --cb-primary-dark: #8b2015;\n --cb-primary-light: #fdecea;\n --cb-secondary: #5a9a2f;\n --cb-accent: #d4a24e;\n\n \/* Textes *\/\n --cb-text: #1a1a1a;\n --cb-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cb-border: #e8ddd2;\n --cb-shadow: 0 4px 24px rgba(0,0,0,.08);\n --cb-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --cb-radius: 20px;\n --cb-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cb-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cb-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cb-hero {\n position: relative;\n background: linear-gradient(135deg, #8b2015 0%, #c0392b 40%, #d4a24e 100%);\n border-radius: var(--cb-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--cb-shadow-lg);\n}\n\n.cb-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(90,154,47,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.cb-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.cb-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.cb-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .02em;\n}\n\n.cb-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.cb-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.cb-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cb-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.cb-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.cb-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--cb-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.cb-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--cb-primary), var(--cb-accent));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.cb-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text-light);\n margin-bottom: 1.5rem;\n max-width: 680px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.cb-section-intro strong {\n color: var(--cb-text);\n}\n\n\/* === CARDS === *\/\n.cb-card {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--cb-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cb-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cb-shadow-lg);\n border-color: var(--cb-primary);\n}\n\n.cb-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--cb-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.cb-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.cb-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.cb-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.cb-grid-compact .cb-card {\n padding: 1rem;\n}\n\n.cb-grid-compact .cb-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.cb-grid-compact .cb-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.cb-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.cb-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.cb-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--cb-primary), var(--cb-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.cb-timeline-content {\n flex: 1;\n background: var(--cb-white);\n padding: 1rem 1.25rem;\n border-radius: var(--cb-radius-sm);\n box-shadow: var(--cb-shadow);\n}\n\n.cb-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--cb-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.cb-timeline-content p {\n font-size: 14px;\n color: var(--cb-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.cb-testimonial {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--cb-shadow);\n border-left: 4px solid var(--cb-secondary);\n}\n\n.cb-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--cb-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.cb-testimonial-text strong {\n color: var(--cb-primary-dark);\n font-style: normal;\n}\n\n\/* === ACCORDÉON === *\/\n.cb-accordion {\n background: var(--cb-white);\n border-radius: var(--cb-radius);\n box-shadow: var(--cb-shadow);\n overflow: hidden;\n}\n\n.cb-accordion-item {\n border-bottom: 1px solid var(--cb-border);\n margin: 0;\n padding: 0;\n}\n\n.cb-accordion-item:last-child {\n border-bottom: none;\n}\n\n.cb-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--cb-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.cb-accordion-header:hover {\n background: var(--cb-primary-light);\n}\n\n.cb-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.cb-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--cb-primary);\n transition: transform .2s ease;\n}\n\n.cb-accordion-item[open] .cb-accordion-header::after {\n content: '−';\n}\n\n.cb-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--cb-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.cb-accordion-content p {\n margin: 0;\n}\n\n.cb-accordion-content strong {\n color: var(--cb-text);\n}\n\n\/* === TIP BOX === *\/\n.cb-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--cb-primary-light);\n border-radius: var(--cb-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.cb-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.cb-tip p {\n font-size: 14px;\n color: var(--cb-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.cb-cta-box {\n background: linear-gradient(135deg, var(--cb-secondary) 0%, #3d7a1a 100%);\n border-radius: var(--cb-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.cb-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.cb-disclaimer {\n font-size: 12px;\n color: var(--cb-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .cb-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .cb-card {\n padding: 1.125rem;\n }\n\n .cb-section {\n margin-bottom: 1.75rem;\n }\n\n .cb-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--cb-radius-sm);\n }\n\n .cb-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .cb-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .cb-grid-compact {\n gap: .625rem;\n }\n\n .cb-grid-compact .cb-card {\n padding: .75rem;\n }\n\n .cb-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .cb-timeline-content {\n padding: .875rem 1rem;\n }\n\n .cb-timeline-content h3 {\n font-size: 14px;\n }\n\n .cb-timeline-content p {\n font-size: 13px;\n }\n\n .cb-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .cb-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .cb-testimonial {\n padding: 1.25rem;\n }\n\n .cb-testimonial-text {\n font-size: 14px;\n }\n\n .cb-section-intro {\n font-size: 14px;\n margin-bottom: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .cb-card {\n animation: cbFadeInUp .5s ease backwards;\n }\n .cb-card:nth-child(1) { animation-delay: .05s; }\n .cb-card:nth-child(2) { animation-delay: .1s; }\n .cb-card:nth-child(3) { animation-delay: .15s; }\n .cb-card:nth-child(4) { animation-delay: .2s; }\n .cb-card:nth-child(5) { animation-delay: .25s; }\n .cb-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes cbFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cb-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755127791773,"sku":"REF1358","price":8.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-de-caroube-crue-bio-150-g-sol-semilla-lifestyle.webp?v=1772727068"},{"product_id":"maca-poudre-bio-75-g-sol-semilla","title":"Maca Poudre Bio - 75 g - Sol Semilla","description":"\u003cdiv class=\"mc-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"mc-hero\"\u003e\n \u003cdiv class=\"mc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mc-hero-content\"\u003e\n \u003cdiv class=\"mc-badges-top\"\u003e\n \u003cspan class=\"mc-badge\"\u003e🌿 Bio certifié AB\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🇵🇪 Origine Pérou – Andes\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🥬 Vegan \u0026amp; RAW\u003c\/span\u003e\n \u003cspan class=\"mc-badge\"\u003e🏔️ +4 000 m d'altitude\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mc-hero-title\"\u003eMaca poudre bio\u003c\/span\u003e\n \u003cp class=\"mc-subtitle\"\u003eSol Semilla · Superaliments · 75 g\u003c\/p\u003e\n \u003cp class=\"mc-description\"\u003eLe superaliment ancestral des Andes pour réveiller votre énergie, soutenir votre vitalité et accompagner votre équilibre hormonal au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eMaca en poudre bio Sol Semilla : le superaliment des Andes pour votre vitalité\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eOriginaire des hauts plateaux péruviens, la \u003cstrong\u003emaca bio\u003c\/strong\u003e est l'un des superaliments les plus prisés au monde. Avec cette \u003cstrong\u003epoudre de maca\u003c\/strong\u003e signée Sol Semilla, vous profitez d'un produit \u003cstrong\u003ecru, vegan et certifié biologique\u003c\/strong\u003e, issu de racines cultivées à plus de 4 000 mètres d'altitude dans les Andes. Un concentré de nature, pur et sans aucun additif.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eBienfaits de la poudre de maca bio\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLes \u003cstrong\u003ebienfaits de la poudre de maca\u003c\/strong\u003e sont documentés depuis des siècles par les populations andines. Considérée comme une \u003cstrong\u003eplante adaptogène\u003c\/strong\u003e, elle aide votre organisme à mieux faire face aux sollicitations du quotidien.\u003c\/p\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e⚡ Énergie et endurance\u003c\/h3\u003e\n \u003cp\u003eLa maca en poudre est réputée pour son effet tonifiant naturel, idéal en cas de fatigue passagère ou de baisse de régime.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e❤️ Sexualité et fertilité\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour soutenir la libido et l'équilibre reproductif, tant chez l'homme que chez la femme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌙 Équilibre hormonal\u003c\/h3\u003e\n \u003cp\u003eElle accompagne les femmes durant les périodes de fluctuations hormonales comme la ménopause ou les cycles irréguliers.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🧘 Résistance au stress\u003c\/h3\u003e\n \u003cp\u003eEn tant qu'adaptogène, la maca favorise une meilleure gestion du stress et soutient la clarté mentale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🥗 Richesse nutritionnelle\u003c\/h3\u003e\n \u003cp\u003eNaturellement pourvue en protéines, fibres, vitamines (C, B6) et minéraux (fer, calcium, potassium).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mc-composition-box\"\u003e\n \u003cdiv class=\"mc-composition-highlight\"\u003e\n \u003cspan class=\"mc-composition-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-value\"\u003e100 % poudre de racine de maca biologique\u003c\/span\u003e\n \u003cspan class=\"mc-composition-latin\"\u003e\u003cem\u003eLepidium meyenii\u003c\/em\u003e · Origine Pérou – Andes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-grid-compact\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌱 Partie utilisée\u003c\/h3\u003e\n \u003cp\u003eRacine séchée naturellement puis réduite en poudre fine à basse température (qualité crue – RAW)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n \u003cp\u003eAucun conservateur, aucun excipient, aucun arôme ajouté. Vegan et sans gluten.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003eComment utiliser la maca poudre bio ?\u003c\/h2\u003e\n \u003cp class=\"mc-section-intro\"\u003eLa \u003cstrong\u003epoudre maca bio\u003c\/strong\u003e de Sol Semilla se distingue par sa saveur douce, légèrement caramélisée, avec des notes de noisette. Elle s'intègre très facilement à votre alimentation :\u003c\/p\u003e\n \u003cdiv class=\"mc-timeline\"\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥤 Smoothie ou jus de fruits\u003c\/h3\u003e\n \u003cp\u003eAjoutez une cuillère dans votre smoothie pour un petit-déjeuner revitalisant et gourmand.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥣 Porridge et yaourt\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez sur un porridge, un yaourt ou un bol de céréales pour un boost nutritionnel discret.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🥛 Lait végétal\u003c\/h3\u003e\n \u003cp\u003eMélangez dans un lait végétal chaud ou froid pour une boisson tonique réconfortante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-item\"\u003e\n \u003cdiv class=\"mc-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mc-timeline-content\"\u003e\n \u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n \u003cp\u003eIncorporez dans vos energy balls, pancakes ou gâteaux pour un supplément d'énergie naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-tip\"\u003e\n \u003cspan class=\"mc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eDosage conseillé :\u003c\/strong\u003e commencez par ½ cuillère à café par jour, puis augmentez progressivement jusqu'à 1 à 2 cuillères à café selon votre ressenti. Consommez de préférence le matin ou en début d'après-midi pour profiter pleinement de son effet stimulant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"mc-section\"\u003e\n \u003ch2\u003ePourquoi choisir la maca Sol Semilla ?\u003c\/h2\u003e\n \u003cdiv class=\"mc-grid\"\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e✅ Certifiée AB\u003c\/h3\u003e\n \u003cp\u003eAgriculture biologique européenne : cultivée sans pesticides ni engrais chimiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🌡️ Qualité crue (RAW)\u003c\/h3\u003e\n \u003cp\u003eSéchage à basse température préservant l'intégralité des nutriments et enzymes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité irréprochable\u003c\/h3\u003e\n \u003cp\u003eContrôlée et élaborée par l'équipe Sol Semilla, spécialiste français des superaliments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n \u003cp\u003eFilière équitable soutenant les producteurs andins dans le respect de leur savoir-faire ancestral.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mc-card\"\u003e\n \u003ch3\u003e📦 Format pratique\u003c\/h3\u003e\n \u003cp\u003eSachet refermable de 75 g, idéal pour découvrir la maca ou l'emporter partout avec vous.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"mc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"mc-accordion\"\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Déconseillé aux femmes enceintes ou allaitantes sans avis médical. En cas de traitement hormonal ou de pathologie particulière, consultez votre professionnel de santé avant toute utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mc-accordion-item\"\u003e\n \u003csummary class=\"mc-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mc-accordion-content mt-3\"\u003e\n \u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"mc-disclaimer\"\u003eLes informations fournies ne se substituent pas à l'avis d'un professionnel de santé.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mc-cream: #faf6f0;\n --mc-white: #ffffff;\n --mc-primary: #c0623a;\n --mc-primary-dark: #8b3a1f;\n --mc-primary-light: #f5ebe3;\n --mc-secondary: #d4944a;\n --mc-accent: #5a8a3c;\n --mc-text: #1a1a1a;\n --mc-text-light: #5a5a5a;\n --mc-border: #e6ddd3;\n --mc-shadow: 0 4px 24px rgba(139, 58, 31, .08);\n --mc-shadow-lg: 0 12px 48px rgba(139, 58, 31, .15);\n --mc-radius: 20px;\n --mc-radius-sm: 12px;\n}\n\n.mc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.mc-hero {\n position: relative;\n background: linear-gradient(135deg, #8b3a1f 0%, #c0623a 45%, #d4944a 100%);\n border-radius: var(--mc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mc-shadow-lg);\n}\n\n.mc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(255,255,255,.03) 0%, transparent 70%);\n opacity: 1;\n}\n\n.mc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mc-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mc-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.mc-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .03em;\n text-transform: uppercase;\n}\n\n.mc-description {\n color: rgba(255,255,255,.92);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 620px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.mc-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mc-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mc-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mc-primary), var(--mc-secondary));\n border-radius: 2px;\n}\n\n.mc-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.mc-card {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mc-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mc-shadow-lg);\n border-color: var(--mc-primary);\n}\n\n.mc-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mc-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mc-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.mc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mc-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mc-grid-compact .mc-card {\n padding: 1rem;\n}\n\n.mc-grid-compact .mc-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mc-grid-compact .mc-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.mc-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n}\n\n.mc-composition-highlight {\n background: linear-gradient(135deg, var(--mc-primary-light) 0%, var(--mc-white) 100%);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n text-align: center;\n border: 2px solid var(--mc-primary);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-composition-label {\n display: block;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--mc-primary);\n margin-bottom: .5rem;\n}\n\n.mc-composition-value {\n display: block;\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 900;\n color: var(--mc-primary-dark);\n margin-bottom: .5rem;\n line-height: 1.3;\n}\n\n.mc-composition-latin {\n display: block;\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mc-text-light);\n}\n\n\/* === TIMELINE === *\/\n.mc-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mc-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mc-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.mc-timeline-content {\n flex: 1;\n background: var(--mc-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mc-radius-sm);\n box-shadow: var(--mc-shadow);\n}\n\n.mc-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mc-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mc-timeline-content p {\n font-size: 14px;\n color: var(--mc-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.mc-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mc-primary-light);\n border-radius: var(--mc-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.mc-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mc-tip p {\n font-size: 14px;\n color: var(--mc-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TESTIMONIAL === *\/\n.mc-testimonial {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mc-shadow);\n border-left: 4px solid var(--mc-primary);\n}\n\n.mc-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mc-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.mc-accordion {\n background: var(--mc-white);\n border-radius: var(--mc-radius);\n box-shadow: var(--mc-shadow);\n overflow: hidden;\n}\n\n.mc-accordion-item {\n border-bottom: 1px solid var(--mc-border);\n margin: 0;\n padding: 0;\n}\n\n.mc-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mc-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mc-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.mc-accordion-header:hover {\n background: var(--mc-primary-light);\n}\n\n.mc-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mc-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--mc-primary);\n transition: transform .2s ease;\n}\n\n.mc-accordion-item[open] .mc-accordion-header::after {\n content: '−';\n}\n\n.mc-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mc-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mc-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.mc-disclaimer {\n font-size: 12px;\n color: var(--mc-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .mc-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mc-card {\n padding: 1.125rem;\n }\n\n .mc-section {\n margin-bottom: 1.75rem;\n }\n\n .mc-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mc-radius-sm);\n }\n\n .mc-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mc-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mc-grid-compact {\n gap: .625rem;\n }\n\n .mc-grid-compact .mc-card {\n padding: .75rem;\n }\n\n .mc-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mc-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mc-timeline-content h3 {\n font-size: 14px;\n }\n\n .mc-timeline-content p {\n font-size: 13px;\n }\n\n .mc-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mc-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .mc-testimonial {\n padding: 1.25rem;\n }\n\n .mc-testimonial-text {\n font-size: 14px;\n }\n\n .mc-composition-highlight {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .mc-card {\n animation: mcFadeInUp .5s ease backwards;\n }\n .mc-card:nth-child(1) { animation-delay: .05s; }\n .mc-card:nth-child(2) { animation-delay: .1s; }\n .mc-card:nth-child(3) { animation-delay: .15s; }\n .mc-card:nth-child(4) { animation-delay: .2s; }\n .mc-card:nth-child(5) { animation-delay: .25s; }\n .mc-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes mcFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755130970269,"sku":"REF1365","price":6.65,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/maca-poudre-bio-75-g-sol-semilla-lifestyle_b7ac1786-f639-441c-9d0f-cd369534bae8.webp?v=1772724476"},{"product_id":"acerola-poudre-pure-a-100-vit-c-17-bio-50-g-sol-semilla","title":"Acérola Bio - Poudre Pure à 100% - 50 G - Sol Semilla","description":"\u003cdiv class=\"ac-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ac-hero\"\u003e\n\u003cdiv class=\"ac-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ac-hero-content\"\u003e\n\u003cdiv class=\"ac-badges-top\"\u003e\n\u003cspan class=\"ac-badge\"\u003e🍒 17% vitamine C naturelle\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🌿 100% bio \u0026amp; pure\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e🇧🇷 Amazonie, Brésil\u003c\/span\u003e \u003cspan class=\"ac-badge\"\u003e📦 17 portions \/ sachet\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ac-hero-title\"\u003eAcérola Bio - Poudre Pure à 100%\u003c\/span\u003e\n\u003cp class=\"ac-subtitle\"\u003eSol Semilla · Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"ac-description\"\u003eLe superfruit amazonien le plus concentré en vitamine C, lyophilisé à basse température pour une assimilation optimale. 50 g de pureté absolue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003cp class=\"ac-section-intro\"\u003eAvec sa teneur exceptionnelle de \u003cstrong\u003e17% en vitamine C naturelle\u003c\/strong\u003e, cette poudre d'acérola bio Sol Semilla figure parmi les sources les plus concentrées disponibles sur le marché.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid-compact\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍒 17% de vitamine C\u003c\/h3\u003e\n\u003cp\u003eConcentration naturelle exceptionnelle, bien au-dessus de la moyenne du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌡️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eSéchée à basse température pour préserver l'intégralité des nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🌿 100% pure\u003c\/h3\u003e\n\u003cp\u003eSans aucun additif, conservateur ni sucre ajouté - un seul ingrédient\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📏 17 portions\u003c\/h3\u003e\n\u003cp\u003eUn sachet de 50 g pour plusieurs semaines de cure naturelle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003ePourquoi l'acérola est-elle si précieuse ?\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eL'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) est un petit fruit tropical reconnu pour être \u003cstrong\u003e30 à 40 fois plus riche en vitamine C que l'orange\u003c\/strong\u003e. Mais ses bienfaits ne s'arrêtent pas là.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🍊 Vitamines A \u0026amp; groupe B\u003c\/h3\u003e\n\u003cp\u003eEssentielles au métabolisme énergétique, elles complètent parfaitement l'action de la vitamine C\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🛡️ Flavonoïdes \u0026amp; polyphénols\u003c\/h3\u003e\n\u003cp\u003eDe puissants antioxydants qui protègent vos cellules contre le stress oxydatif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e⚡ Minéraux essentiels\u003c\/h3\u003e\n\u003cp\u003eFer, calcium, phosphore, potassium et magnésium pour un soutien minéral complet\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eContrairement à la vitamine C présente dans les comprimés classiques, la forme en poudre lyophilisée préserve la \u003cstrong\u003esynergie naturelle entre nutriments\u003c\/strong\u003e. Votre organisme les assimile ainsi bien plus facilement qu'une vitamine C de synthèse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eBienfaits au quotidien : immunité, vitalité et beauté\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003eIntégrer l'acérola en poudre à votre routine, c'est offrir à votre corps un soutien concret sur plusieurs plans.\u003c\/p\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C contribue au fonctionnement normal du système immunitaire, particulièrement utile lors des changements de saison ou en période de stress\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e⚡ Réduction de la fatigue\u003c\/h3\u003e\n\u003cp\u003eVous traversez une phase de surmenage ou de manque d'entrain ? L'acérola aide à retrouver tonus et énergie durablement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e✨ Éclat de la peau\u003c\/h3\u003e\n\u003cp\u003eLa vitamine C participe à la formation normale de collagène, un allié précieux pour une peau lumineuse et des tissus en bonne santé\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card ac-card-highlight\"\u003e\n\u003ch3\u003e🔬 Protection antioxydante\u003c\/h3\u003e\n\u003cp\u003eElle protège vos cellules contre le stress oxydatif lié à la pollution, au sport intensif ou au vieillissement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n\u003cp class=\"ac-section-intro\"\u003ePrenez \u003cstrong\u003e1 à 3 g de poudre d'acérola par jour\u003c\/strong\u003e (environ ½ à 1 cuillère à café).\u003c\/p\u003e\n\u003cdiv class=\"ac-timeline\"\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDosez votre poudre\u003c\/h3\u003e\n\u003cp\u003e½ à 1 cuillère à café (1 à 3 g) selon vos besoins quotidiens\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eMélangez dans votre boisson ou recette\u003c\/h3\u003e\n\u003cp\u003eUn verre d'eau, un jus fraîchement préparé, un smoothie aux fruits rouges, une compote, un yaourt, un bol de muesli ou une boisson végétale\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-item\"\u003e\n\u003cdiv class=\"ac-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ac-timeline-content\"\u003e\n\u003ch3\u003eDégustez et profitez\u003c\/h3\u003e\n\u003cp\u003eSa saveur acidulée et fruitée s'intègre naturellement à vos recettes du quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-tip\"\u003e\n\u003cspan class=\"ac-tip-icon\"\u003e⚠️\u003c\/span\u003e\n\u003cp\u003eÉvitez de chauffer au-delà de \u003cstrong\u003e40 °C\u003c\/strong\u003e pour préserver toute la richesse en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"ac-composition-box\"\u003e\n\u003cdiv class=\"ac-composition-main\"\u003e\n\u003ch3\u003e🍒 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003ePoudre d'acérola (\u003cem\u003eMalpighia glabra\u003c\/em\u003e) lyophilisée, issue de l'agriculture biologique. \u003cstrong\u003e100% pure, sans additifs, sans conservateurs, sans sucres ajoutés.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-composition-nutrition\"\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e510 mg\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003ede vitamine C pour 3 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-nutrition-highlight\"\u003e\n\u003cspan class=\"ac-nutrition-value\"\u003e638%\u003c\/span\u003e \u003cspan class=\"ac-nutrition-label\"\u003edes apports journaliers recommandés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-certif-row\"\u003e\n\u003cspan class=\"ac-badge-certif\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e✅ Certifié Ecocert\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇪🇺 Label Bio UE\u003c\/span\u003e \u003cspan class=\"ac-badge-certif\"\u003e🇧🇷 Origine : Amazonie, Brésil\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ac-section\"\u003e\n\u003ch2\u003eCe qui distingue cette acérola bio Sol Semilla\u003c\/h2\u003e\n\u003cdiv class=\"ac-grid\"\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e💎 Pureté absolue\u003c\/h3\u003e\n\u003cp\u003eUn seul ingrédient, aucun excipient ni maltodextrine souvent présents chez d'autres marques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e📊 Concentration élevée\u003c\/h3\u003e\n\u003cp\u003e17% de vitamine C, bien au-dessus de nombreuses acérola bio en poudre du marché\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisation douce\u003c\/h3\u003e\n\u003cp\u003eProcédé à froid qui préserve enzymes, vitamines et antioxydants dans leur intégralité\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ac-card\"\u003e\n\u003ch3\u003e🤝 Engagement éthique\u003c\/h3\u003e\n\u003cp\u003eSol Semilla, pionnier des superaliments depuis 1992, travaille avec des producteurs brésiliens dans le respect de l'environnement\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA + DISCLAIMER --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ac-section\"\u003e\n\u003cdiv class=\"ac-cta-box\"\u003e\n\u003cp\u003e🍒 Offrez à votre corps le meilleur de la nature amazonienne : une poudre d'acérola bio d'exception, pure et hautement concentrée en vitamine C.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ac-disclaimer\"\u003eCe complément alimentaire ne remplace pas une alimentation variée et équilibrée ni un suivi médical. Consultez votre professionnel de santé en cas de doute. Conservez au sec, à l'abri de la lumière et de la chaleur.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ac-cream: #faf6f0;\n --ac-white: #ffffff;\n --ac-primary: #d63a2a;\n --ac-primary-dark: #9c1e14;\n --ac-primary-light: #fef0ee;\n --ac-secondary: #e8853a;\n --ac-accent: #c8a96e;\n --ac-kraft: #d4b896;\n --ac-text: #1a1a1a;\n --ac-text-light: #5a5a5a;\n --ac-border: #e8ddd0;\n --ac-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ac-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ac-radius: 20px;\n --ac-radius-sm: 12px;\n}\n\n.ac-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ac-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ac-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-secondary) 50%, var(--ac-accent) 100%);\n border-radius: var(--ac-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(--ac-shadow-lg);\n}\n\n.ac-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(\n from 0deg at 50% 110%,\n rgba(255,255,255,.08) 0deg 15deg,\n transparent 15deg 30deg\n );\n opacity: .6;\n}\n\n.ac-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ac-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.ac-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ac-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ac-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ac-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ac-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ac-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ac-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ac-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.ac-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ac-primary), var(--ac-secondary));\n border-radius: 2px;\n}\n\n.ac-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ac-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ac-card {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ac-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ac-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ac-shadow-lg);\n border-color: var(--ac-primary);\n}\n\n.ac-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ac-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ac-card-highlight {\n border-left: 4px solid var(--ac-secondary);\n}\n\n\/* === GRILLES === *\/\n.ac-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ac-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ac-grid-compact .ac-card {\n padding: 1rem;\n}\n\n.ac-grid-compact .ac-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ac-grid-compact .ac-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.ac-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ac-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ac-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ac-primary), var(--ac-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ac-timeline-content {\n flex: 1;\n background: var(--ac-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ac-radius-sm);\n box-shadow: var(--ac-shadow);\n}\n\n.ac-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ac-timeline-content p {\n font-size: 14px;\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ac-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ac-primary-light);\n border-radius: var(--ac-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ac-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ac-tip p {\n font-size: 14px;\n color: var(--ac-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ac-composition-box {\n background: var(--ac-white);\n border-radius: var(--ac-radius);\n box-shadow: var(--ac-shadow);\n overflow: hidden;\n}\n\n.ac-composition-main {\n padding: clamp(1.25rem, 3vw, 2rem);\n border-bottom: 1px solid var(--ac-border);\n}\n\n.ac-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ac-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ac-composition-main p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ac-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n.ac-composition-nutrition {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0;\n}\n\n.ac-nutrition-highlight {\n padding: clamp(1rem, 3vw, 1.5rem);\n text-align: center;\n border-right: 1px solid var(--ac-border);\n}\n\n.ac-nutrition-highlight:last-child {\n border-right: none;\n}\n\n.ac-nutrition-value {\n display: block;\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: var(--ac-primary);\n letter-spacing: -.03em;\n line-height: 1.1;\n}\n\n.ac-nutrition-label {\n display: block;\n font-size: clamp(11px, 1.8vw, 13px);\n color: var(--ac-text-light);\n margin-top: .35rem;\n font-weight: 600;\n}\n\n\/* === CERTIFICATIONS === *\/\n.ac-certif-row {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-top: 1.25rem;\n}\n\n.ac-badge-certif {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n padding: 8px 14px;\n background: var(--ac-white);\n border: 2px solid var(--ac-border);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--ac-primary-dark);\n transition: all .3s ease;\n}\n\n.ac-badge-certif:hover {\n border-color: var(--ac-primary);\n background: var(--ac-primary-light);\n}\n\n\/* === CTA === *\/\n.ac-cta-box {\n background: linear-gradient(135deg, var(--ac-primary) 0%, var(--ac-primary-dark) 100%);\n border-radius: var(--ac-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ac-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(\n from 0deg at 50% 110%,\n rgba(255,255,255,.05) 0deg 15deg,\n transparent 15deg 30deg\n );\n}\n\n.ac-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ac-disclaimer {\n font-size: 12px;\n color: var(--ac-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n line-height: 1.6;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ac-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ac-card {\n padding: 1.125rem;\n }\n\n .ac-section {\n margin-bottom: 1.75rem;\n }\n\n .ac-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ac-radius-sm);\n }\n\n .ac-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ac-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ac-grid-compact {\n gap: .625rem;\n }\n\n .ac-grid-compact .ac-card {\n padding: .75rem;\n }\n\n .ac-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ac-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ac-timeline-content h3 {\n font-size: 14px;\n }\n\n .ac-timeline-content p {\n font-size: 13px;\n }\n\n .ac-composition-nutrition {\n grid-template-columns: 1fr;\n }\n\n .ac-nutrition-highlight {\n border-right: none;\n border-bottom: 1px solid var(--ac-border);\n padding: 1rem;\n }\n\n .ac-nutrition-highlight:last-child {\n border-bottom: none;\n }\n\n .ac-certif-row {\n gap: 6px;\n }\n\n .ac-badge-certif {\n font-size: 11px;\n padding: 6px 10px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ac-card {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-card:nth-child(1) { animation-delay: .05s; }\n .ac-card:nth-child(2) { animation-delay: .1s; }\n .ac-card:nth-child(3) { animation-delay: .15s; }\n .ac-card:nth-child(4) { animation-delay: .2s; }\n .ac-card:nth-child(5) { animation-delay: .25s; }\n .ac-card:nth-child(6) { animation-delay: .3s; }\n\n .ac-timeline-item {\n animation: acFadeInUp .5s ease backwards;\n }\n .ac-timeline-item:nth-child(1) { animation-delay: .1s; }\n .ac-timeline-item:nth-child(2) { animation-delay: .2s; }\n .ac-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes acFadeInUp {\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 .ac-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755131920541,"sku":"R027","price":14.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/acerola-bio-poudre-pure-a-100-50-g-sol-semilla-lifestyle.webp?v=1772722710"},{"product_id":"acai-lyophilise-poudre-100-fruit-bio-50-g-sol-semilla","title":"Poudre d'Açaï Bio - 50 g - Sol Semilla","description":"\u003cdiv class=\"acai-premium\"\u003e\n\u003cdiv class=\"acai-hero\"\u003e\n\u003cdiv class=\"acai-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"acai-hero-content\"\u003e\n\u003cdiv class=\"acai-badges-top\"\u003e\n\u003cspan class=\"acai-badge\"\u003e🌿 100 % bio\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🇧🇷 Origine Brésil\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🍇 Poudre pure lyophilisée\u003c\/span\u003e \u003cspan class=\"acai-badge\"\u003e🚫 Sans sucre ajouté\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"acai-hero-title\"\u003ePoudre d'Açaï Bio\u003c\/span\u003e\n\u003cp class=\"acai-subtitle\"\u003eSol Semilla - Le pouvoir des superaliments depuis 1992\u003c\/p\u003e\n\u003cp class=\"acai-description\"\u003eLa baie régénérante \u0026amp; tonifiante d'Amazonie, lyophilisée pour préserver toute sa richesse nutritionnelle. 50 g · 8 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003cp class=\"acai-section-intro\"\u003eVous cherchez une \u003cstrong\u003epoudre d'açaï bio\u003c\/strong\u003e pure, sans sucre ajouté et véritablement concentrée en nutriments ? Celle de Sol Semilla coche toutes les cases.\u003c\/p\u003e\n\u003cdiv class=\"acai-grid-compact\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🍇 100 % açaï\u003c\/h3\u003e\n\u003cp\u003ePoudre issue exclusivement de baies d'açaï lyophilisées, rien d'autre\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌿 Certifiée bio\u003c\/h3\u003e\n\u003cp\u003eAgriculture biologique certifiée AB et Eurofeuille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e❄️ Lyophilisée\u003c\/h3\u003e\n\u003cp\u003eProcédé à basse température pour préserver vitamines et nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e📦 50 g pratiques\u003c\/h3\u003e\n\u003cp\u003eEnviron 8 portions, format idéal pour découvrir ou emporter en voyage\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003ePourquoi choisir l'açaï en poudre bio ?\u003c\/h2\u003e\n\u003cp class=\"acai-section-intro\"\u003eLa baie d'açaï est considérée comme l'un des fruits les plus riches en \u003cstrong\u003eantioxydants\u003c\/strong\u003e au monde. Sa teneur remarquable en anthocyanes en fait un allié précieux contre le stress oxydatif.\u003c\/p\u003e\n\u003cdiv class=\"acai-grid\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n\u003cp\u003eLes anthocyanes, pigments responsables de sa couleur violette intense, luttent activement contre le stress oxydatif cellulaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌾 Riche en fibres\u003c\/h3\u003e\n\u003cp\u003eContribue au bon fonctionnement du transit intestinal pour un confort digestif au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e⚡ Source de fer\u003c\/h3\u003e\n\u003cp\u003eParticipe à réduire la fatigue et soutient la vitalité, notamment chez les femmes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e💛 Acides gras essentiels\u003c\/h3\u003e\n\u003cp\u003eOméga 6 et oméga 9 bénéfiques pour le système cardiovasculaire et l'équilibre lipidique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n\u003cp\u003eUn apport intéressant pour les sportifs, les végétariens et toute personne active\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eUn profil nutritionnel préservé et authentique, sans aucun superflu\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-tip\"\u003e\n\u003cspan class=\"acai-tip-icon\"\u003e❄️\u003c\/span\u003e\n\u003cp\u003eGrâce au procédé de \u003cstrong\u003elyophilisation\u003c\/strong\u003e, les baies sont déshydratées à basse température. Ce procédé doux conserve l'essentiel des vitamines, minéraux et composés actifs, contrairement au séchage classique qui altère une partie des nutriments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv style=\"text-align: center;\" class=\"acai-card\"\u003e\n\u003ch3\u003e🫐 Ingrédient unique\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e100 % poudre de baies d'açaï lyophilisées\u003c\/strong\u003e (\u003cem\u003eEuterpe oleracea\u003c\/em\u003e)\u003c\/p\u003e\n\u003cp\u003eIssue de l'agriculture biologique · Origine : Brésil\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem; font-size: 13px; color: var(--acai-text-light);\"\u003eSans additif · Sans conservateur · Sans sucre ajouté · Sans OGM · Certifiée AB et Eurofeuille\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eComment utiliser la poudre d'açaï au quotidien ?\u003c\/h2\u003e\n\u003cp class=\"acai-section-intro\"\u003eLa dose recommandée est d'environ \u003cstrong\u003e5 à 6 g par jour\u003c\/strong\u003e, soit une cuillère à café bien remplie. Son goût fruité, légèrement acidulé avec des notes de cacao, s'intègre facilement dans vos préparations.\u003c\/p\u003e\n\u003cdiv class=\"acai-timeline\"\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥣 Açaï bowl\u003c\/h3\u003e\n\u003cp\u003eMélangez la poudre avec une banane congelée, un peu de lait végétal et mixez. Ajoutez granola, fruits frais et graines en topping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥤 Smoothie énergétique\u003c\/h3\u003e\n\u003cp\u003eAssociez-la à de la banane, des fruits rouges et du lait d'amande pour un petit-déjeuner revitalisant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🥄 Yaourt ou porridge\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez directement pour un boost nutritionnel simple et rapide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-item\"\u003e\n\u003cdiv class=\"acai-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"acai-timeline-content\"\u003e\n\u003ch3\u003e🧁 Pâtisseries maison\u003c\/h3\u003e\n\u003cp\u003eIncorporez-la dans vos energy balls, muffins ou barres de céréales pour une touche superfood.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-tip\"\u003e\n\u003cspan class=\"acai-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous trouverez de nombreuses idées de \u003cstrong\u003erecettes à base d'açaï en poudre\u003c\/strong\u003e pour varier les plaisirs tout au long de la semaine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"acai-testimonial\"\u003e\n\u003cp class=\"acai-testimonial-text\"\u003ePionnière des superaliments en France, la marque \u003cstrong\u003eSol Semilla\u003c\/strong\u003e sélectionne ses matières premières directement auprès de producteurs locaux en Amazonie brésilienne. Les baies sont récoltées à la main, dans le respect des écosystèmes et des communautés. Ce sachet de 50 g est idéal pour découvrir le produit ou l'emporter facilement en voyage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 1.25rem;\" class=\"acai-grid-compact\"\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🌍 Commerce équitable\u003c\/h3\u003e\n\u003cp\u003eSourcing direct auprès des communautés amazoniennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🤲 Récolte manuelle\u003c\/h3\u003e\n\u003cp\u003eDans le respect des écosystèmes locaux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e🇫🇷 Depuis 1992\u003c\/h3\u003e\n\u003cp\u003ePionnière des superaliments en France\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"acai-card\"\u003e\n\u003ch3\u003e✅ Qualité certifiée\u003c\/h3\u003e\n\u003cp\u003eLabels AB et Eurofeuille garantis\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"acai-section\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"acai-accordion\"\u003e\n\u003cdetails class=\"acai-accordion-item\"\u003e\n\u003csummary class=\"acai-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"acai-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement le sachet après chaque utilisation pour préserver la fraîcheur et les qualités nutritionnelles de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"acai-accordion-item\"\u003e\n\u003csummary class=\"acai-accordion-header\"\u003e⚠️ Avertissements\u003c\/summary\u003e\n\u003cdiv class=\"acai-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un complément à une alimentation variée et équilibrée et ne saurait remplacer un traitement médical. Déconseillé aux personnes allergiques aux baies. En cas de doute, consultez votre médecin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"acai-section\"\u003e\n\u003cdiv class=\"acai-cta-box\"\u003e\n\u003cp\u003e🍇 Offrez à votre corps le meilleur de l'Amazonie.\u003cbr\u003eUne cuillère par jour pour faire le plein d'antioxydants, de vitalité et d'énergie naturelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"acai-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --acai-cream: #faf6f0;\n --acai-white: #ffffff;\n --acai-primary: #5b2d8e;\n --acai-primary-dark: #3a1a5e;\n --acai-primary-light: #f3ecf9;\n --acai-secondary: #e04e1b;\n --acai-accent: #d4a24e;\n --acai-text: #1a1a1a;\n --acai-text-light: #5a5a5a;\n --acai-border: #e8e0d8;\n --acai-shadow: 0 4px 24px rgba(0,0,0,.08);\n --acai-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --acai-radius: 20px;\n --acai-radius-sm: 12px;\n}\n\n.acai-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--acai-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.acai-hero {\n position: relative;\n background: linear-gradient(135deg, var(--acai-primary-dark) 0%, var(--acai-primary) 45%, var(--acai-secondary) 100%);\n border-radius: var(--acai-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(--acai-shadow-lg);\n}\n\n.acai-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: repeating-conic-gradient(rgba(255,255,255,.03) 0% 25%, transparent 0% 50%) 50% \/ 60px 60px;\n opacity: 1;\n}\n\n.acai-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.acai-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.acai-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 3vw, 18px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.acai-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 16px);\n max-width: 560px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.acai-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.acai-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(--acai-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.acai-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.acai-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.acai-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--acai-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.acai-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(--acai-primary), var(--acai-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.acai-card {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--acai-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.acai-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--acai-shadow-lg);\n border-color: var(--acai-primary);\n}\n\n.acai-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--acai-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.acai-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--acai-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.acai-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.acai-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.acai-grid-compact .acai-card {\n padding: 1rem;\n}\n\n.acai-grid-compact .acai-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.acai-grid-compact .acai-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.acai-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.acai-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.acai-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--acai-primary), var(--acai-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.acai-timeline-content {\n flex: 1;\n background: var(--acai-white);\n padding: 1rem 1.25rem;\n border-radius: var(--acai-radius-sm);\n box-shadow: var(--acai-shadow);\n}\n\n.acai-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--acai-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.acai-timeline-content p {\n font-size: 14px;\n color: var(--acai-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.acai-testimonial {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--acai-shadow);\n border-left: 4px solid var(--acai-primary);\n}\n\n.acai-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acai-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.acai-accordion {\n background: var(--acai-white);\n border-radius: var(--acai-radius);\n box-shadow: var(--acai-shadow);\n overflow: hidden;\n}\n\n.acai-accordion-item {\n border-bottom: 1px solid var(--acai-border);\n margin: 0;\n padding: 0;\n}\n\n.acai-accordion-item:last-child {\n border-bottom: none;\n}\n\n.acai-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--acai-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.acai-accordion-header:hover {\n background: var(--acai-primary-light);\n}\n\n.acai-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.acai-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--acai-primary);\n transition: transform .2s ease;\n}\n\n.acai-accordion-item[open] .acai-accordion-header::after {\n content: '−';\n}\n\n.acai-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--acai-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.acai-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.acai-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--acai-primary-light);\n border-radius: var(--acai-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.acai-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.acai-tip p {\n font-size: 14px;\n color: var(--acai-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA === *\/\n.acai-cta-box {\n background: linear-gradient(135deg, var(--acai-primary) 0%, var(--acai-primary-dark) 100%);\n border-radius: var(--acai-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.acai-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.acai-disclaimer {\n font-size: 12px;\n color: var(--acai-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === SECTION INTRO === *\/\n.acai-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--acai-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .acai-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .acai-card {\n padding: 1.125rem;\n }\n\n .acai-section {\n margin-bottom: 1.75rem;\n }\n\n .acai-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--acai-radius-sm);\n }\n\n .acai-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .acai-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .acai-grid-compact {\n gap: .625rem;\n }\n\n .acai-grid-compact .acai-card {\n padding: .75rem;\n }\n\n .acai-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .acai-timeline-content {\n padding: .875rem 1rem;\n }\n\n .acai-timeline-content h3 {\n font-size: 14px;\n }\n\n .acai-timeline-content p {\n font-size: 13px;\n }\n\n .acai-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .acai-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .acai-testimonial {\n padding: 1.25rem;\n }\n\n .acai-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .acai-card {\n animation: acaiFadeInUp .5s ease backwards;\n }\n .acai-card:nth-child(1) { animation-delay: .05s; }\n .acai-card:nth-child(2) { animation-delay: .1s; }\n .acai-card:nth-child(3) { animation-delay: .15s; }\n .acai-card:nth-child(4) { animation-delay: .2s; }\n .acai-card:nth-child(5) { animation-delay: .25s; }\n .acai-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes acaiFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .acai-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755132346525,"sku":"REF1367","price":11.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/poudre-dacai-bio-50-g-sol-semilla-lifestyle.webp?v=1772785482"},{"product_id":"super-topping-vert-origine-spiruline-chanvre-graines-bio-170-g-sol-semilla","title":"Super Topping Vert Origine : Spiruline \u0026 Chanvre - Graines Bio 170 g - Sol Semilla","description":"\u003cdiv class=\"st-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"st-hero\"\u003e\n\u003cdiv class=\"st-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"st-hero-content\"\u003e\n\u003cdiv class=\"st-badges-top\"\u003e\n\u003cspan class=\"st-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🇫🇷 Chanvre français\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e💪 Super-protéiné\u003c\/span\u003e \u003cspan class=\"st-badge\"\u003e🧃 14 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"st-hero-title\"\u003eSuper Topping Vert Origine Spiruline \u0026amp; Chanvre Bio\u003c\/span\u003e\n\u003cp class=\"st-subtitle\"\u003eLe mix croquant super-protéiné par Sol Semilla\u003c\/p\u003e\n\u003cp class=\"st-description\"\u003eUn mélange bio de brindilles de spiruline, graines de chanvre français et super-graines à saupoudrer sur tous vos plats pour un boost nutritionnel immédiat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003cp class=\"st-section-intro\"\u003eEnvie de rehausser vos repas avec un concentré de nutriments, sans effort ?\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Spiruline premium\u003c\/h3\u003e\n\u003cp\u003eBrindilles séchées à basse température (\u0026lt;50 °C) pour une richesse intacte en nutriments\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Chanvre français\u003c\/h3\u003e\n\u003cp\u003eGraines décortiquées cultivées en France, source d'oméga-3 et de protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ Apport protéiné\u003c\/h3\u003e\n\u003cp\u003eUn concentré de protéines complètes, acides gras essentiels, vitamines et minéraux\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🥄 Ultra-simple\u003c\/h3\u003e\n\u003cp\u003eSe saupoudre sur tous vos plats : une cuillère suffit pour un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping spiruline et chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eSol Semilla, pionnière des superaliments en France depuis 1992, a formulé cette recette pour répondre à trois objectifs précis :\u003c\/p\u003e\n\u003cdiv class=\"st-grid\"\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🌞 Vitalité au quotidien\u003c\/h3\u003e\n\u003cp\u003eLa spiruline premium conserve toute sa richesse en \u003cstrong\u003efer, phycocyanine et protéines complètes\u003c\/strong\u003e (environ 60 % de protéines). Elle contribue à réduire la fatigue et à soutenir le système immunitaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🏃 Nutrition sportive naturelle\u003c\/h3\u003e\n\u003cp\u003eLes graines de chanvre décortiquées offrent un profil idéal en \u003cstrong\u003eoméga-3 et oméga-6\u003c\/strong\u003e, ainsi qu'une teneur élevée en protéines végétales facilement assimilables, précieuses pour la récupération musculaire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card st-card-highlight\"\u003e\n\u003ch3\u003e🛡️ Immunité renforcée\u003c\/h3\u003e\n\u003cp\u003eL'association spiruline + chanvre + graines sélectionnées fournit un cocktail d'\u003cstrong\u003eantioxydants, de zinc et de vitamines du groupe B\u003c\/strong\u003e pour vos défenses naturelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComposition du Super Topping Vert Bio\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eTous les ingrédients sont issus de l'agriculture biologique certifiée (label AB et Eurofeuille). Origine : France et Maroc.\u003c\/p\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌀 Brindilles de spiruline bio\u003c\/h3\u003e\n\u003cp\u003eMicro-algue riche en protéines, fer et antioxydants, séchée à basse température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌿 Graines de chanvre bio\u003c\/h3\u003e\n\u003cp\u003eDécortiquées, cultivées en France - source d'oméga-3, oméga-6, protéines et fibres\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🎃 Graines de courge bio\u003c\/h3\u003e\n\u003cp\u003eApport en zinc, magnésium et fer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌻 Graines de tournesol bio\u003c\/h3\u003e\n\u003cp\u003eRiches en vitamine E et en sélénium\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eSans additifs, sans conservateurs, sans arômes artificiels.\u003c\/strong\u003e Le sachet de 170 g correspond à environ \u003cstrong\u003e14 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Spiruline Chanvre ?\u003c\/h2\u003e\n\u003cp class=\"st-section-intro\"\u003eLa dose recommandée est de 1 à 2 cuillères à soupe par jour (environ 12 g par portion).\u003c\/p\u003e\n\u003cdiv class=\"st-timeline\"\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥗 Sur vos salades\u003c\/h3\u003e\n\u003cp\u003ePour une texture croquante et un boost nutritionnel immédiat\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥣 Dans un smoothie ou un bowl\u003c\/h3\u003e\n\u003cp\u003eMixé ou parsemé, il enrichit votre petit-déjeuner en protéines végétales\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍜 Sur vos soupes et veloutés\u003c\/h3\u003e\n\u003cp\u003eAjouté au dernier moment pour conserver le croquant\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🥑 Sur tartines d'avocat ou houmous\u003c\/h3\u003e\n\u003cp\u003eUn topping original qui surprendra vos convives\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-item\"\u003e\n\u003cdiv class=\"st-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"st-timeline-content\"\u003e\n\u003ch3\u003e🍝 Dans vos pâtes ou risottos\u003c\/h3\u003e\n\u003cp\u003eEn finition, pour une touche de couleur et de saveur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e évitez de le cuire à haute température afin de préserver les bienfaits de la spiruline et les acides gras du chanvre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"st-section\"\u003e\n\u003ch2\u003eSol Semilla : l'exigence des superaliments depuis 1992\u003c\/h2\u003e\n\u003cdiv class=\"st-testimonial\"\u003e\n\u003cp class=\"st-testimonial-text\"\u003eFondée il y a plus de trente ans, Sol Semilla sélectionne ses producteurs avec rigueur, en privilégiant les filières courtes et les pratiques agricoles durables. Chaque lot est contrôlé pour garantir pureté, traçabilité et respect de l'environnement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"st-section\"\u003e\n\u003ch2\u003eÀ qui s'adresse ce topping bio ?\u003c\/h2\u003e\n\u003cdiv class=\"st-grid-compact\"\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🏋️ Sportifs\u003c\/h3\u003e\n\u003cp\u003eProtéines végétales et oméga pour la récupération musculaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e⚡ En quête de vitalité\u003c\/h3\u003e\n\u003cp\u003eFer, vitamines B et antioxydants pour réduire la fatigue\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🌱 Végétariens \u0026amp; vegans\u003c\/h3\u003e\n\u003cp\u003eUn complément nutritionnel 100 % végétal et naturel\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-card\"\u003e\n\u003ch3\u003e🔍 Curieux des superaliments\u003c\/h3\u003e\n\u003cp\u003eUne façon simple de découvrir spiruline et chanvre au quotidien\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"st-tip\"\u003e\n\u003cspan class=\"st-tip-icon\"\u003e✅\u003c\/span\u003e\n\u003cp\u003eNaturellement \u003cstrong\u003esans gluten\u003c\/strong\u003e et sans lactose. Convient à tous les régimes alimentaires.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"st-disclaimer\"\u003eCe produit est un aliment et ne se substitue pas à une alimentation variée et équilibrée ni à un suivi médical. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --st-cream: #faf6f0;\n --st-white: #ffffff;\n --st-primary: #2e7d32;\n --st-primary-dark: #1b5e20;\n --st-primary-light: #e8f5e9;\n --st-secondary: #f9a825;\n --st-accent: #d84315;\n --st-text: #1a1a1a;\n --st-text-light: #5a5a5a;\n --st-border: #e0e0e0;\n --st-shadow: 0 4px 24px rgba(0,0,0,.08);\n --st-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --st-radius: 20px;\n --st-radius-sm: 12px;\n}\n\n.st-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--st-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.st-hero {\n position: relative;\n background: linear-gradient(135deg, var(--st-primary-dark) 0%, var(--st-primary) 45%, #4caf50 100%);\n border-radius: var(--st-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(--st-shadow-lg);\n}\n\n.st-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(249,168,37,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(216,67,21,.1) 0%, transparent 45%);\n opacity: 1;\n}\n\n.st-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.st-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.st-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}\n\n.st-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.st-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.st-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(--st-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.st-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.st-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.st-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--st-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.st-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(--st-primary), var(--st-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.st-card {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--st-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.st-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--st-shadow-lg);\n border-color: var(--st-primary);\n}\n\n.st-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--st-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.st-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.st-card-highlight {\n border-left: 4px solid var(--st-secondary);\n text-align: left;\n}\n\n.st-card-highlight p strong {\n color: var(--st-primary-dark);\n}\n\n\/* === GRILLES === *\/\n.st-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.st-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.st-grid-compact .st-card {\n padding: 1rem;\n}\n\n.st-grid-compact .st-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.st-grid-compact .st-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.st-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.st-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.st-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--st-primary), var(--st-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.st-timeline-content {\n flex: 1;\n background: var(--st-white);\n padding: 1rem 1.25rem;\n border-radius: var(--st-radius-sm);\n box-shadow: var(--st-shadow);\n}\n\n.st-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--st-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.st-timeline-content p {\n font-size: 14px;\n color: var(--st-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TESTIMONIAL === *\/\n.st-testimonial {\n background: var(--st-white);\n border-radius: var(--st-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--st-shadow);\n border-left: 4px solid var(--st-secondary);\n}\n\n.st-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.st-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--st-primary-light);\n border-radius: var(--st-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.st-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.st-tip p {\n font-size: 14px;\n color: var(--st-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.st-tip p strong {\n color: var(--st-primary-dark);\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.st-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--st-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n\/* === DISCLAIMER === *\/\n.st-disclaimer {\n font-size: 12px;\n color: var(--st-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .st-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .st-card {\n padding: 1.125rem;\n }\n\n .st-card-highlight {\n text-align: left;\n }\n\n .st-section {\n margin-bottom: 1.75rem;\n }\n\n .st-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--st-radius-sm);\n }\n\n .st-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .st-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .st-grid-compact {\n gap: .625rem;\n }\n\n .st-grid-compact .st-card {\n padding: .75rem;\n }\n\n .st-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .st-timeline-content {\n padding: .875rem 1rem;\n }\n\n .st-timeline-content h3 {\n font-size: 14px;\n }\n\n .st-timeline-content p {\n font-size: 13px;\n }\n\n .st-testimonial {\n padding: 1.25rem;\n }\n\n .st-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .st-card {\n animation: stFadeInUp .5s ease backwards;\n }\n .st-card:nth-child(1) { animation-delay: .05s; }\n .st-card:nth-child(2) { animation-delay: .1s; }\n .st-card:nth-child(3) { animation-delay: .15s; }\n .st-card:nth-child(4) { animation-delay: .2s; }\n .st-card:nth-child(5) { animation-delay: .25s; }\n .st-card:nth-child(6) { animation-delay: .3s; }\n\n .st-timeline-item {\n animation: stFadeInUp .5s ease backwards;\n }\n .st-timeline-item:nth-child(1) { animation-delay: .05s; }\n .st-timeline-item:nth-child(2) { animation-delay: .1s; }\n .st-timeline-item:nth-child(3) { animation-delay: .15s; }\n .st-timeline-item:nth-child(4) { animation-delay: .2s; }\n .st-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes stFadeInUp {\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 .st-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755132805277,"sku":"REF1368","price":8.79,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-vert-origine-spiruline-chanvre-graines-bio-170-lifestyle.webp?v=1772786590"},{"product_id":"super-topping-exotique-cacao-cru-aguaymanto-graines-bio-190-g-sol-semilla","title":"Super Topping Exotique 190 g : Cacao \u0026 Aguaymanto - Sol Semilla","description":"\u003cdiv class=\"ste-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ste-hero\"\u003e\n\u003cdiv class=\"ste-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ste-hero-content\"\u003e\n\u003cdiv class=\"ste-badges-top\"\u003e\n\u003cspan class=\"ste-badge\"\u003e🌿 Bio certifié\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🍫 Cacao cru\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🌱 Vegan \u0026amp; sans gluten\u003c\/span\u003e \u003cspan class=\"ste-badge\"\u003e🥄 16 portions\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ste-hero-title\"\u003eSuper Topping Exotique\u003c\/span\u003e\n\u003cp class=\"ste-subtitle\"\u003eCacao cru, aguaymanto \u0026amp; graines de chia - Sol Semilla\u003c\/p\u003e\n\u003cp class=\"ste-description\"\u003eTrois superaliments d'exception réunis dans un mélange prêt à déguster, certifié bio, cru et 100 % végétal. 190 g de pur plaisir nutritif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003cp class=\"ste-section-intro\"\u003eEnvie de transformer votre petit-déjeuner en un moment à la fois gourmand et nutritif ? Le \u003cstrong\u003eSuper Topping Exotique de Sol Semilla\u003c\/strong\u003e associe trois superaliments d'exception — \u003cstrong\u003ecacao cru\u003c\/strong\u003e, \u003cstrong\u003eaguaymanto\u003c\/strong\u003e et \u003cstrong\u003egraines de chia\u003c\/strong\u003e - dans un mélange prêt à déguster, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003evegan\u003c\/strong\u003e, \u003cstrong\u003esans gluten\u003c\/strong\u003e et cru (raw). Avec ses 16 portions par sachet de 190 g, il s'intègre facilement dans votre routine quotidienne.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePourquoi choisir ce super topping bio ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eCe n'est pas un simple topping décoratif. Chaque ingrédient a été sélectionné pour sa \u003cstrong\u003edensité nutritionnelle\u003c\/strong\u003e et son goût unique :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍫 Cacao cru biologique\u003c\/h3\u003e\n\u003cp\u003eNon torréfié, il conserve l'intégralité de ses antioxydants (flavonoïdes) et de son magnésium. Une saveur chocolatée intense qui contribue à réduire la fatigue et le stress.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍊 Aguaymanto bio (physalis)\u003c\/h3\u003e\n\u003cp\u003eCe petit fruit péruvien offre une acidité douce et fruitée, particulièrement riche en \u003cstrong\u003evitamine C\u003c\/strong\u003e, en bêta-carotène et en antioxydants naturels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌱 Graines de chia biologiques\u003c\/h3\u003e\n\u003cp\u003eVéritables concentrés d'\u003cstrong\u003eoméga-3\u003c\/strong\u003e, de fibres et de protéines végétales, elles apportent une texture croquante et un effet rassasiant appréciable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e✨\u003c\/span\u003e\n\u003cp\u003eLe résultat ? Un mélange aux propriétés \u003cstrong\u003eantioxydantes\u003c\/strong\u003e et \u003cstrong\u003eanti-stress\u003c\/strong\u003e, idéal pour soutenir votre vitalité au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComment utiliser le Super Topping Exotique ?\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003eSaupoudrez simplement \u003cstrong\u003eune à deux cuillères à soupe\u003c\/strong\u003e (environ 12 g) sur vos préparations préférées :\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥣 Porridge \u0026amp; granola\u003c\/h3\u003e\n\u003cp\u003eLe topping idéal pour vos matins chauds ou crunchy\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥄 Yaourt \u0026amp; skyr\u003c\/h3\u003e\n\u003cp\u003eFromage blanc, yaourt végétal ou skyr protéiné\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🫐 Smoothie \u0026amp; açaï bowls\u003c\/h3\u003e\n\u003cp\u003eUn boost nutritif et visuel pour vos bowls\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍓 Salade de fruits\u003c\/h3\u003e\n\u003cp\u003eSaupoudrez sur vos fruits frais de saison\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🥞 Crêpes \u0026amp; pancakes\u003c\/h3\u003e\n\u003cp\u003eTartines, crêpes ou pancakes gourmands\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🍨 Glaces \u0026amp; desserts\u003c\/h3\u003e\n\u003cp\u003eGlaces et desserts végétaux revisités\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003eVous pouvez aussi l'incorporer directement dans vos pâtes à gâteaux, barres énergétiques maison ou energy balls pour un apport nutritionnel supplémentaire. Aucune cuisson nécessaire : le topping est \u003cstrong\u003eprêt à déguster\u003c\/strong\u003e tel quel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eComposition détaillée\u003c\/h2\u003e\n\u003cp class=\"ste-section-intro\"\u003e\u003cstrong\u003eIngrédients (100 % issus de l'agriculture biologique) :\u003c\/strong\u003e éclats de cacao cru*, aguaymanto séché* (physalis), graines de chia*.\u003cbr\u003e\u003cem\u003e*Ingrédients issus de l'agriculture biologique. Certifié FR-BIO-01 — Agriculture UE\/non UE.\u003c\/em\u003e\u003c\/p\u003e\n\u003cdiv class=\"ste-grid-compact\"\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🚫 Sans gluten\u003c\/h3\u003e\n\u003cp\u003eConvient aux intolérants\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🧪 Sans additifs\u003c\/h3\u003e\n\u003cp\u003eNi conservateurs ni OGM\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌿 100 % végétal\u003c\/h3\u003e\n\u003cp\u003eCertifié vegan\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-card\"\u003e\n\u003ch3\u003e🌡️ Cru (raw)\u003c\/h3\u003e\n\u003cp\u003eNon transformé à haute température\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ste-tip\"\u003e\n\u003cspan class=\"ste-tip-icon\"\u003e📦\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003ePoids net :\u003c\/strong\u003e 190 g - environ 16 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003eSol Semilla : des superaliments engagés et traçables\u003c\/h2\u003e\n\u003cdiv class=\"ste-testimonial\"\u003e\n\u003cp class=\"ste-testimonial-text\"\u003eDepuis ses débuts, \u003cstrong\u003eSol Semilla\u003c\/strong\u003e s'engage à proposer des superaliments de qualité supérieure, sourcés directement auprès de petits producteurs. Le cacao cru provient d'\u003cstrong\u003eAmérique du Sud\u003c\/strong\u003e, cultivé en agroforesterie. L'aguaymanto, fruit emblématique du Pérou, est récolté à la main dans les Andes. Chaque lot est contrôlé et élaboré par l'équipe Sol Semilla en France, garantissant une \u003cstrong\u003etraçabilité complète\u003c\/strong\u003e et le respect des qualités nutritionnelles de chaque ingrédient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"ste-section\"\u003e\n\u003ch2\u003ePrécautions et conservation\u003c\/h2\u003e\n\u003cdiv class=\"ste-accordion\"\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez le sachet dans un endroit frais et sec, à l'abri de la lumière. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ste-accordion-item\"\u003e\n\u003csummary class=\"ste-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ste-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un \u003cstrong\u003ecomplément à une alimentation variée et équilibrée\u003c\/strong\u003e et ne saurait se substituer à un mode de vie sain ni à un avis 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\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"ste-section\"\u003e\n\u003cdiv class=\"ste-cta-box\"\u003e\n\u003cp\u003e🍫 Offrez à vos matins une explosion de saveurs et de nutriments avec le Super Topping Exotique Sol Semilla - bio, cru et prêt à savourer !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ste-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --ste-cream: #faf6f1;\n --ste-white: #ffffff;\n --ste-primary: #c4622d;\n --ste-primary-dark: #8b3a14;\n --ste-primary-light: #fdf0e6;\n --ste-secondary: #d4913a;\n --ste-accent: #5a8c32;\n --ste-text: #1a1a1a;\n --ste-text-light: #5a5a5a;\n --ste-border: #e8ddd2;\n --ste-shadow: 0 4px 24px rgba(139,58,20,.08);\n --ste-shadow-lg: 0 12px 48px rgba(139,58,20,.15);\n --ste-radius: 20px;\n --ste-radius-sm: 12px;\n}\n\n.ste-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ste-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ste-hero {\n position: relative;\n background: linear-gradient(135deg, var(--ste-primary-dark) 0%, var(--ste-primary) 45%, var(--ste-secondary) 100%);\n border-radius: var(--ste-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(--ste-shadow-lg);\n}\n\n.ste-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(212,145,58,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ste-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ste-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.ste-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: -.01em;\n}\n\n.ste-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.ste-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ste-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(--ste-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ste-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ste-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ste-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ste-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.ste-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(--ste-primary), var(--ste-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.ste-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ste-text-light);\n margin-bottom: 1.5rem;\n max-width: 650px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.ste-card {\n background: var(--ste-white);\n border-radius: var(--ste-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ste-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ste-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ste-shadow-lg);\n border-color: var(--ste-primary);\n}\n\n.ste-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ste-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ste-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ste-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ste-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ste-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ste-grid-compact .ste-card {\n padding: 1rem;\n}\n\n.ste-grid-compact .ste-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ste-grid-compact .ste-card p {\n font-size: 12px;\n}\n\n\/* === TESTIMONIAL === *\/\n.ste-testimonial {\n background: var(--ste-white);\n border-radius: var(--ste-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ste-shadow);\n border-left: 4px solid var(--ste-primary);\n}\n\n.ste-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ste-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.ste-accordion {\n background: var(--ste-white);\n border-radius: var(--ste-radius);\n box-shadow: var(--ste-shadow);\n overflow: hidden;\n}\n\n.ste-accordion-item {\n border-bottom: 1px solid var(--ste-border);\n margin: 0;\n padding: 0;\n}\n\n.ste-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ste-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ste-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.ste-accordion-header:hover {\n background: var(--ste-primary-light);\n}\n\n.ste-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ste-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ste-primary);\n transition: transform .2s ease;\n}\n\n.ste-accordion-item[open] .ste-accordion-header::after {\n content: '−';\n}\n\n.ste-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ste-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ste-accordion-content p {\n margin: 0;\n}\n\n\/* === TIP BOX === *\/\n.ste-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ste-primary-light);\n border-radius: var(--ste-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.ste-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ste-tip p {\n font-size: 14px;\n color: var(--ste-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === CTA FINAL === *\/\n.ste-cta-box {\n background: linear-gradient(135deg, var(--ste-primary) 0%, var(--ste-primary-dark) 100%);\n border-radius: var(--ste-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ste-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ste-disclaimer {\n font-size: 12px;\n color: var(--ste-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ste-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ste-card {\n padding: 1.125rem;\n }\n\n .ste-section {\n margin-bottom: 1.75rem;\n }\n\n .ste-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ste-radius-sm);\n }\n\n .ste-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ste-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ste-grid-compact {\n gap: .625rem;\n }\n\n .ste-grid-compact .ste-card {\n padding: .75rem;\n }\n\n .ste-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ste-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ste-testimonial {\n padding: 1.25rem;\n }\n\n .ste-testimonial-text {\n font-size: 14px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ste-card {\n animation: steFadeInUp .5s ease backwards;\n }\n .ste-card:nth-child(1) { animation-delay: .05s; }\n .ste-card:nth-child(2) { animation-delay: .1s; }\n .ste-card:nth-child(3) { animation-delay: .15s; }\n .ste-card:nth-child(4) { animation-delay: .2s; }\n .ste-card:nth-child(5) { animation-delay: .25s; }\n .ste-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes steFadeInUp {\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 .ste-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45755133100189,"sku":"REF1369","price":7.89,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-topping-exotique-190-g-cacao-aguaymanto-sol-semilla-lifestyle.webp?v=1772786123"},{"product_id":"mon-teatox-bio-20-sachets-fine-tonic-bio","title":"Mon Teatox Bio - Infusion Détox \u0026 Minceur - Fine Tonic Bio","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Mon Teatox Bio - Infusion Détox \u0026 Minceur\nPalette détectée:\n - Primaire: #3A9B7A (vert menthe\/jade du packaging)\n - Secondaire: #2D7A5E (vert foncé des bordures)\n - Accent: #D4A829 (jaune doré des fleurs de séné)\nAmbiance: Naturel\/Bio, fraîcheur, légèreté, bien-être féminin, tradition asiatique avec touches modernes\nPréfixe CSS: ttx\n--\u003e\n\n\u003cdiv class=\"ttx-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"ttx-hero\"\u003e\n \u003cdiv class=\"ttx-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ttx-hero-content\"\u003e\n \u003cdiv class=\"ttx-badges-top\"\u003e\n \u003cspan class=\"ttx-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"ttx-badge\"\u003e🍃 20 sachets fraîcheur\u003c\/span\u003e\n \u003cspan class=\"ttx-badge\"\u003e✨ Certifié AB\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ttx-hero-title\"\u003eMon Teatox Bio\u003c\/span\u003e\n \u003ch2 class=\"ttx-subtitle\" style=\"color:white;\"\u003eInfusion détox \u0026amp; minceur\u003c\/h2\u003e\n \u003cp class=\"ttx-description\"\u003eUne synergie de 6 plantes biologiques pour drainer, purifier et retrouver légèreté et bien-être au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e🎯 Les bienfaits de votre teatox\u003c\/h2\u003e\n \u003cdiv class=\"ttx-grid\"\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e💧 Action drainante\u003c\/h3\u003e\n \u003cp\u003eFavorise l'élimination de l'eau et des toxines accumulées dans l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🫄 Ventre plat\u003c\/h3\u003e\n \u003cp\u003eLa menthe poivrée et le fenouil contribuent à dégonfler et réduire les ballonnements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🫀 Détox foie\u003c\/h3\u003e\n \u003cp\u003eLe romarin aide à purifier le foie et soutenir ses fonctions naturelles d'élimination\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🔥 Métabolisme actif\u003c\/h3\u003e\n \u003cp\u003eLe thé vert stimule naturellement la combustion des graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e😌 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eRéduit les ballonnements et améliore le confort intestinal après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🧘 Rituel bien-être\u003c\/h3\u003e\n \u003cp\u003eUn moment de détente et de plaisir qui prépare votre corps à une nuit réparatrice\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e🌱 6 plantes biologiques synergiques\u003c\/h2\u003e\n \u003cdiv class=\"ttx-grid\"\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🍵 Thé vert bio\u003c\/h3\u003e\n \u003cp\u003eRiche en antioxydants, stimule le métabolisme et participe à la combustion des graisses\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🌾 Fenouil bio\u003c\/h3\u003e\n \u003cp\u003eFacilite la digestion et atténue les sensations de ballonnement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🌿 Romarin bio\u003c\/h3\u003e\n \u003cp\u003ePlante tonifiante qui soutient la fonction hépatique et l'élimination des toxines\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🍃 Menthe poivrée bio\u003c\/h3\u003e\n \u003cp\u003eApporte fraîcheur et légèreté tout en apaisant le système digestif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🌸 Orthosiphon bio\u003c\/h3\u003e\n \u003cp\u003e« Thé de Java » réputé pour ses propriétés diurétiques naturelles\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card ttx-card-ingredient\"\u003e\n \u003ch3\u003e🍋 Citronnelle bio\u003c\/h3\u003e\n \u003cp\u003eNotes citronnées qui purifient et favorisent une bonne digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre infusion drainante\u003c\/h2\u003e\n \u003cdiv class=\"ttx-steps\"\u003e\n \u003cdiv class=\"ttx-step\"\u003e\n \u003cdiv class=\"ttx-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ttx-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003eFaites chauffer environ \u003cstrong\u003e200 ml d'eau\u003c\/strong\u003e jusqu'à frémissement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-step\"\u003e\n \u003cdiv class=\"ttx-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ttx-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003ePlacez un sachet dans votre tasse et versez l'eau chaude\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-step\"\u003e\n \u003cdiv class=\"ttx-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ttx-step-content\"\u003e\n \u003ch3\u003ePatientez\u003c\/h3\u003e\n \u003cp\u003eLaissez infuser \u003cstrong\u003e5 à 7 minutes\u003c\/strong\u003e selon l'intensité souhaitée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-step\"\u003e\n \u003cdiv class=\"ttx-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"ttx-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 à 3 tasses par jour\u003c\/strong\u003e, idéalement après les repas\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-tip\"\u003e\n \u003cspan class=\"ttx-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce bien-être :\u003c\/strong\u003e ajoutez une rondelle de citron frais ou quelques feuilles de menthe pour rehausser la saveur. Pour une version maison encore plus personnalisée, incorporez un bâton de cannelle !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e👤 À qui s'adresse cette infusion detox ?\u003c\/h2\u003e\n \u003cdiv class=\"ttx-grid\"\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🪶 Sensation de légèreté\u003c\/h3\u003e\n \u003cp\u003ePour retrouver une sensation de légèreté au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e⚖️ Programme minceur\u003c\/h3\u003e\n \u003cp\u003ePour accompagner naturellement vos objectifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e💚 Soin du foie\u003c\/h3\u003e\n \u003cp\u003ePour prendre soin de votre foie avec une détox naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e💦 Anti-rétention\u003c\/h3\u003e\n \u003cp\u003ePour réduire la rétention d'eau et les ballonnements\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MOMENTS DE CONSOMMATION --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e⏰ Quand l'intégrer à votre routine ?\u003c\/h2\u003e\n \u003cdiv class=\"ttx-grid-compact\"\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🔄 En cure\u003c\/h3\u003e\n \u003cp\u003e2 à 4 semaines pour un effet drainant optimal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🍽️ Après les repas\u003c\/h3\u003e\n \u003cp\u003ePour limiter les sensations de lourdeur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🥗 Rééquilibrage\u003c\/h3\u003e\n \u003cp\u003eEn complément de vos efforts alimentaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🌙 Le soir\u003c\/h3\u003e\n \u003cp\u003eUn rituel apaisant avant le coucher\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"ttx-grid-compact\"\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e📐 Contenance\u003c\/h3\u003e\n \u003cp\u003e20 sachets de 1,5 g (30 g total)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e⏱️ Durée de cure\u003c\/h3\u003e\n \u003cp\u003e7 à 10 jours (2-3 tasses\/jour)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine\u003c\/h3\u003e\n \u003cp\u003eMarque française Fine Tonic Bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ttx-card\"\u003e\n \u003ch3\u003e✅ Certification\u003c\/h3\u003e\n \u003cp\u003eAB par Ecocert SA\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"ttx-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"ttx-accordion\"\u003e\n \u003cdetails class=\"ttx-accordion-item\"\u003e\n \u003csummary class=\"ttx-accordion-header\"\u003e🏆 Engagement qualité Fine Tonic Bio\u003c\/summary\u003e\n \u003cdiv class=\"ttx-accordion-content\"\u003e\n \u003cp\u003eFine Tonic Bio est une marque française engagée dans la fabrication de produits naturels et biologiques. La certification AB garantit :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eDes plantes issues de cultures biologiques contrôlées\u003c\/li\u003e\n \u003cli\u003eUne traçabilité complète des ingrédients\u003c\/li\u003e\n \u003cli\u003eUne fabrication respectueuse de l'environnement\u003c\/li\u003e\n \u003cli\u003eL'absence de pesticides, d'OGM et d'additifs artificiels\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ttx-accordion-item\"\u003e\n \u003csummary class=\"ttx-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ttx-accordion-content\"\u003e\n \u003cp\u003eConservez dans un endroit frais et sec, à l'abri de la lumière. Les sachets fraîcheur préservent toutes les propriétés des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ttx-accordion-item\"\u003e\n \u003csummary class=\"ttx-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"ttx-accordion-content\"\u003e\n \u003cp\u003eCe produit est un complément alimentaire à base de plantes. Il ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003cp\u003eEn cas de traitement médical, de grossesse ou d'allaitement, demandez conseil à votre médecin avant utilisation.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRappel important :\u003c\/strong\u003e cette infusion détox ne constitue pas un traitement médical et ne prétend pas guérir ou prévenir une quelconque maladie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"ttx-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"ttx-cta-box\"\u003e\n \u003cp\u003e🍃 Offrez à votre corps une pause détox 100% naturelle et bio.\u003cbr\u003eRetrouvez légèreté, bien-être et sérénité au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --ttx-cream: #f8faf7;\n --ttx-white: #ffffff;\n --ttx-primary: #3A9B7A;\n --ttx-primary-dark: #2D7A5E;\n --ttx-primary-light: #e8f5f0;\n --ttx-secondary: #5BB89A;\n --ttx-accent: #D4A829;\n --ttx-text: #1a1a1a;\n --ttx-text-light: #5a5a5a;\n --ttx-border: #e0e0e0;\n --ttx-shadow: 0 4px 24px rgba(58,155,122,.08);\n --ttx-shadow-lg: 0 12px 48px rgba(45,122,94,.15);\n --ttx-radius: 20px;\n --ttx-radius-sm: 12px;\n}\n\n.ttx-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ttx-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ttx-hero {\n position: relative;\n background: linear-gradient(135deg, #3A9B7A 0%, #2D7A5E 50%, #1d5a45 100%);\n border-radius: var(--ttx-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(--ttx-shadow-lg);\n}\n\n.ttx-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='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M10 35 Q15 45 10 55 Q5 45 10 35' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3Cpath d='M50 35 Q55 45 50 55 Q45 45 50 35' fill='none' stroke='%23ffffff' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .08;\n}\n\n.ttx-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.ttx-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: .5rem;\n margin-bottom: 1.5rem;\n}\n\n.ttx-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(--ttx-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ttx-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.ttx-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.ttx-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.ttx-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.ttx-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ttx-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ttx-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.ttx-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(--ttx-primary), var(--ttx-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.ttx-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.ttx-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.ttx-card {\n background: var(--ttx-white);\n border-radius: var(--ttx-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ttx-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ttx-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ttx-shadow-lg);\n border-color: var(--ttx-primary);\n}\n\n.ttx-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ttx-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ttx-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ttx-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.ttx-card-ingredient {\n background: linear-gradient(135deg, var(--ttx-white) 0%, var(--ttx-primary-light) 100%);\n}\n\n.ttx-grid-compact .ttx-card {\n padding: 1rem;\n}\n\n.ttx-grid-compact .ttx-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ttx-grid-compact .ttx-card p {\n font-size: 12px;\n}\n\n\/* === STEPS === *\/\n.ttx-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.ttx-step {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--ttx-white);\n border-radius: var(--ttx-radius);\n padding: 1.25rem;\n box-shadow: var(--ttx-shadow);\n transition: all .3s ease;\n}\n\n.ttx-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--ttx-shadow-lg);\n}\n\n.ttx-step-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ttx-primary), var(--ttx-primary-dark));\n color: white;\n font-size: 18px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 12px rgba(58,155,122,.3);\n}\n\n.ttx-step-content h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--ttx-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ttx-step-content p {\n font-size: 13px;\n color: var(--ttx-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === TIP BOX === *\/\n.ttx-tip {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n border-radius: var(--ttx-radius);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--ttx-accent);\n}\n\n.ttx-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.ttx-tip p {\n font-size: 14px;\n color: var(--ttx-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.ttx-accordion {\n background: var(--ttx-white);\n border-radius: var(--ttx-radius);\n box-shadow: var(--ttx-shadow);\n overflow: hidden;\n}\n\n.ttx-accordion-item {\n border-bottom: 1px solid var(--ttx-border);\n margin: 0;\n padding: 0;\n}\n\n.ttx-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ttx-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ttx-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.ttx-accordion-header:hover {\n background: var(--ttx-primary-light);\n}\n\n.ttx-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ttx-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ttx-primary);\n transition: transform .2s ease;\n}\n\n.ttx-accordion-item[open] .ttx-accordion-header::after {\n content: '−';\n}\n\n.ttx-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ttx-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.ttx-accordion-content p {\n margin: 0 0 .75rem 0;\n}\n\n.ttx-accordion-content p:last-child {\n margin-bottom: 0;\n}\n\n.ttx-accordion-content ul {\n margin: .5rem 0;\n padding-left: 1.25rem;\n}\n\n.ttx-accordion-content li {\n margin-bottom: .35rem;\n}\n\n\/* === CTA BOX === *\/\n.ttx-cta-box {\n background: linear-gradient(135deg, var(--ttx-primary) 0%, var(--ttx-primary-dark) 100%);\n border-radius: var(--ttx-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ttx-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 100%;\n height: 200%;\n background: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.ttx-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .ttx-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .ttx-grid-compact {\n gap: .625rem;\n }\n \n .ttx-grid-compact .ttx-card {\n padding: .75rem;\n }\n \n .ttx-card {\n padding: 1.125rem;\n }\n \n .ttx-section {\n margin-bottom: 1.75rem;\n }\n \n .ttx-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ttx-radius-sm);\n }\n \n .ttx-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .ttx-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .ttx-steps {\n grid-template-columns: 1fr;\n gap: .875rem;\n }\n \n .ttx-step {\n padding: 1rem;\n }\n \n .ttx-step-number {\n width: 36px;\n height: 36px;\n font-size: 16px;\n }\n \n .ttx-tip {\n padding: 1rem;\n flex-direction: column;\n gap: .5rem;\n }\n \n .ttx-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .ttx-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ttx-card, .ttx-step {\n animation: ttxFadeInUp .5s ease backwards;\n }\n .ttx-card:nth-child(1), .ttx-step:nth-child(1) { animation-delay: .05s; }\n .ttx-card:nth-child(2), .ttx-step:nth-child(2) { animation-delay: .1s; }\n .ttx-card:nth-child(3), .ttx-step:nth-child(3) { animation-delay: .15s; }\n .ttx-card:nth-child(4), .ttx-step:nth-child(4) { animation-delay: .2s; }\n .ttx-card:nth-child(5) { animation-delay: .25s; }\n .ttx-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ttxFadeInUp {\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 .ttx-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"WINHONCO","offers":[{"title":"Default Title","offer_id":45755376173213,"sku":"TEATOXBIO","price":4.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mon-teatox-bio-infusion-detox-minceur-fine-tonic-bio.webp?v=1768220912"},{"product_id":"tisane-richters-transit-votre-poids-ideal-20-sachets-tisane-richters","title":"Tisane Richter's Transit (votre Poids Idéal) - 20 Sachets Thé Infusion Minceur - Richter's","description":"\u003cdiv class=\"rt-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"rt-hero\"\u003e\n\u003cdiv class=\"rt-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"rt-hero-content\"\u003e\n\u003cdiv class=\"rt-badges-top\"\u003e\n\u003cspan class=\"rt-badge\"\u003e🌿 100% plantes naturelles\u003c\/span\u003e \u003cspan class=\"rt-badge\"\u003e🇩🇪 Tradition allemande\u003c\/span\u003e \u003cspan class=\"rt-badge\"\u003e🍵 20 sachets\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"rt-hero-title\"\u003eTisane Richter's Transit\u003c\/span\u003e\n\u003cp class=\"rt-subtitle\"\u003eInfusion naturelle pour le transit intestinal · 20 sachets\u003c\/p\u003e\n\u003cp class=\"rt-description\"\u003eLa \u003cstrong\u003eTisane Richter's Transit\u003c\/strong\u003e associe 4 plantes soigneusement sélectionnées, dont la \u003cstrong\u003erhubarbe\u003c\/strong\u003e, la \u003cstrong\u003eréglisse\u003c\/strong\u003e, l’\u003cstrong\u003eanis\u003c\/strong\u003e et la \u003cstrong\u003ementhe poivrée\u003c\/strong\u003e, pour accompagner naturellement la régulation du transit intestinal et favoriser un meilleur confort digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BÉNÉFICES --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits\u003c\/h2\u003e\n\u003cdiv class=\"rt-grid\"\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🔄 Transit régulier\u003c\/h3\u003e\n\u003cp\u003eLa racine de rhubarbe est traditionnellement utilisée pour accompagner le transit intestinal, notamment lorsque celui-ci devient plus lent ou irrégulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🍃 Confort digestif\u003c\/h3\u003e\n\u003cp\u003eLa réglisse contribue à apaiser la sphère digestive et apporte une note naturellement douce à l’infusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌿 Sensation de légèreté\u003c\/h3\u003e\n\u003cp\u003eLa menthe poivrée complète la formule avec sa fraîcheur caractéristique, idéale après le repas ou en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e☕ Rituel du soir\u003c\/h3\u003e\n\u003cp\u003eÀ savourer de préférence le soir, cette tisane s’intègre facilement dans une routine bien-être ponctuelle pour soutenir le transit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e🌿 Composition 100% plantes\u003c\/h2\u003e\n\u003cdiv class=\"rt-grid\"\u003e\n\u003cdiv class=\"rt-card rt-card-featured\"\u003e\n\u003ch3\u003e🌾 Racine de rhubarbe\u003c\/h3\u003e\n\u003cp\u003e\u003cem class=\"rt-latin\"\u003eRheum officinale \/ Rheum palmatum\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003ePlante traditionnellement reconnue pour son action sur le transit intestinal, elle aide à accompagner une élimination plus régulière.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🍂 Racine de réglisse\u003c\/h3\u003e\n\u003cp\u003e\u003cem class=\"rt-latin\"\u003eGlycyrrhiza glabra\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eAppréciée pour ses propriétés adoucissantes, elle participe au confort digestif et donne à l’infusion une saveur naturellement ronde.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌱 Anis\u003c\/h3\u003e\n\u003cp\u003e\u003cem class=\"rt-latin\"\u003ePimpinella anisum\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eTraditionnellement utilisé dans les infusions digestives, l’anis apporte une note aromatique douce et agréable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌿 Feuilles de menthe poivrée\u003c\/h3\u003e\n\u003cp\u003e\u003cem class=\"rt-latin\"\u003eMentha piperita\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003eRafraîchissante et digestive, la menthe poivrée apporte une sensation de légèreté après les repas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e☕ Conseils d'utilisation\u003c\/h2\u003e\n\u003cdiv class=\"rt-timeline\"\u003e\n\u003cdiv class=\"rt-timeline-item\"\u003e\n\u003cdiv class=\"rt-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"rt-timeline-content\"\u003e\n\u003ch3\u003ePréparez votre infusion\u003c\/h3\u003e\n\u003cp\u003ePlacez \u003cstrong\u003e1 sachet\u003c\/strong\u003e de Tisane Richter's Transit dans une tasse d’eau chaude.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-timeline-item\"\u003e\n\u003cdiv class=\"rt-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"rt-timeline-content\"\u003e\n\u003ch3\u003eLaissez infuser\u003c\/h3\u003e\n\u003cp\u003eLaissez infuser pendant \u003cstrong\u003e3 à 4 minutes\u003c\/strong\u003e. Vous pouvez ajouter un peu de sucre ou de jus de citron selon votre goût.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-timeline-item\"\u003e\n\u003cdiv class=\"rt-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"rt-timeline-content\"\u003e\n\u003ch3\u003eÀ boire le soir de préférence\u003c\/h3\u003e\n\u003cp\u003eBuvez \u003cstrong\u003e1 tasse par jour\u003c\/strong\u003e, de préférence le soir. La durée d’infusion peut être ajustée selon l’effet recherché.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-tip\"\u003e\n\u003cspan class=\"rt-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eBon à savoir :\u003c\/strong\u003e cette tisane est destinée à une utilisation ponctuelle. Il est recommandé de ne pas l’utiliser en continu pendant plus d’une à deux semaines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n\u003cdiv class=\"rt-grid-compact\"\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🔄 Transit ralenti\u003c\/h3\u003e\n\u003cp\u003ePour les personnes qui souhaitent accompagner naturellement un transit intestinal moins régulier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🍃 Digestion sensible\u003c\/h3\u003e\n\u003cp\u003ePour retrouver une sensation de confort digestif grâce à une infusion simple, végétale et aromatique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌙 Routine du soir\u003c\/h3\u003e\n\u003cp\u003ePour celles et ceux qui préfèrent intégrer leur tisane transit dans un rituel calme en fin de journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌿 Formule courte\u003c\/h3\u003e\n\u003cp\u003ePour les personnes qui recherchent une infusion à base de plantes, sans formule inutilement complexe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFOS PRATIQUES --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n\u003cdiv class=\"rt-grid-compact\"\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🍵 Contenance\u003c\/h3\u003e\n\u003cp\u003eBoîte de 20 sachets\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e📅 Utilisation\u003c\/h3\u003e\n\u003cp\u003e1 tasse par jour, le soir de préférence\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e⏱️ Infusion\u003c\/h3\u003e\n\u003cp\u003e3 à 4 minutes dans une tasse d’eau chaude\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rt-card\"\u003e\n\u003ch3\u003e🌿 Plantes\u003c\/h3\u003e\n\u003cp\u003eRhubarbe, réglisse, anis et menthe poivrée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- INFORMATIONS COMPLÉMENTAIRES --\u003e\n\u003csection class=\"rt-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"rt-accordion\"\u003e\n\u003cdetails class=\"rt-accordion-item\"\u003e\n\u003csummary class=\"rt-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"rt-accordion-content\"\u003e\n\u003cp\u003eÀ consommer dans le cadre d’une alimentation variée et équilibrée et d’un mode de vie sain. Ne convient pas aux enfants de moins de 12 ans. Ne pas utiliser pendant la grossesse et l’allaitement. Ne pas utiliser en continu pendant une période supérieure à une ou deux semaines. Ne pas dépasser la dose quotidienne recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n\u003cp\u003eCe produit contient de la réglisse : les personnes souffrant d’hypertension doivent éviter toute consommation excessive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rt-accordion-item\"\u003e\n\u003csummary class=\"rt-accordion-header\"\u003e🌿 Ingrédients\u003c\/summary\u003e\n\u003cdiv class=\"rt-accordion-content\"\u003e\n\u003cp\u003eRacine de rhubarbe, racine de réglisse, anis, feuilles de menthe poivrée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rt-accordion-item\"\u003e\n\u003csummary class=\"rt-accordion-header\"\u003e🔬 Contrôles qualité\u003c\/summary\u003e\n\u003cdiv class=\"rt-accordion-content\"\u003e\n\u003cp\u003eLes plantes entrant dans la composition des tisanes Richter's sont sélectionnées avec soin et régulièrement contrôlées. La Tisane Richter's Transit est analysée régulièrement : les quantités d’aloe emodin sont significativement en dessous de 1 ppm, et le produit ne contient pas de danthrone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"rt-accordion-item\"\u003e\n\u003csummary class=\"rt-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"rt-accordion-content\"\u003e\n\u003cp\u003eConserver dans un endroit sec, à l’abri de la lumière et de l’humidité. Refermer soigneusement l’emballage après utilisation afin de préserver les qualités aromatiques de l’infusion.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"rt-section\"\u003e\n\u003cdiv class=\"rt-cta-box\"\u003e\n\u003cp\u003e🌿 \u003cstrong\u003eVotre rituel naturel pour le transit\u003c\/strong\u003e\u003cbr\u003eAvec sa formule courte à base de rhubarbe, réglisse, anis et menthe poivrée, la Tisane Richter's Transit accompagne en douceur le confort digestif et la régularité du transit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"rt-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES RICHTER'S TISANE === *\/\n:root {\n --rt-cream: #faf8f5;\n --rt-white: #ffffff;\n --rt-primary: #2d6b3f;\n --rt-primary-dark: #1f4d2d;\n --rt-primary-light: #e8f2eb;\n --rt-secondary: #c41e3a;\n --rt-accent: #d4a634;\n --rt-text: #1a1a1a;\n --rt-text-light: #5a5a5a;\n --rt-border: #e0e0e0;\n --rt-shadow: 0 4px 24px rgba(0,0,0,.08);\n --rt-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --rt-radius: 20px;\n --rt-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.rt-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--rt-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.rt-hero {\n position: relative;\n background: linear-gradient(135deg, var(--rt-primary-dark) 0%, var(--rt-primary) 50%, #3d8b52 100%);\n border-radius: var(--rt-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(--rt-shadow-lg);\n}\n\n.rt-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 15% 85%, rgba(212,166,52,.2) 0%, transparent 35%),\n radial-gradient(circle at 85% 15%, rgba(255,255,255,.1) 0%, transparent 35%),\n radial-gradient(circle at 50% 50%, rgba(196,30,58,.08) 0%, transparent 50%);\n}\n\n.rt-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.rt-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.rt-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(--rt-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.rt-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.rt-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .75rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.25);\n}\n\n.rt-subtitle {\n color: var(--rt-accent);\n font-size: clamp(14px, 2.5vw, 18px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n letter-spacing: .5px;\n}\n\n.rt-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.rt-description strong {\n color: white;\n}\n\n\/* === SECTIONS === *\/\n.rt-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.rt-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--rt-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.rt-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(--rt-primary), var(--rt-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.rt-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.rt-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.rt-card {\n background: var(--rt-white);\n border-radius: var(--rt-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--rt-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.rt-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--rt-shadow-lg);\n border-color: var(--rt-primary);\n}\n\n.rt-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--rt-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.rt-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--rt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rt-card-featured {\n border: 3px solid var(--rt-accent);\n background: linear-gradient(135deg, rgba(212,166,52,.06) 0%, var(--rt-white) 100%);\n}\n\n.rt-latin {\n font-size: 12px;\n font-style: italic;\n color: var(--rt-primary);\n display: block;\n margin-bottom: .5rem;\n}\n\n.rt-grid-compact .rt-card {\n padding: 1rem;\n}\n\n.rt-grid-compact .rt-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.rt-grid-compact .rt-card p {\n font-size: 12px;\n}\n\n\/* === TIMELINE === *\/\n.rt-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.rt-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.rt-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--rt-primary), var(--rt-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 16px rgba(45,107,63,.3);\n}\n\n.rt-timeline-content {\n flex: 1;\n background: var(--rt-white);\n padding: 1.25rem 1.5rem;\n border-radius: var(--rt-radius-sm);\n box-shadow: var(--rt-shadow);\n}\n\n.rt-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--rt-primary-dark);\n margin: 0 0 .35rem 0;\n}\n\n.rt-timeline-content p {\n font-size: 14px;\n color: var(--rt-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.rt-timeline-content strong {\n color: var(--rt-primary-dark);\n}\n\n\/* === TIP === *\/\n.rt-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--rt-primary-light);\n border-radius: var(--rt-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--rt-primary);\n}\n\n.rt-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.rt-tip p {\n font-size: 14px;\n color: var(--rt-text);\n margin: 0;\n line-height: 1.7;\n}\n\n.rt-tip strong {\n color: var(--rt-primary-dark);\n}\n\n\/* === ACCORDÉON === *\/\n.rt-accordion {\n background: var(--rt-white);\n border-radius: var(--rt-radius);\n box-shadow: var(--rt-shadow);\n overflow: hidden;\n}\n\n.rt-accordion-item {\n border-bottom: 1px solid var(--rt-border);\n margin: 0;\n padding: 0;\n}\n\n.rt-accordion-item:last-child {\n border-bottom: none;\n}\n\n.rt-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--rt-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.rt-accordion-header:hover {\n background: var(--rt-primary-light);\n}\n\n.rt-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.rt-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--rt-primary);\n transition: transform .2s ease;\n}\n\n.rt-accordion-item[open] .rt-accordion-header::after {\n content: '−';\n}\n\n.rt-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--rt-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 8px;\n}\n\n.rt-accordion-content p {\n margin: 0;\n}\n\n.rt-accordion-content strong {\n color: var(--rt-text);\n}\n\n\/* === CTA === *\/\n.rt-cta-box {\n background: linear-gradient(135deg, var(--rt-primary) 0%, var(--rt-primary-dark) 100%);\n border-radius: var(--rt-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.rt-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 70%, rgba(212,166,52,.15) 0%, transparent 50%);\n}\n\n.rt-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.rt-disclaimer {\n font-size: 12px;\n color: var(--rt-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .rt-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .rt-card {\n padding: 1.125rem;\n }\n \n .rt-section {\n margin-bottom: 1.75rem;\n }\n \n .rt-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--rt-radius-sm);\n }\n \n .rt-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .rt-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .rt-grid-compact {\n gap: .625rem;\n }\n \n .rt-grid-compact .rt-card {\n padding: .75rem;\n }\n \n .rt-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n \n .rt-timeline-content {\n padding: 1rem 1.125rem;\n }\n \n .rt-timeline-content h3 {\n font-size: 14px;\n }\n \n .rt-timeline-content p {\n font-size: 13px;\n }\n \n .rt-tip {\n padding: 1rem 1.125rem;\n }\n \n .rt-tip-icon {\n font-size: 20px;\n }\n \n .rt-tip p {\n font-size: 13px;\n }\n \n .rt-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .rt-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .rt-card {\n animation: rtFadeInUp .5s ease backwards;\n }\n .rt-card:nth-child(1) { animation-delay: .05s; }\n .rt-card:nth-child(2) { animation-delay: .1s; }\n .rt-card:nth-child(3) { animation-delay: .15s; }\n .rt-card:nth-child(4) { animation-delay: .2s; }\n .rt-card:nth-child(5) { animation-delay: .25s; }\n .rt-card:nth-child(6) { animation-delay: .3s; }\n \n .rt-timeline-item {\n animation: rtFadeInUp .5s ease backwards;\n }\n .rt-timeline-item:nth-child(1) { animation-delay: .1s; }\n .rt-timeline-item:nth-child(2) { animation-delay: .2s; }\n .rt-timeline-item:nth-child(3) { animation-delay: .3s; }\n}\n\n@keyframes rtFadeInUp {\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 .rt-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"WINHONCO","offers":[{"title":"Default Title","offer_id":45755422343325,"sku":"TISARICH1B","price":3.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tisane-richters-transit-votre-poids-ideal-20-sachets-the-infusion-minceur-richters-971791.jpg?v=1750100850"},{"product_id":"spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-semilla","title":"Spiruline Crue Bio - Energie et immunité - 100 comprimés - Sol-Semilla","description":"\u003cdiv class=\"sp-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"sp-hero\"\u003e\n\u003cdiv class=\"sp-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sp-hero-content\"\u003e\n\u003cdiv class=\"sp-badges-top\"\u003e\n\u003cspan class=\"sp-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🇧🇫 Origine Burkina Faso\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌱 100 % vegan\u003c\/span\u003e \u003cspan class=\"sp-badge\"\u003e🌡️ Séchée à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"sp-hero-title\"\u003eSpiruline Crue Bio\u003c\/span\u003e\n\u003cp class=\"sp-subtitle\"\u003eÉnergie et immunité - 100 comprimés\u003c\/p\u003e\n\u003cp class=\"sp-description\"\u003eUn concentré de vitalité 100 % pur, sans excipient ni liant, riche en fer, vitamines A, K, B12 et phycocyanine. Élaborée par Sol Semilla.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SECTION 1 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003cp class=\"sp-section-intro\"\u003eVous cherchez une \u003cstrong\u003espiruline bio\u003c\/strong\u003e authentique, séchée à basse température pour conserver toute sa richesse nutritionnelle ? La \u003cstrong\u003espiruline crue de Sol Semilla\u003c\/strong\u003e est bien plus qu'un simple complément alimentaire : c'est un concentré de vitalité sous forme de 100 comprimés pratiques, composés à 100 % de spiruline pure, sans aucun excipient ni liant ajouté.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 2 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003ePourquoi choisir une spiruline crue et bio ?\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid-compact\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌡️ Séchage à basse température\u003c\/h3\u003e\n\u003cp\u003eSéchée à moins de 50 °C pour préserver enzymes, vitamines et phycocyanine - le pigment bleu-vert aux puissantes propriétés antioxydantes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e☀️ Cultivée au Burkina Faso\u003c\/h3\u003e\n\u003cp\u003eUn environnement préservé et ensoleillé offrant des conditions idéales de croissance pour cette microalgue d'exception.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🇫🇷 Contrôlée en France\u003c\/h3\u003e\n\u003cp\u003eÉlaborée et contrôlée par l'équipe Sol Semilla en France, garantissant une traçabilité et une qualité irréprochables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🚫 Sans pesticides\u003c\/h3\u003e\n\u003cp\u003eCertifiée Agriculture Biologique et vegan, cultivée sans pesticides ni produits chimiques pour une pureté totale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 3 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eLes bienfaits de la spiruline bio pour votre quotidien\u003c\/h2\u003e\n\u003cdiv class=\"sp-grid\"\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e💪 Riche en fer hautement assimilable\u003c\/h3\u003e\n\u003cp\u003eL'un des aliments les plus concentrés en fer. Idéale si vous êtes sujet à la fatigue passagère ou aux baisses d'énergie saisonnières.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🥩 Protéines végétales complètes\u003c\/h3\u003e\n\u003cp\u003e60 à 70 % de protéines contenant tous les acides aminés essentiels - allié précieux des sportifs, végétariens et végétaliens.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🧬 Vitamines A, K et B12\u003c\/h3\u003e\n\u003cp\u003eVitamine A pour l'immunité, vitamine K pour l'ossature, B12 pour réduire la fatigue. Un trio essentiel réuni dans une seule microalgue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🛡️ Antioxydant naturel\u003c\/h3\u003e\n\u003cp\u003eGrâce à la phycocyanine et au bêta-carotène, elle aide vos cellules à se protéger contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card\"\u003e\n\u003ch3\u003e🌿 Soutien des défenses naturelles\u003c\/h3\u003e\n\u003cp\u003eSes nutriments essentiels contribuent au bon fonctionnement de votre système immunitaire, notamment lors des changements de saison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 4 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eComposition\u003c\/h2\u003e\n\u003cdiv class=\"sp-composition-box\"\u003e\n\u003cp class=\"sp-composition-highlight\"\u003e\u003cstrong\u003eIngrédient unique :\u003c\/strong\u003e spiruline crue biologique (\u003cem\u003eArthrospira platensis\u003c\/em\u003e) — 100 % pure, sans additif, sans conservateur, sans gluten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-grid-compact\" style=\"margin-top: 1.25rem;\"\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 1,9 g\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🔴 Fer\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 8,4 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e🟠 Vitamine A\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 2,8 mg\u003c\/strong\u003e (bêta-carotène)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-card sp-card-nutri\"\u003e\n\u003ch3\u003e💎 Phycocyanine\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e≈ 450 mg\u003c\/strong\u003e pour 6 cps\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eValeurs nutritionnelles pour 6 comprimés (dose journalière recommandée, soit environ 3 g). Contenu : 100 comprimés - Poids net : 55 g.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 5 --\u003e\n\u003csection class=\"sp-section\"\u003e\n\u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n\u003cdiv class=\"sp-timeline\"\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eCommencez progressivement\u003c\/h3\u003e\n\u003cp\u003eSi vous découvrez la spiruline, débutez par \u003cstrong\u003e2 comprimés par jour\u003c\/strong\u003e pendant la première semaine pour permettre à votre organisme de s'adapter en douceur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eAugmentez la dose\u003c\/h3\u003e\n\u003cp\u003ePassez ensuite à \u003cstrong\u003e4 à 6 comprimés par jour\u003c\/strong\u003e avec un grand verre d'eau, de préférence le matin ou avant un effort physique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-item\"\u003e\n\u003cdiv class=\"sp-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"sp-timeline-content\"\u003e\n\u003ch3\u003eOptimisez l'absorption\u003c\/h3\u003e\n\u003cp\u003eAssociez la prise à une source de \u003cstrong\u003evitamine C\u003c\/strong\u003e (jus de citron, kiwi, orange) pour une meilleure absorption du fer.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sp-tip\"\u003e\n\u003cspan class=\"sp-tip-icon\"\u003e💡\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAstuce :\u003c\/strong\u003e un jus de citron pressé dans votre verre d'eau au moment de la prise booste considérablement l'assimilation du fer contenu dans la spiruline.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SECTION 6 --\u003e\n\u003csection class=\"sp-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n\u003cdiv class=\"sp-accordion\"\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e⚠️ Recommandations générales\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eCe complément alimentaire ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🚫 Contre-indications\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eDéconseillé aux personnes souffrant de phénylcétonurie. En cas de grossesse, d'allaitement ou de traitement médical, demandez l'avis de votre médecin avant utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"sp-accordion-item\"\u003e\n\u003csummary class=\"sp-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"sp-accordion-content mt-3\"\u003e\n\u003cp\u003eÀ conserver à l'abri de la chaleur et de l'humidité dans son sachet d'origine bien refermé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cp class=\"sp-disclaimer\"\u003eLes informations fournies ne constituent pas un avis médical. Consultez votre professionnel de santé pour tout conseil personnalisé.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --sp-cream: #faf6f1;\n --sp-white: #ffffff;\n --sp-primary: #2a9d8f;\n --sp-primary-dark: #1a6b60;\n --sp-primary-light: #e8f6f4;\n --sp-secondary: #c45a3c;\n --sp-accent: #d4a04a;\n --sp-text: #1a1a1a;\n --sp-text-light: #5a5a5a;\n --sp-border: #e0e0e0;\n --sp-shadow: 0 4px 24px rgba(0,0,0,.08);\n --sp-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --sp-radius: 20px;\n --sp-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.sp-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--sp-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.sp-hero {\n position: relative;\n background: linear-gradient(135deg, #1a6b60 0%, #2a9d8f 40%, #c45a3c 100%);\n border-radius: var(--sp-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--sp-shadow-lg);\n}\n\n.sp-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(42,157,143,.15) 0%, transparent 60%);\n opacity: 1;\n}\n\n.sp-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.sp-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.sp-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: -.01em;\n}\n\n.sp-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 600px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.sp-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.sp-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.sp-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.sp-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.sp-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--sp-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.3;\n}\n\n.sp-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--sp-primary), var(--sp-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.sp-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--sp-text-light);\n margin-bottom: 1.5rem;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.8;\n}\n\n.sp-section-intro strong {\n color: var(--sp-text);\n}\n\n\/* === CARDS === *\/\n.sp-card {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--sp-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.sp-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--sp-shadow-lg);\n border-color: var(--sp-primary);\n}\n\n.sp-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--sp-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.sp-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.sp-card p strong {\n color: var(--sp-text);\n}\n\n\/* === GRILLES === *\/\n.sp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.sp-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.sp-grid-compact .sp-card {\n padding: 1rem;\n}\n\n.sp-grid-compact .sp-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.sp-grid-compact .sp-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION BOX === *\/\n.sp-composition-box {\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--sp-primary);\n}\n\n.sp-composition-highlight {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--sp-text);\n line-height: 1.7;\n margin: 0;\n}\n\n.sp-composition-highlight em {\n color: var(--sp-text-light);\n}\n\n\/* === NUTRITION CARD VARIANT === *\/\n.sp-card-nutri {\n background: linear-gradient(135deg, var(--sp-white) 0%, var(--sp-primary-light) 100%);\n}\n\n.sp-card-nutri p strong {\n color: var(--sp-primary-dark);\n font-size: clamp(16px, 3vw, 20px);\n display: block;\n margin-bottom: 2px;\n}\n\n\/* === TIMELINE === *\/\n.sp-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.sp-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.sp-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--sp-primary), var(--sp-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.sp-timeline-content {\n flex: 1;\n background: var(--sp-white);\n padding: 1rem 1.25rem;\n border-radius: var(--sp-radius-sm);\n box-shadow: var(--sp-shadow);\n}\n\n.sp-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--sp-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.sp-timeline-content p {\n font-size: 14px;\n color: var(--sp-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.sp-timeline-content p strong {\n color: var(--sp-text);\n}\n\n\/* === TIP BOX === *\/\n.sp-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--sp-primary-light);\n border-radius: var(--sp-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.sp-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.sp-tip p {\n font-size: 14px;\n color: var(--sp-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.sp-accordion {\n background: var(--sp-white);\n border-radius: var(--sp-radius);\n box-shadow: var(--sp-shadow);\n overflow: hidden;\n}\n\n.sp-accordion-item {\n border-bottom: 1px solid var(--sp-border);\n margin: 0;\n padding: 0;\n}\n\n.sp-accordion-item:last-child {\n border-bottom: none;\n}\n\n.sp-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--sp-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.sp-accordion-header:hover {\n background: var(--sp-primary-light);\n}\n\n.sp-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.sp-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--sp-primary);\n transition: transform .2s ease;\n}\n\n.sp-accordion-item[open] .sp-accordion-header::after {\n content: '−';\n}\n\n.sp-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--sp-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.sp-accordion-content p {\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.sp-disclaimer {\n font-size: 12px;\n color: var(--sp-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .sp-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .sp-card {\n padding: 1.125rem;\n }\n\n .sp-section {\n margin-bottom: 1.75rem;\n }\n\n .sp-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--sp-radius-sm);\n }\n\n .sp-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .sp-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .sp-grid-compact {\n gap: .625rem;\n }\n\n .sp-grid-compact .sp-card {\n padding: .75rem;\n }\n\n .sp-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .sp-timeline-content {\n padding: .875rem 1rem;\n }\n\n .sp-timeline-content h3 {\n font-size: 14px;\n }\n\n .sp-timeline-content p {\n font-size: 13px;\n }\n\n .sp-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .sp-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .sp-composition-box {\n padding: 1rem 1.125rem;\n }\n\n .sp-tip {\n padding: .875rem 1rem;\n }\n\n .sp-tip-icon {\n font-size: 20px;\n }\n\n .sp-tip p {\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .sp-card {\n animation: spFadeInUp .5s ease backwards;\n }\n .sp-card:nth-child(1) { animation-delay: .05s; }\n .sp-card:nth-child(2) { animation-delay: .1s; }\n .sp-card:nth-child(3) { animation-delay: .15s; }\n .sp-card:nth-child(4) { animation-delay: .2s; }\n .sp-card:nth-child(5) { animation-delay: .25s; }\n .sp-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes spFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .sp-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":45867172233373,"sku":"SPCO55","price":13.58,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/spiruline-crue-bio-energie-et-immunite-100-comprimes-sol-sem-lifestyle.webp?v=1772723739"},{"product_id":"klamath-bio-poudre-50g-aosa-veritable","title":"Klamath bio en poudre - 50 g - Aosa Véritable","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Klamath bio en poudre - 50 g - Aosa Véritable\nPalette détectée:\n - Primaire: #4A7C59 (vert naturel\/algue du packaging)\n - Secondaire: #8B6914 (kraft\/doré naturel du sachet)\n - Accent: #2E5A3C (vert foncé profond)\n - Cream: #F5F2EB (beige naturel kraft clair)\nAmbiance: Naturel, biologique, authentique, épuré, bien-être holistique\nPréfixe CSS: kla\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Qu'est-ce que l'algue Klamath ?\"\n 2. \"Les bienfaits de l'algue Klamath bio\"\n 3. \"Témoignages et retours d'expérience sur l'algue Klamath\"\n 4. \"Pourquoi choisir la Klamath en poudre Aosa Véritable ?\"\n 5. \"Composition complète\"\n 6. \"Comment utiliser la Klamath en poudre ?\"\n 7. \"Précautions d'emploi\"\n 8. \"Certifications et garanties\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"kla-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"kla-hero\"\u003e\n \u003cdiv class=\"kla-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"kla-hero-content\"\u003e\n \u003cdiv class=\"kla-badges-top\"\u003e\n \u003cspan class=\"kla-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🇫🇷 Conditionné en France\u003c\/span\u003e\n \u003cspan class=\"kla-badge\"\u003e🌊 Récolte sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"kla-hero-title\"\u003eKlamath Bio en Poudre\u003c\/span\u003e\n \u003cp class=\"kla-subtitle\"\u003eL'algue bleu-vert aux 115 nutriments du lac Klamath\u003c\/p\u003e\n \u003cp class=\"kla-description\"\u003eSuperaliment d'exception récolté à l'état sauvage dans les eaux pures de l'Oregon. Plus de 160 mg de phycocyanine et 10 mg de PEA par dose pour une vitalité naturelle incomparable.\u003c\/p\u003e\n \u003cdiv class=\"kla-hero-highlights\"\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e60%\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003eProtéines\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e160mg\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003ePhycocyanine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-highlight\"\u003e\n \u003cspan class=\"kla-highlight-value\"\u003e50g\u003c\/span\u003e\n \u003cspan class=\"kla-highlight-label\"\u003e≈ 25 jours\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eQu'est-ce que l'algue Klamath ?\u003c\/h2\u003e\n \u003cdiv class=\"kla-intro-card\"\u003e\n \u003cp\u003eL'\u003cstrong\u003ealgue Klamath\u003c\/strong\u003e, de son nom scientifique \u003cstrong\u003eAphanizomenon flos aquae\u003c\/strong\u003e (AFA), est une microalgue bleu-vert qui pousse exclusivement dans le lac Klamath supérieur, situé au cœur d'une région volcanique des États-Unis.\u003c\/p\u003e\n \u003cp\u003eCe lac, alimenté par des sources souterraines pures et des sédiments volcaniques millénaires, offre un écosystème unique où cette algue se développe naturellement, \u003cstrong\u003esans aucune culture artificielle\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌋 Origine volcanique\u003c\/h3\u003e\n \u003cp\u003eSédiments millénaires riches en minéraux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🏔️ Lac Klamath, Oregon\u003c\/h3\u003e\n \u003cp\u003eÉcosystème préservé et unique au monde\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 100% sauvage\u003c\/h3\u003e\n \u003cp\u003eAucune culture artificielle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e💎 Profil unique\u003c\/h3\u003e\n \u003cp\u003eSupérieur à la spiruline et chlorella\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eLes bienfaits de l'algue Klamath bio\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eUne composition nutritionnelle remarquablement complète qui en fait l'un des superaliments les plus puissants de la planète.\u003c\/p\u003e\n \n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card kla-card-featured\"\u003e\n \u003ch3\u003e💪 60% de protéines complètes\u003c\/h3\u003e\n \u003cp\u003eLes 20 acides aminés dont les 8 essentiels, hautement assimilables par l'organisme\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧬 Vitamines B en abondance\u003c\/h3\u003e\n \u003cp\u003eNotamment la B12 naturelle, précieuse pour végétariens et végans\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Minéraux volcaniques\u003c\/h3\u003e\n \u003cp\u003eFer, magnésium, zinc, manganèse, sélénium issus des sédiments du lac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌱 Chlorophylle détoxifiante\u003c\/h3\u003e\n \u003cp\u003eEn grande quantité pour soutenir l'élimination naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants puissants\u003c\/h3\u003e\n \u003cp\u003eCaroténoïdes naturels pour protéger vos cellules\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"kla-special-box\"\u003e\n \u003ch3\u003e🔬 Deux molécules qui font la différence\u003c\/h3\u003e\n \u003cdiv class=\"kla-molecules\"\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhycocyanine\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 160 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eCe pigment bleu aux puissantes propriétés antioxydantes est présent en concentrations particulièrement élevées dans la Klamath\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-molecule\"\u003e\n \u003cdiv class=\"kla-molecule-header\"\u003e\n \u003cspan class=\"kla-molecule-name\"\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cspan class=\"kla-molecule-dose\"\u003e\u0026gt; 10 mg \/ 2g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp\u003eSurnommée « molécule du bonheur », ce neuromodulateur naturel influence positivement l'humeur et la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eTémoignages et retours d'expérience sur l'algue Klamath\u003c\/h2\u003e\n \u003cdiv class=\"kla-testimonial\"\u003e\n \u003cp class=\"kla-testimonial-text\"\u003eDe nombreuses personnes qui intègrent l'algue Klamath à leur routine quotidienne rapportent des effets positifs sur leur bien-être général :\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e⚡ Regain d'énergie\u003c\/h3\u003e\n \u003cp\u003eUne vitalité retrouvée sans effet excitant ni coup de fatigue\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🧠 Clarté mentale\u003c\/h3\u003e\n \u003cp\u003eMeilleure concentration et focus au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🍂 Soutien saisonnier\u003c\/h3\u003e\n \u003cp\u003eAide précieuse en période de fatigue ou de surmenage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e😊 Humeur équilibrée\u003c\/h3\u003e\n \u003cp\u003eUn moral stable grâce à la PEA naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003e\u003cem\u003eLes effets peuvent varier d'une personne à l'autre. Ce complément alimentaire ne remplace en aucun cas un traitement médical ni une alimentation variée et équilibrée.\u003c\/em\u003e\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePourquoi choisir la Klamath en poudre Aosa Véritable ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eToutes les poudres de Klamath ne se valent pas. Voici ce qui distingue ce produit d'exception.\u003c\/p\u003e\n \u003cdiv class=\"kla-grid\"\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌊 Récolte sauvage premium\u003c\/h3\u003e\n \u003cp\u003eDans le lac Klamath supérieur, la zone la plus préservée et riche en nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e❄️ Séchage basse température\u003c\/h3\u003e\n \u003cp\u003ePréserve l'intégralité des vitamines, enzymes et pigments actifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🌿 Certification biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen + Ecocert : zéro contaminant, traçabilité totale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e✨ 100% pure\u003c\/h3\u003e\n \u003cp\u003eSans additif, sans excipient, sans agent de charge\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card\"\u003e\n \u003ch3\u003e🇫🇷 Conditionné en France\u003c\/h3\u003e\n \u003cp\u003ePar Aosa Véritable, expert des algues du bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"kla-composition-card\"\u003e\n \u003cdiv class=\"kla-ingredient-unique\"\u003e\n \u003cspan class=\"kla-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003ePoudre d'\u003cem\u003eAphanizomenon flos aquae\u003c\/em\u003e du lac Klamath déshydratée, \u003cstrong\u003e100% issue de l'agriculture biologique\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-table\"\u003e\n \u003ch3\u003eValeurs nutritionnelles pour 2 g (dose journalière)\u003c\/h3\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhycocyanine\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 160 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-nutrition-row\"\u003e\n \u003cspan\u003ePhényléthylamine (PEA)\u003c\/span\u003e\n \u003cstrong\u003e\u0026gt; 10 mg\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-net-weight\"\u003e\n \u003cspan\u003ePoids net\u003c\/span\u003e\n \u003cstrong\u003e50 g\u003c\/strong\u003e\n \u003cspan class=\"kla-duration\"\u003e≈ 25 jours d'utilisation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003eComment utiliser la Klamath en poudre ?\u003c\/h2\u003e\n \u003cp class=\"kla-section-intro\"\u003eLa poudre de Klamath s'intègre très facilement à votre alimentation quotidienne.\u003c\/p\u003e\n \u003cdiv class=\"kla-timeline\"\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eDosez correctement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e2 g par jour\u003c\/strong\u003e, soit environ une cuillère à café rase\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eChoisissez votre méthode\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eEn boisson :\u003c\/strong\u003e mélangez dans de l'eau, un jus frais ou un smoothie\u003cbr\u003e\u003cstrong\u003eSur vos aliments :\u003c\/strong\u003e saupoudrez sur salade, yaourt végétal ou céréales\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-item\"\u003e\n \u003cdiv class=\"kla-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"kla-timeline-content\"\u003e\n \u003ch3\u003eConsommez à froid ou tiède\u003c\/h3\u003e\n \u003cp\u003eÉvitez de chauffer pour préserver tous les nutriments\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-tip\"\u003e\n \u003cspan class=\"kla-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce débutant :\u003c\/strong\u003e commencez par une demi-dose les premiers jours si vous n'avez jamais consommé d'algue Klamath, le temps que votre organisme s'habitue à cette richesse nutritionnelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"kla-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"kla-accordion\"\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e⚠️ Contre-indications\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eDéconseillé aux personnes souffrant de troubles de la coagulation ou sous traitement anticoagulant (la Klamath contient de la vitamine K).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e📏 Dosage\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée de 2 g.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🤰 Grossesse et allaitement\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eEn cas de grossesse, d'allaitement ou de traitement médical, consultez votre professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧒 Enfants\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eTenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"kla-accordion-item\"\u003e\n \u003csummary class=\"kla-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"kla-accordion-content\"\u003e\n \u003cp\u003eConservez votre sachet à l'abri de la lumière et de l'humidité, dans un endroit sec et à température ambiante. Refermez soigneusement après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cp class=\"kla-disclaimer\"\u003eCe complément alimentaire ne peut se substituer à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"kla-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eCertifications et garanties\u003c\/h2\u003e\n \u003cdiv class=\"kla-grid-compact\"\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌿 Agriculture Biologique\u003c\/h3\u003e\n \u003cp\u003eLabel AB européen certifié\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e✅ Contrôlé Ecocert\u003c\/h3\u003e\n \u003cp\u003eTraçabilité garantie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🌱 Convient aux végans\u003c\/h3\u003e\n \u003cp\u003e100% végétal\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-card kla-card-cert\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eConditionné à Montlignon (95)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"kla-cta-box\"\u003e\n \u003cp\u003eEn choisissant cette \u003cstrong\u003ealgue Klamath bio\u003c\/strong\u003e, vous optez pour un produit pur, traçable et respectueux de l'environnement naturel unique du lac Klamath.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --kla-cream: #F5F2EB;\n --kla-white: #ffffff;\n --kla-primary: #4A7C59;\n --kla-primary-dark: #2E5A3C;\n --kla-primary-light: #E8F0EA;\n --kla-secondary: #8B6914;\n --kla-accent: #5B9A6F;\n --kla-text: #1a1a1a;\n --kla-text-light: #5a5a5a;\n --kla-border: #e0e0e0;\n --kla-shadow: 0 4px 24px rgba(0,0,0,.08);\n --kla-shadow-lg: 0 12px 48px rgba(0,0,0,.12);\n --kla-radius: 20px;\n --kla-radius-sm: 12px;\n}\n\n.kla-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--kla-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.kla-hero {\n position: relative;\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 50%, var(--kla-accent) 100%);\n border-radius: var(--kla-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(--kla-shadow-lg);\n}\n\n.kla-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);\n opacity: 1;\n}\n\n.kla-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.kla-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.kla-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(--kla-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.kla-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.kla-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.kla-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}\n\n.kla-description {\n color: rgba(255,255,255,.85);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.kla-hero-highlights {\n display: flex;\n justify-content: center;\n gap: clamp(1rem, 4vw, 2.5rem);\n flex-wrap: wrap;\n}\n\n.kla-highlight {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1rem 1.5rem;\n border-radius: var(--kla-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-highlight-value {\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.kla-highlight-label {\n font-size: 12px;\n color: rgba(255,255,255,.8);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.kla-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.kla-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--kla-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.kla-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(--kla-primary), var(--kla-accent));\n border-radius: 2px;\n}\n\n.kla-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n\/* === CARDS === *\/\n.kla-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--kla-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.kla-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--kla-shadow-lg);\n border-color: var(--kla-primary);\n}\n\n.kla-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--kla-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.kla-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-card-featured {\n background: linear-gradient(135deg, var(--kla-primary-light) 0%, var(--kla-white) 100%);\n border: 2px solid var(--kla-primary);\n}\n\n.kla-card-cert {\n background: var(--kla-primary-light);\n}\n\n\/* === GRILLES === *\/\n.kla-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.kla-grid-compact .kla-card {\n padding: 1rem;\n}\n\n.kla-grid-compact .kla-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.kla-grid-compact .kla-card p {\n font-size: 12px;\n}\n\n\/* === INTRO CARD === *\/\n.kla-intro-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n margin-bottom: 1.5rem;\n border-left: 4px solid var(--kla-primary);\n}\n\n.kla-intro-card p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--kla-text);\n line-height: 1.8;\n margin: 0 0 1rem 0;\n}\n\n.kla-intro-card p:last-child {\n margin-bottom: 0;\n}\n\n\/* === SPECIAL BOX (Molécules) === *\/\n.kla-special-box {\n background: linear-gradient(135deg, var(--kla-primary-dark) 0%, var(--kla-primary) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n margin-top: 1.5rem;\n color: white;\n}\n\n.kla-special-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n margin: 0 0 1.5rem 0;\n text-align: center;\n}\n\n.kla-molecules {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.25rem;\n}\n\n.kla-molecule {\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.kla-molecule-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: .75rem;\n flex-wrap: wrap;\n gap: .5rem;\n}\n\n.kla-molecule-name {\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-molecule-dose {\n background: rgba(255,255,255,.25);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n}\n\n.kla-molecule p {\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n opacity: .9;\n}\n\n\/* === TESTIMONIAL === *\/\n.kla-testimonial {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n border-left: 4px solid var(--kla-primary);\n margin-bottom: 1.5rem;\n}\n\n.kla-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--kla-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === COMPOSITION CARD === *\/\n.kla-composition-card {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-ingredient-unique {\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1.25rem;\n margin-bottom: 1.5rem;\n text-align: center;\n}\n\n.kla-ingredient-label {\n display: inline-block;\n background: var(--kla-primary);\n color: white;\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .75rem;\n}\n\n.kla-ingredient-unique p {\n font-size: 15px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.kla-nutrition-table {\n margin-bottom: 1.5rem;\n}\n\n.kla-nutrition-table h3 {\n font-size: 14px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.kla-nutrition-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 0;\n border-bottom: 1px solid var(--kla-border);\n}\n\n.kla-nutrition-row:last-child {\n border-bottom: none;\n}\n\n.kla-nutrition-row span {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-nutrition-row strong {\n font-size: 16px;\n color: var(--kla-primary-dark);\n font-weight: 800;\n}\n\n.kla-net-weight {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: .75rem;\n flex-wrap: wrap;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem;\n text-align: center;\n}\n\n.kla-net-weight span:first-child {\n font-size: 14px;\n color: var(--kla-text-light);\n}\n\n.kla-net-weight strong {\n font-size: 24px;\n color: var(--kla-primary-dark);\n font-weight: 900;\n}\n\n.kla-duration {\n font-size: 13px;\n color: var(--kla-primary);\n font-weight: 600;\n}\n\n\/* === TIMELINE === *\/\n.kla-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.kla-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.kla-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--kla-primary), var(--kla-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.kla-timeline-content {\n flex: 1;\n background: var(--kla-white);\n padding: 1rem 1.25rem;\n border-radius: var(--kla-radius-sm);\n box-shadow: var(--kla-shadow);\n}\n\n.kla-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--kla-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.kla-timeline-content p {\n font-size: 14px;\n color: var(--kla-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.kla-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--kla-primary-light);\n border-radius: var(--kla-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.kla-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.kla-tip p {\n font-size: 14px;\n color: var(--kla-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.kla-accordion {\n background: var(--kla-white);\n border-radius: var(--kla-radius);\n box-shadow: var(--kla-shadow);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.kla-accordion-item {\n border-bottom: 1px solid var(--kla-border);\n margin: 0;\n padding: 0;\n}\n\n.kla-accordion-item:last-child {\n border-bottom: none;\n}\n\n.kla-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--kla-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.kla-accordion-header:hover {\n background: var(--kla-primary-light);\n}\n\n.kla-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.kla-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--kla-primary);\n transition: transform .2s ease;\n}\n\n.kla-accordion-item[open] .kla-accordion-header::after {\n content: '−';\n}\n\n.kla-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--kla-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.kla-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.kla-cta-box {\n background: linear-gradient(135deg, var(--kla-primary) 0%, var(--kla-primary-dark) 100%);\n border-radius: var(--kla-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.kla-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.kla-disclaimer {\n font-size: 12px;\n color: var(--kla-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .kla-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-card {\n padding: 1.125rem;\n }\n \n .kla-section {\n margin-bottom: 1.75rem;\n }\n \n .kla-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--kla-radius-sm);\n }\n \n .kla-hero-highlights {\n gap: .75rem;\n }\n \n .kla-highlight {\n padding: .75rem 1rem;\n }\n \n .kla-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .kla-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .kla-grid-compact {\n gap: .625rem;\n }\n \n .kla-grid-compact .kla-card {\n padding: .75rem;\n }\n \n .kla-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .kla-timeline-content {\n padding: .875rem 1rem;\n }\n \n .kla-timeline-content h3 {\n font-size: 14px;\n }\n \n .kla-timeline-content p {\n font-size: 13px;\n }\n \n .kla-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .kla-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .kla-testimonial {\n padding: 1.25rem;\n }\n \n .kla-testimonial-text {\n font-size: 14px;\n }\n \n .kla-intro-card {\n padding: 1.25rem;\n }\n \n .kla-intro-card p {\n font-size: 14px;\n }\n \n .kla-special-box {\n padding: 1.25rem;\n }\n \n .kla-special-box h3 {\n font-size: 18px;\n }\n \n .kla-molecules {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .kla-molecule {\n padding: 1rem;\n }\n \n .kla-molecule-name {\n font-size: 14px;\n }\n \n .kla-molecule-dose {\n font-size: 12px;\n }\n \n .kla-molecule p {\n font-size: 13px;\n }\n \n .kla-composition-card {\n padding: 1.25rem;\n }\n \n .kla-nutrition-row span {\n font-size: 13px;\n }\n \n .kla-nutrition-row strong {\n font-size: 14px;\n }\n \n .kla-net-weight strong {\n font-size: 20px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .kla-card {\n animation: fadeInUp .5s ease backwards;\n }\n .kla-card:nth-child(1) { animation-delay: .05s; }\n .kla-card:nth-child(2) { animation-delay: .1s; }\n .kla-card:nth-child(3) { animation-delay: .15s; }\n .kla-card:nth-child(4) { animation-delay: .2s; }\n .kla-card:nth-child(5) { animation-delay: .25s; }\n .kla-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 .kla-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AOSA VERITABLE","offers":[{"title":"Default Title","offer_id":54816328319353,"sku":"AV2500","price":28.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/klamath-bio-en-poudre-50-g-aosa-veritable-packshothd.webp?v=1789735340"},{"product_id":"tisane-digestion-sachets-graine-sauvage","title":"Tisane Digestion aux 6 Plantes Bio - 20 sachets - Graine Sauvage","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tisane Digestion aux 6 Plantes Bio - Graine Sauvage\nPalette détectée:\n - Primaire: #7CB342 (vert prairie\/naturel du packaging)\n - Secondaire: #C5E1A5 (vert clair\/beige naturel du fond)\n - Accent: #558B2F (vert foncé pour les textes)\nAmbiance: Naturel, bio, authentique, tradition française, herboristerie, douceur\nPréfixe CSS: gs\n--\u003e\n\n\u003cdiv class=\"gs-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"gs-hero\"\u003e\n \u003cdiv class=\"gs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gs-hero-content\"\u003e\n \u003cdiv class=\"gs-badges-top\"\u003e\n \u003cspan class=\"gs-badge\"\u003e🌿 100% Bio\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"gs-badge\"\u003e🌱 6 plantes digestives\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"gs-hero-title\"\u003eTisane Digestion aux 6 Plantes Bio\u003c\/span\u003e\n \u003cp class=\"gs-subtitle\"\u003eL'alliance parfaite de la nature pour votre confort digestif\u003c\/p\u003e\n \u003cp class=\"gs-description\"\u003eUne infusion délicieusement naturelle, élaborée à partir d'un mélange harmonieux de plantes biologiques soigneusement sélectionnées pour apaiser et favoriser votre bien-être digestif.\u003c\/p\u003e\n \u003cdiv class=\"gs-hero-stats\"\u003e\n \u003cdiv class=\"gs-stat\"\u003e\n \u003cspan class=\"gs-stat-number\"\u003e20\u003c\/span\u003e\n \u003cspan class=\"gs-stat-label\"\u003eSachets\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-stat\"\u003e\n \u003cspan class=\"gs-stat-number\"\u003e6\u003c\/span\u003e\n \u003cspan class=\"gs-stat-label\"\u003ePlantes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-stat\"\u003e\n \u003cspan class=\"gs-stat-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"gs-stat-label\"\u003eNaturel\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- LES 6 PLANTES --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003e🌿 Un mélange de 6 plantes d'exception\u003c\/h2\u003e\n \u003cp class=\"gs-section-intro\"\u003eChaque plante a été soigneusement choisie pour son action spécifique dans l'amélioration du confort digestif\u003c\/p\u003e\n \u003cdiv class=\"gs-grid gs-grid-6\"\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e🌿\u003c\/div\u003e\n \u003ch3\u003eMenthe poivrée\u003c\/h3\u003e\n \u003cp\u003ePropriétés apaisantes et rafraîchissantes qui stimulent naturellement la digestion\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e🌾\u003c\/div\u003e\n \u003ch3\u003eFenouil\u003c\/h3\u003e\n \u003cp\u003eRéduit les ballonnements et favorise une digestion légère et confortable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e🌼\u003c\/div\u003e\n \u003ch3\u003eCamomille\u003c\/h3\u003e\n \u003cp\u003eVertus relaxantes reconnues et effet bénéfique sur l'estomac\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e⭐\u003c\/div\u003e\n \u003ch3\u003eAnis vert\u003c\/h3\u003e\n \u003cp\u003eSaveur douce qui apaise les inconforts digestifs du quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e🍃\u003c\/div\u003e\n \u003ch3\u003eVerveine\u003c\/h3\u003e\n \u003cp\u003eSoulage les tensions et facilite le transit en douceur\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-plant-card\"\u003e\n \u003cdiv class=\"gs-plant-icon\"\u003e🪵\u003c\/div\u003e\n \u003ch3\u003eRéglisse\u003c\/h3\u003e\n \u003cp\u003eSaveur légèrement sucrée tout en soutenant une digestion harmonieuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BIENFAITS --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003e✨ Les bienfaits de votre tisane\u003c\/h2\u003e\n \u003cdiv class=\"gs-benefits-grid\"\u003e\n \u003cdiv class=\"gs-benefit-card gs-benefit-main\"\u003e\n \u003cdiv class=\"gs-benefit-icon\"\u003e🍵\u003c\/div\u003e\n \u003ch3\u003eConfort digestif optimal\u003c\/h3\u003e\n \u003cp\u003eUn mélange synergique qui agit en douceur pour apaiser votre système digestif et réduire les sensations d'inconfort après les repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-benefit-card\"\u003e\n \u003cdiv class=\"gs-benefit-icon\"\u003e💨\u003c\/div\u003e\n \u003ch3\u003eAnti-ballonnements\u003c\/h3\u003e\n \u003cp\u003eLe fenouil et l'anis vert travaillent ensemble pour réduire les ballonnements gênants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-benefit-card\"\u003e\n \u003cdiv class=\"gs-benefit-icon\"\u003e😌\u003c\/div\u003e\n \u003ch3\u003eEffet relaxant\u003c\/h3\u003e\n \u003cp\u003eLa camomille et la verveine apportent détente et sérénité à votre moment tisane.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-benefit-card\"\u003e\n \u003cdiv class=\"gs-benefit-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003e100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans additifs ni arômes artificiels, que des plantes bio de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-benefit-card\"\u003e\n \u003cdiv class=\"gs-benefit-icon\"\u003e♻️\u003c\/div\u003e\n \u003ch3\u003eÉcoresponsable\u003c\/h3\u003e\n \u003cp\u003eSachets biodégradables et ingrédients issus de filières certifiées bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre tisane ?\u003c\/h2\u003e\n \u003cdiv class=\"gs-steps\"\u003e\n \u003cdiv class=\"gs-step\"\u003e\n \u003cdiv class=\"gs-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"gs-step-content\"\u003e\n \u003ch3\u003eChauffez l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez l'eau à \u003cstrong\u003e90°C\u003c\/strong\u003e (juste avant l'ébullition) pour préserver tous les arômes délicats des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-step\"\u003e\n \u003cdiv class=\"gs-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"gs-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003ePlacez un sachet dans votre tasse favorite et versez l'eau chaude dessus.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-step\"\u003e\n \u003cdiv class=\"gs-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"gs-step-content\"\u003e\n \u003ch3\u003ePatientez\u003c\/h3\u003e\n \u003cp\u003eLaissez infuser \u003cstrong\u003e5 à 7 minutes\u003c\/strong\u003e selon l'intensité souhaitée pour libérer tous les bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-step\"\u003e\n \u003cdiv class=\"gs-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"gs-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez et ressentez immédiatement une sensation de légèreté et de bien-être.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ENGAGEMENTS --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003e🌍 Nos engagements qualité\u003c\/h2\u003e\n \u003cdiv class=\"gs-commitments\"\u003e\n \u003cdiv class=\"gs-commitment\"\u003e\n \u003cdiv class=\"gs-commitment-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cspan\u003eFabriqué en France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-commitment\"\u003e\n \u003cdiv class=\"gs-commitment-icon\"\u003e🌿\u003c\/div\u003e\n \u003cspan\u003eAgriculture biologique certifiée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-commitment\"\u003e\n \u003cdiv class=\"gs-commitment-icon\"\u003e♻️\u003c\/div\u003e\n \u003cspan\u003eSachets biodégradables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-commitment\"\u003e\n \u003cdiv class=\"gs-commitment-icon\"\u003e🚫\u003c\/div\u003e\n \u003cspan\u003eSans additifs ni arômes artificiels\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-commitment\"\u003e\n \u003cdiv class=\"gs-commitment-icon\"\u003e🌱\u003c\/div\u003e\n \u003cspan\u003eFilières durables et responsables\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"gs-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"gs-info-grid\"\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003e20 sachets\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003eGraine Sauvage\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eCertification\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003eAgriculture Biologique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eOrigine\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003eFrance\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eTempérature\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003e90°C\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"gs-info-card\"\u003e\n \u003cspan class=\"gs-info-label\"\u003eInfusion\u003c\/span\u003e\n \u003cspan class=\"gs-info-value\"\u003e5 à 7 min\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"gs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"gs-cta-box\"\u003e\n \u003cdiv class=\"gs-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"gs-cta-content\"\u003e\n \u003cspan class=\"gs-cta-icon\"\u003e🍃\u003c\/span\u003e\n \u003cp\u003eOffrez-vous un moment de sérénité et retrouvez un confort digestif optimal avec cette tisane d'exception, fruit du savoir-faire français et de la générosité de la nature.\u003c\/p\u003e\n \u003cspan class=\"gs-cta-tagline\"\u003eDes plantes, des traditions, c'est Graine Sauvage.\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --gs-cream: #F9FBF7;\n --gs-white: #ffffff;\n --gs-primary: #7CB342;\n --gs-primary-dark: #558B2F;\n --gs-primary-light: #E8F5E9;\n --gs-secondary: #C5E1A5;\n --gs-accent: #9CCC65;\n \n \/* Textes *\/\n --gs-text: #2E3A23;\n --gs-text-light: #5D6B52;\n \n \/* Effets *\/\n --gs-border: #D7E5C8;\n --gs-shadow: 0 4px 24px rgba(85, 139, 47, .08);\n --gs-shadow-lg: 0 12px 48px rgba(85, 139, 47, .15);\n --gs-radius: 20px;\n --gs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.gs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.gs-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.gs-hero {\n position: relative;\n background: linear-gradient(135deg, #7CB342 0%, #9CCC65 40%, #558B2F 100%);\n border-radius: var(--gs-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.1) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.08) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5c-2 8-8 14-16 16 8 2 14 8 16 16 2-8 8-14 16-16-8-2-14-8-16-16z' fill='%23fff' fill-opacity='.03'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gs-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gs-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 18px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n box-shadow: 0 4px 16px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gs-badge:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 8px 24px rgba(0,0,0,.15);\n}\n\n.gs-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 6vw, 48px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.gs-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.gs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto 2rem;\n}\n\n.gs-hero-stats {\n display: flex;\n justify-content: center;\n gap: clamp(1.5rem, 4vw, 3rem);\n flex-wrap: wrap;\n}\n\n.gs-stat {\n display: flex;\n flex-direction: column;\n align-items: center;\n background: rgba(255,255,255,.15);\n backdrop-filter: blur(10px);\n padding: 1.2rem 2rem;\n border-radius: var(--gs-radius-sm);\n border: 1px solid rgba(255,255,255,.2);\n}\n\n.gs-stat-number {\n font-size: clamp(28px, 5vw, 40px);\n font-weight: 900;\n color: white;\n line-height: 1;\n}\n\n.gs-stat-label {\n font-size: 13px;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-top: 4px;\n}\n\n\/* === SECTIONS === *\/\n.gs-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.gs-section-intro {\n text-align: center;\n color: var(--gs-text-light);\n font-size: clamp(15px, 2vw, 18px);\n max-width: 600px;\n margin: -1rem auto 2rem;\n line-height: 1.6;\n}\n\n.gs-premium h2 {\n font-size: clamp(24px, 5vw, 34px);\n font-weight: 900;\n color: var(--gs-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.02em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.gs-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--gs-primary), var(--gs-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.gs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.gs-grid-6 {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n\/* === PLANT CARDS === *\/\n.gs-plant-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gs-plant-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-primary);\n}\n\n.gs-plant-icon {\n font-size: 40px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.gs-plant-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.gs-plant-card p {\n font-size: 14px;\n color: var(--gs-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === BENEFITS === *\/\n.gs-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 1.5rem;\n}\n\n.gs-benefit-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--gs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.gs-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gs-shadow-lg);\n border-color: var(--gs-accent);\n}\n\n.gs-benefit-main {\n grid-column: 1 \/ -1;\n background: linear-gradient(135deg, var(--gs-primary-light) 0%, var(--gs-white) 100%);\n border: 2px solid var(--gs-secondary);\n}\n\n@media (min-width: 768px) {\n .gs-benefit-main {\n grid-column: span 2;\n }\n}\n\n.gs-benefit-icon {\n font-size: 36px;\n margin-bottom: 1rem;\n}\n\n.gs-benefit-card h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gs-benefit-card p {\n font-size: 14px;\n color: var(--gs-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n\/* === STEPS === *\/\n.gs-steps {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.gs-step {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--gs-white);\n padding: clamp(1.5rem, 3vw, 2rem);\n border-radius: var(--gs-radius);\n box-shadow: var(--gs-shadow);\n transition: all .3s ease;\n}\n\n.gs-step:hover {\n transform: translateX(8px);\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-step-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));\n color: white;\n font-size: 22px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(124, 179, 66, .3);\n}\n\n.gs-step-content h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--gs-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.gs-step-content p {\n font-size: 15px;\n color: var(--gs-text-light);\n line-height: 1.6;\n margin: 0;\n}\n\n.gs-step-content strong {\n color: var(--gs-primary-dark);\n}\n\n\/* === COMMITMENTS === *\/\n.gs-commitments {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 1rem;\n}\n\n.gs-commitment {\n display: flex;\n align-items: center;\n gap: 10px;\n background: var(--gs-white);\n padding: 1rem 1.5rem;\n border-radius: 999px;\n box-shadow: var(--gs-shadow);\n border: 2px solid var(--gs-border);\n transition: all .3s ease;\n}\n\n.gs-commitment:hover {\n transform: translateY(-4px);\n border-color: var(--gs-primary);\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-commitment-icon {\n font-size: 24px;\n}\n\n.gs-commitment span {\n font-size: 14px;\n font-weight: 700;\n color: var(--gs-primary-dark);\n}\n\n\/* === INFO GRID === *\/\n.gs-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.gs-info-card {\n background: var(--gs-white);\n border-radius: var(--gs-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--gs-shadow);\n border: 2px solid var(--gs-border);\n transition: all .3s ease;\n}\n\n.gs-info-card:hover {\n border-color: var(--gs-primary);\n transform: translateY(-4px);\n}\n\n.gs-info-label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--gs-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 6px;\n}\n\n.gs-info-value {\n display: block;\n font-size: 16px;\n font-weight: 800;\n color: var(--gs-primary-dark);\n}\n\n\/* === CTA BOX === *\/\n.gs-cta-box {\n background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 100%);\n border-radius: var(--gs-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--gs-shadow-lg);\n}\n\n.gs-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M40 10c-3 12-12 21-24 24 12 3 21 12 24 24 3-12 12-21 24-24-12-3-21-12-24-24z' fill='%23fff' fill-opacity='.05'\/%3E%3C\/svg%3E\");\n opacity: 1;\n}\n\n.gs-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.gs-cta-icon {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.gs-cta-box p {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 600px;\n margin: 0 auto 1.5rem;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.gs-cta-tagline {\n display: inline-block;\n background: rgba(255,255,255,.2);\n backdrop-filter: blur(10px);\n padding: 12px 24px;\n border-radius: 999px;\n color: white;\n font-size: 15px;\n font-weight: 700;\n font-style: italic;\n border: 1px solid rgba(255,255,255,.3);\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gs-plant-card,\n .gs-benefit-card,\n .gs-step,\n .gs-commitment,\n .gs-info-card {\n animation: gsFadeInUp .6s ease backwards;\n }\n \n .gs-plant-card:nth-child(1), .gs-benefit-card:nth-child(1) { animation-delay: .1s; }\n .gs-plant-card:nth-child(2), .gs-benefit-card:nth-child(2) { animation-delay: .15s; }\n .gs-plant-card:nth-child(3), .gs-benefit-card:nth-child(3) { animation-delay: .2s; }\n .gs-plant-card:nth-child(4), .gs-benefit-card:nth-child(4) { animation-delay: .25s; }\n .gs-plant-card:nth-child(5), .gs-benefit-card:nth-child(5) { animation-delay: .3s; }\n .gs-plant-card:nth-child(6) { animation-delay: .35s; }\n \n .gs-step:nth-child(1) { animation-delay: .1s; }\n .gs-step:nth-child(2) { animation-delay: .2s; }\n .gs-step:nth-child(3) { animation-delay: .3s; }\n .gs-step:nth-child(4) { animation-delay: .4s; }\n}\n\n@keyframes gsFadeInUp {\n from { \n opacity: 0; \n transform: translateY(30px); \n }\n to { \n opacity: 1; \n transform: translateY(0); \n }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gs-grid,\n .gs-grid-6,\n .gs-benefits-grid {\n grid-template-columns: 1fr;\n }\n \n .gs-benefit-main {\n grid-column: 1;\n }\n \n .gs-hero-stats {\n gap: 1rem;\n }\n \n .gs-stat {\n padding: 1rem 1.5rem;\n }\n \n .gs-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n \n .gs-commitments {\n flex-direction: column;\n align-items: stretch;\n }\n \n .gs-commitment {\n justify-content: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .gs-premium * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .gs-premium {\n --gs-text: #000000;\n --gs-text-light: #333333;\n --gs-border: #666666;\n }\n \n .gs-badge,\n .gs-commitment span,\n .gs-plant-card h3,\n .gs-benefit-card h3,\n .gs-step-content h3 {\n color: #000000;\n }\n}\n\u003c\/style\u003e","brand":"GRAINE SAUVAGE","offers":[{"title":"Default Title","offer_id":54896031924601,"sku":"GS9233","price":6.69,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tisane-digestion-aux-6-plantes-bio-20-sachets-graine-sauvage-ingredients.jpg?v=1768291452"},{"product_id":"super-cafe-adaptogene-mush-n-go","title":"Brainstoorm : Super Café aux champignons adaptogènes - Goût Chocolat - 240g - Mush N Go","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Brainstoorm - Super Café aux champignons adaptogènes\nPalette détectée:\n - Primaire: #4a3a8c (violet profond du packaging)\n - Secondaire: #d4c94a (jaune\/lime du texte \"BrainStoorm\")\n - Accent: #6b5b9a (violet moyen)\n - Fond packaging: #2d2456 (violet foncé)\nAmbiance: Moderne, énergisant, focus mental, univers nootropique\/biohacking avec touches gourmandes (chocolat-noisette). Style premium tech-naturel.\nPréfixe CSS: bs\n--\u003e\n\n\u003cdiv class=\"bs-premium\"\u003e\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bs-hero\"\u003e\n \u003cdiv class=\"bs-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bs-hero-content\"\u003e\n \u003cdiv class=\"bs-badges-top\"\u003e\n \u003cspan class=\"bs-badge\"\u003e🧠 Focus \u0026amp; Énergie\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🍄 3 Champignons\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003cspan class=\"bs-badge\"\u003e☕ 30 portions\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bs-hero-title\"\u003eSuper Café Brainstoorm\u003c\/span\u003e\n \u003cp class=\"bs-subtitle\"\u003eChampignons adaptogènes \u0026amp; plantes\u003c\/p\u003e\n \u003cp class=\"bs-description\"\u003eUne formule innovante enrichie en \u003cstrong\u003eLion's Mane, Cordyceps et Chaga\u003c\/strong\u003e pour une énergie stable et une clarté mentale durable, sans anxiété ni crash énergétique. Saveur chocolat-noisette irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES PRINCIPAUX --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Pourquoi choisir Brainstoorm ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🎯 Concentration optimale\u003c\/h3\u003e\n \u003cp\u003eAméliore la clarté mentale et la productivité grâce au Lion's Mane et ses composés neuroactifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⚡ Énergie stable\u003c\/h3\u003e\n \u003cp\u003eFini les pics et crashs énergétiques : une journée équilibrée du matin au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🧘 Zéro stress\u003c\/h3\u003e\n \u003cp\u003eL'Ashwagandha et la Rhodiola éliminent l'anxiété et les palpitations du café classique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Goût gourmand\u003c\/h3\u003e\n \u003cp\u003eDélicieuse saveur chocolat-noisette qui rappelle les plaisirs de l'enfance\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🛡️ Défenses renforcées\u003c\/h3\u003e\n \u003cp\u003eLe Chaga soutient votre système immunitaire avec ses puissants antioxydants\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🌿 100% naturel\u003c\/h3\u003e\n \u003cp\u003eSans OGM, sans additifs artificiels, uniquement des ingrédients naturels sourcés en Europe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION DÉTAILLÉE --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e🍄 Composition par tasse (8g)\u003c\/h2\u003e\n \u003cp class=\"bs-intro\"\u003eUne synergie unique de \u003cstrong\u003e3 champignons adaptogènes\u003c\/strong\u003e, plantes et super-aliments\u003c\/p\u003e\n \n \u003cdiv class=\"bs-ingredients-grid\"\u003e\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🦁\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eLion's Mane\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Favorise la régénération nerveuse grâce aux hericenones.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🐛\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCordyceps\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAméliore l'énergie et la performance physique. Booste la production d'ATP cellulaire.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card bs-ingredient-featured\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🪨\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eChaga\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003ePropriétés anti-inflammatoires et antioxydantes. Protège les cellules du stress oxydatif.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eChampignon adaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🍫\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eCacao en poudre\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e1634 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eStimule la mémoire et la concentration. Riche en magnésium et antioxydants.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eBase gourmande\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eMaca\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e313 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eSoutient le tonus, stimule la vitalité et aide à lutter contre la fatigue.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eSuper-aliment\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🧘\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eAshwagandha\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e250 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAide à diminuer le stress et l'anxiété, favorise un sommeil serein.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e☕\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eExtrait de café CO₂ Bio\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e100 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eÉnergie stable sans nervosité. Extraction douce préservant les arômes.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eCaféine naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bs-ingredient-card\"\u003e\n \u003cdiv class=\"bs-ingredient-header\"\u003e\n \u003cspan class=\"bs-ingredient-icon\"\u003e🌸\u003c\/span\u003e\n \u003cdiv class=\"bs-ingredient-info\"\u003e\n \u003ch3\u003eRhodiola Rosea\u003c\/h3\u003e\n \u003cspan class=\"bs-dose\"\u003e31 mg\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp\u003eAugmente la résistance de l'organisme au stress physique et mental.\u003c\/p\u003e\n \u003cspan class=\"bs-tag\"\u003eAdaptogène\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e👥 Pour qui ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e💼 Professionnels exigeants\u003c\/h3\u003e\n \u003cp\u003eRéunions, présentations, deadlines : restez concentré et performant toute la journée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📚 Étudiants\u003c\/h3\u003e\n \u003cp\u003eRévisions, examens, cours : boostez votre mémoire et votre capacité d'apprentissage\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🏃 Sportifs\u003c\/h3\u003e\n \u003cp\u003eEndurance, récupération, énergie : le Cordyceps améliore vos performances physiques\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e😰 Sensibles à la caféine\u003c\/h3\u003e\n \u003cp\u003eProfitez de l'énergie du café sans les effets secondaires désagréables\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉPARATION --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre tasse ?\u003c\/h2\u003e\n \u003cdiv class=\"bs-steps\"\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eDosez\u003c\/h3\u003e\n \u003cp\u003e1 cuillère à soupe de poudre (8g) dans une grande tasse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003eVersez\u003c\/h3\u003e\n \u003cp\u003eBoisson chaude à mi-hauteur (eau, lait ou boisson végétale)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e3\u003c\/div\u003e\n \u003ch3\u003eMélangez\u003c\/h3\u003e\n \u003cp\u003eRemuez bien pour une texture homogène et onctueuse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-step\"\u003e\n \u003cdiv class=\"bs-step-number\"\u003e4\u003c\/div\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eProfitez de votre moment de focus et d'énergie stable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- RÉSULTATS --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📈 Résultats progressifs\u003c\/h2\u003e\n \u003cdiv class=\"bs-timeline\"\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e⚡\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eDès la 1ère tasse\u003c\/span\u003e\n \u003cp\u003eÉnergie stable et douce, sans nervosité ni palpitations\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🎯\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 2 semaines\u003c\/span\u003e\n \u003cp\u003eAmélioration notable de la concentration et de la clarté mentale\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-timeline-item\"\u003e\n \u003cspan class=\"bs-timeline-icon\"\u003e🌟\u003c\/span\u003e\n \u003cspan class=\"bs-timeline-label\"\u003eAprès 45 jours\u003c\/span\u003e\n \u003cp\u003eRésultats optimaux sur l'énergie, le focus et la gestion du stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-dosage-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e💡 Posologie recommandée :\u003c\/strong\u003e 2 tasses par jour pendant 45 jours pour des résultats optimaux\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📦 Infos pratiques\u003c\/h2\u003e\n \u003cdiv class=\"bs-grid-compact\"\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e📏 Contenance\u003c\/h3\u003e\n \u003cp\u003e240g (30 portions)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e⏱️ Durée\u003c\/h3\u003e\n \u003cp\u003e15 à 30 jours de cure\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🍫 Saveur\u003c\/h3\u003e\n \u003cp\u003eChocolat noisette\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bs-card\"\u003e\n \u003ch3\u003e🇫🇷 Fabrication\u003c\/h3\u003e\n \u003cp\u003eMade in France\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- ACCORDÉON INFOS COMPLÉMENTAIRES --\u003e\n \u003csection class=\"bs-section\"\u003e\n \u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n \u003cdiv class=\"bs-accordion\"\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eConserver dans un endroit frais et sec, à l'abri de la lumière et de l'humidité. Refermer soigneusement le sachet après chaque utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eNe pas dépasser la dose journalière recommandée. Déconseillé aux femmes enceintes ou allaitantes. Ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"bs-accordion-item\"\u003e\n \u003csummary class=\"bs-accordion-header\"\u003e✅ Engagements qualité\u003c\/summary\u003e\n \u003cdiv class=\"bs-accordion-content\"\u003e\n \u003cp\u003eFabriqué en France avec des ingrédients naturels sourcés de manière responsable en Europe. Sans OGM, sans additifs artificiels. Formule développée avec des experts en nutrition.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"bs-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"bs-cta-box\"\u003e\n \u003cp\u003e🧠 Libérez votre potentiel cognitif avec Brainstoorm : l'alliance parfaite entre le plaisir d'un café gourmand et la puissance des champignons adaptogènes. Focus, énergie, sérénité – tout en une tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES BRAINSTOORM === *\/\n:root {\n --bs-cream: #f8f6fb;\n --bs-white: #ffffff;\n --bs-primary: #4a3a8c;\n --bs-primary-dark: #2d2456;\n --bs-primary-light: #ebe7f5;\n --bs-secondary: #d4c94a;\n --bs-accent: #6b5b9a;\n --bs-text: #1a1a1a;\n --bs-text-light: #5a5a5a;\n --bs-border: #e0e0e0;\n --bs-shadow: 0 4px 24px rgba(74, 58, 140, .08);\n --bs-shadow-lg: 0 12px 48px rgba(74, 58, 140, .15);\n --bs-radius: 20px;\n --bs-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bs-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bs-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.bs-hero {\n position: relative;\n background: linear-gradient(135deg, #2d2456 0%, #4a3a8c 50%, #6b5b9a 100%);\n border-radius: var(--bs-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(--bs-shadow-lg);\n}\n\n.bs-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 60% 70%, rgba(212, 201, 74, .3) 2px, transparent 2px),\n radial-gradient(circle at 80% 20%, rgba(212, 201, 74, .3) 2px, transparent 2px);\n background-size: 50px 50px, 70px 70px, 60px 60px;\n}\n\n.bs-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bs-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n justify-content: center;\n margin-bottom: 1.5rem;\n}\n\n.bs-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(--bs-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bs-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.bs-hero-title {\n display: block;\n color: var(--bs-secondary);\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.bs-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.bs-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n margin: 0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.bs-description strong {\n color: var(--bs-secondary);\n font-weight: 700;\n}\n\n\/* === SECTIONS === *\/\n.bs-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bs-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bs-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.bs-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(--bs-primary), var(--bs-secondary));\n border-radius: 2px;\n}\n\n.bs-intro {\n text-align: center;\n font-size: clamp(15px, 2vw, 17px);\n color: var(--bs-text-light);\n margin-bottom: 2rem;\n line-height: 1.7;\n}\n\n.bs-intro strong {\n color: var(--bs-primary);\n font-weight: 700;\n}\n\n\/* === GRILLES === *\/\n.bs-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.bs-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bs-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bs-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n border-color: var(--bs-primary);\n}\n\n.bs-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bs-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS GRID === *\/\n.bs-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-ingredient-card {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 1.5rem;\n box-shadow: var(--bs-shadow);\n border-left: 4px solid var(--bs-accent);\n transition: all .3s ease;\n}\n\n.bs-ingredient-card:hover {\n transform: translateX(4px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-ingredient-featured {\n background: linear-gradient(135deg, var(--bs-primary-light) 0%, var(--bs-white) 100%);\n border-left: 4px solid var(--bs-primary);\n}\n\n.bs-ingredient-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: .75rem;\n}\n\n.bs-ingredient-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.bs-ingredient-info {\n flex: 1;\n}\n\n.bs-ingredient-info h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: 0 0 2px 0;\n}\n\n.bs-dose {\n font-size: 20px;\n font-weight: 900;\n color: var(--bs-primary);\n letter-spacing: -.02em;\n}\n\n.bs-ingredient-card p {\n font-size: 14px;\n line-height: 1.6;\n color: var(--bs-text-light);\n margin: 0 0 .75rem 0;\n}\n\n.bs-tag {\n display: inline-block;\n padding: 4px 10px;\n background: var(--bs-primary-light);\n border-radius: 999px;\n font-size: 11px;\n font-weight: 700;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n}\n\n\/* === STEPS === *\/\n.bs-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.25rem;\n}\n\n.bs-step {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n padding: 2rem 1.5rem 1.5rem;\n box-shadow: var(--bs-shadow);\n text-align: center;\n position: relative;\n transition: all .3s ease;\n}\n\n.bs-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--bs-shadow-lg);\n}\n\n.bs-step-number {\n position: absolute;\n top: -16px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-accent) 100%);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 18px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(74, 58, 140, .3);\n}\n\n.bs-step h3 {\n font-size: 17px;\n font-weight: 800;\n color: var(--bs-primary-dark);\n margin: .5rem 0;\n}\n\n.bs-step p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIMELINE === *\/\n.bs-timeline {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.bs-timeline-item {\n text-align: center;\n}\n\n.bs-timeline-icon {\n display: block;\n font-size: 48px;\n margin-bottom: .75rem;\n}\n\n.bs-timeline-label {\n display: block;\n font-size: 14px;\n font-weight: 800;\n color: var(--bs-primary);\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: .5rem;\n}\n\n.bs-timeline-item p {\n font-size: 14px;\n color: var(--bs-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.bs-dosage-box {\n background: var(--bs-primary-light);\n border: 2px solid var(--bs-primary);\n border-radius: var(--bs-radius-sm);\n padding: 1.25rem 1.5rem;\n text-align: center;\n}\n\n.bs-dosage-box p {\n font-size: 15px;\n color: var(--bs-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === ACCORDÉON === *\/\n.bs-accordion {\n background: var(--bs-white);\n border-radius: var(--bs-radius);\n box-shadow: var(--bs-shadow);\n overflow: hidden;\n}\n\n.bs-accordion-item {\n border-bottom: 1px solid var(--bs-border);\n margin: 0;\n padding: 0;\n}\n\n.bs-accordion-item:last-child {\n border-bottom: none;\n}\n\n.bs-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--bs-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.bs-accordion-header:hover {\n background: var(--bs-primary-light);\n}\n\n.bs-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.bs-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--bs-primary);\n transition: transform .2s ease;\n}\n\n.bs-accordion-item[open] .bs-accordion-header::after {\n content: '−';\n}\n\n.bs-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--bs-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.bs-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA BOX === *\/\n.bs-cta-box {\n background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);\n border-radius: var(--bs-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.bs-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212, 201, 74, .15) 0%, transparent 70%);\n border-radius: 50%;\n}\n\n.bs-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 MOBILE === *\/\n@media (max-width: 767px) {\n .bs-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-ingredients-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-steps {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .bs-timeline {\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n \n .bs-card {\n padding: 1.125rem;\n }\n \n .bs-section {\n margin-bottom: 1.75rem;\n }\n \n .bs-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bs-radius-sm);\n }\n \n .bs-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .bs-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .bs-grid-compact {\n gap: .625rem;\n }\n \n .bs-grid-compact .bs-card {\n padding: .75rem;\n }\n \n .bs-grid-compact .bs-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .bs-grid-compact .bs-card p {\n font-size: 12px;\n }\n \n .bs-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .bs-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .bs-ingredient-card {\n padding: 1.25rem;\n }\n \n .bs-ingredient-icon {\n font-size: 32px;\n }\n \n .bs-ingredient-info h3 {\n font-size: 15px;\n }\n \n .bs-dose {\n font-size: 18px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bs-card,\n .bs-ingredient-card,\n .bs-step {\n animation: fadeInUp .5s ease backwards;\n }\n .bs-card:nth-child(1), .bs-ingredient-card:nth-child(1) { animation-delay: .05s; }\n .bs-card:nth-child(2), .bs-ingredient-card:nth-child(2) { animation-delay: .1s; }\n .bs-card:nth-child(3), .bs-ingredient-card:nth-child(3) { animation-delay: .15s; }\n .bs-card:nth-child(4), .bs-ingredient-card:nth-child(4) { animation-delay: .2s; }\n .bs-card:nth-child(5), .bs-ingredient-card:nth-child(5) { animation-delay: .25s; }\n .bs-card:nth-child(6), .bs-ingredient-card:nth-child(6) { animation-delay: .3s; }\n .bs-card:nth-child(7), .bs-ingredient-card:nth-child(7) { animation-delay: .35s; }\n .bs-card:nth-child(8), .bs-ingredient-card:nth-child(8) { animation-delay: .4s; }\n \n .bs-timeline-item {\n animation: scaleIn .5s ease backwards;\n }\n .bs-timeline-item:nth-child(1) { animation-delay: .1s; }\n .bs-timeline-item:nth-child(2) { animation-delay: .25s; }\n .bs-timeline-item:nth-child(3) { animation-delay: .4s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes scaleIn {\n from { opacity: 0; transform: scale(0.85); }\n to { opacity: 1; transform: scale(1); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .bs-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"MUSH N GO","offers":[{"title":"Default Title","offer_id":54914706047353,"sku":"CAFEBRAINSTORM","price":29.88,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/mushngo_brainstoorm-cafe_11zon.jpg?v=1766695073"},{"product_id":"aguaymanto-fruits-seches-bio-200g","title":"Aguayamanto - Fruits séchés - 200 g Sol-Semilla","description":"\u003cdiv class=\"ag-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ag-hero\"\u003e\n\u003cdiv class=\"ag-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ag-hero-content\"\u003e\n\u003cdiv class=\"ag-badges-top\"\u003e\n\u003cspan class=\"ag-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🥇 Raw \u0026amp; Vegan\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🏔️ Origine Pérou – Andes\u003c\/span\u003e \u003cspan class=\"ag-badge\"\u003e🌡️ Séché à basse température\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ag-hero-title\"\u003eAguaymanto - Fruits séchés bio\u003c\/span\u003e\n\u003cp class=\"ag-subtitle\"\u003eLe trésor doré des Incas, séché à basse température\u003c\/p\u003e\n\u003cp class=\"ag-description\"\u003e200 g · ~13 portions · Saveur fruitée-acidulée unique · 21,1 g de fibres \/ 100 g\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eAguaymanto bio séché : le superfruit des Andes au goût unique\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eConnaissez-vous l'\u003cstrong\u003eaguaymanto\u003c\/strong\u003e, ce petit fruit doré aussi appelé \u003cstrong\u003ephysalis péruvien\u003c\/strong\u003e ou \u003cstrong\u003efruit de l'Inca\u003c\/strong\u003e ?\u003c\/p\u003e\n\u003cdiv class=\"ag-highlight-box\"\u003e\n\u003cp\u003eCultivé depuis des millénaires dans les \u003cstrong\u003ehautes terres andines du Pérou\u003c\/strong\u003e, entre 800 et 3 000 mètres d'altitude, il était vénéré par les civilisations incas pour ses qualités nutritionnelles remarquables. Après des siècles d'oubli, ce superfruit retrouve aujourd'hui la place qu'il mérite dans nos assiettes.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003eSol Semilla vous le propose \u003cstrong\u003eséché à basse température\u003c\/strong\u003e, certifié \u003cstrong\u003ebio\u003c\/strong\u003e, \u003cstrong\u003eraw\u003c\/strong\u003e et \u003cstrong\u003evegan\u003c\/strong\u003e, dans un sachet de 200 g offrant environ \u003cstrong\u003e13 portions\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003ePourquoi l'aguaymanto est-il un superfruit ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eDerrière sa petite taille se cache un \u003cstrong\u003eprofil nutritionnel impressionnant\u003c\/strong\u003e. L'aguaymanto séché contient davantage de fibres que les pruneaux — avec \u003cstrong\u003e21,1 g de fibres pour 100 g\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"ag-grid\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌾 Source exceptionnelle de fibres\u003c\/h3\u003e\n\u003cp\u003eFavorise un bon transit intestinal et contribue à la satiété, idéal pour les petites faims.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🛡️ Riche en antioxydants naturels\u003c\/h3\u003e\n\u003cp\u003eAide votre organisme à lutter contre le stress oxydatif au quotidien.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e👁️ Vitamines et minéraux\u003c\/h3\u003e\n\u003cp\u003eNotamment en vitamine A, bénéfique pour le maintien d'une vision normale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e💪 Protéines végétales\u003c\/h3\u003e\n\u003cp\u003e7 g pour 100 g, un apport appréciable et surprenant pour un fruit séché.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e💧 Propriétés diurétiques\u003c\/h3\u003e\n\u003cp\u003eSoutient naturellement la fonction rénale et l'élimination de l'organisme.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eUn goût acidulé et fruité qui surprend\u003c\/h2\u003e\n\u003cdiv class=\"ag-taste-box\"\u003e\n\u003cdiv class=\"ag-taste-icon\"\u003e🍊\u003c\/div\u003e\n\u003cdiv class=\"ag-taste-content\"\u003e\n\u003cp\u003eL'aguaymanto séché offre une \u003cstrong\u003esaveur fruitée-acidulée\u003c\/strong\u003e absolument unique, à mi-chemin entre l'ananas, l'agrume et la tomate cerise. Sa texture moelleuse et légèrement sucrée en fait un plaisir gustatif qui se suffit à lui-même.\u003c\/p\u003e\n\u003cp style=\"margin-top: .75rem;\"\u003eSi vous cherchez une \u003cstrong\u003ealternative originale\u003c\/strong\u003e aux raisins secs ou aux cranberries, vous allez être conquis.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eComment déguster l'aguaymanto séché ?\u003c\/h2\u003e\n\u003cp class=\"ag-section-intro\"\u003eCe superfruit est d'une \u003cstrong\u003epolyvalence remarquable\u003c\/strong\u003e en cuisine. Voici quelques idées pour l'intégrer facilement à votre quotidien :\u003c\/p\u003e\n\u003cdiv class=\"ag-timeline\"\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eAu petit-déjeuner\u003c\/h3\u003e\n\u003cp\u003eParsemé sur un porridge, un muesli ou un yaourt végétal pour un réveil vitaminé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn smoothie\u003c\/h3\u003e\n\u003cp\u003eMixé avec une banane et du lait d'amande pour une boisson onctueuse et exotique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn cuisine salée\u003c\/h3\u003e\n\u003cp\u003eDans vos salades, tajines ou sauces pour apporter une touche sucrée-salée originale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eEn pâtisserie\u003c\/h3\u003e\n\u003cp\u003eIncorporé dans des cakes, energy balls ou barres de céréales maison.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-item\"\u003e\n\u003cdiv class=\"ag-timeline-number\"\u003e5\u003c\/div\u003e\n\u003cdiv class=\"ag-timeline-content\"\u003e\n\u003ch3\u003eTel quel\u003c\/h3\u003e\n\u003cp\u003eUne dizaine de fruits par jour constitue un en-cas sain et rassasiant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eComposition et qualité\u003c\/h2\u003e\n\u003cdiv class=\"ag-composition-box\"\u003e\n\u003cdiv class=\"ag-composition-main\"\u003e\n\u003cp class=\"ag-composition-label\"\u003eIngrédient unique\u003c\/p\u003e\n\u003cp class=\"ag-composition-value\"\u003eAguaymanto séché* \u003cem\u003e(Physalis peruviana)\u003c\/em\u003e\u003c\/p\u003e\n\u003cp class=\"ag-composition-note\"\u003e*Issu de l'agriculture biologique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-grid-compact\"\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n\u003cp\u003eAucun sucre supplémentaire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🚫 Sans additif\u003c\/h3\u003e\n\u003cp\u003eNi conservateur ajouté\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🏔️ Origine Pérou\u003c\/h3\u003e\n\u003cp\u003eAndes péruviennes\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-card\"\u003e\n\u003ch3\u003e🌡️ Basse température\u003c\/h3\u003e\n\u003cp\u003eNutriments préservés\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ag-section\"\u003e\n\u003ch2\u003eValeurs nutritionnelles pour 100 g\u003c\/h2\u003e\n\u003cdiv class=\"ag-nutri-table\"\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eValeur énergétique\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e1377 kJ \/ 329 kcal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eMatières grasses\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e6,6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-sub\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003edont acides gras saturés\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e0,7 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eGlucides\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e49,8 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-sub\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003edont sucres\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e39,6 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-highlight\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003e🌾 Fibres alimentaires\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e21,1 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row ag-nutri-highlight\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003e💪 Protéines\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e7 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-nutri-row\"\u003e\n\u003cspan class=\"ag-nutri-label\"\u003eSel\u003c\/span\u003e \u003cspan class=\"ag-nutri-value\"\u003e0,01 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #7 --\u003e\n\u003csection class=\"ag-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003ch2\u003eConservation et conseils\u003c\/h2\u003e\n\u003cdiv class=\"ag-accordion\"\u003e\n\u003cdetails class=\"ag-accordion-item\" open=\"\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eConservez votre sachet d'aguaymanto dans un endroit \u003cstrong\u003efrais et sec\u003c\/strong\u003e, à l'abri de la lumière et de l'humidité. Refermez bien le sachet après chaque utilisation pour préserver la texture moelleuse des fruits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"ag-accordion-item\"\u003e\n\u003csummary class=\"ag-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"ag-accordion-content mt-3\"\u003e\n\u003cp\u003eCe produit est un aliment et ne se substitue pas à une alimentation variée et équilibrée ni à un mode de vie sain. En cas de doute, consultez votre professionnel de santé.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ag-cta-box\" style=\"margin-top: 1.5rem;\"\u003e\n\u003cp\u003e🌞 Offrez-vous chaque jour une poignée de soleil andin — l'aguaymanto, un superfruit d'exception pour votre vitalité !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"ag-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --ag-cream: #FAF5EE;\n --ag-white: #ffffff;\n --ag-primary: #B5382A;\n --ag-primary-dark: #8C2218;\n --ag-primary-light: #FCEAE7;\n --ag-secondary: #D4A054;\n --ag-accent: #E8A838;\n --ag-text: #1a1a1a;\n --ag-text-light: #5a5a5a;\n --ag-border: #E8DDD0;\n --ag-shadow: 0 4px 24px rgba(0,0,0,.08);\n --ag-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --ag-radius: 20px;\n --ag-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.ag-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ag-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.ag-hero {\n position: relative;\n background: linear-gradient(135deg, #8C2218 0%, #B5382A 40%, #D4A054 100%);\n border-radius: var(--ag-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ag-shadow-lg);\n}\n\n.ag-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image:\n radial-gradient(circle at 15% 20%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 85% 80%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 50% 50%, rgba(232,168,56,.1) 0%, transparent 60%);\n opacity: 1;\n}\n\n.ag-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n\/* === TITRE HERO === *\/\n.ag-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.ag-subtitle {\n color: rgba(255,255,255,.92);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 .75rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.ag-description {\n color: rgba(255,255,255,.8);\n font-size: clamp(13px, 2vw, 16px);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === BADGES === *\/\n.ag-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.ag-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.ag-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.ag-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.ag-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.ag-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ag-primary), var(--ag-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO === *\/\n.ag-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ag-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.ag-highlight-box {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border-left: 4px solid var(--ag-secondary);\n line-height: 1.8;\n color: var(--ag-text);\n font-size: clamp(14px, 2.2vw, 16px);\n}\n\n.ag-highlight-box p {\n margin: 0;\n}\n\n\/* === CARDS === *\/\n.ag-card {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.ag-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ag-shadow-lg);\n border-color: var(--ag-primary);\n}\n\n.ag-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.ag-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.ag-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.ag-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.ag-grid-compact .ag-card {\n padding: 1rem;\n}\n\n.ag-grid-compact .ag-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.ag-grid-compact .ag-card p {\n font-size: 12px;\n}\n\n\/* === TASTE BOX === *\/\n.ag-taste-box {\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n border: 2px solid var(--ag-secondary);\n}\n\n.ag-taste-icon {\n font-size: 48px;\n flex-shrink: 0;\n line-height: 1;\n}\n\n.ag-taste-content p {\n font-size: clamp(14px, 2.2vw, 16px);\n color: var(--ag-text);\n margin: 0;\n line-height: 1.8;\n}\n\n\/* === TIMELINE === *\/\n.ag-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.ag-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.ag-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--ag-primary), var(--ag-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.ag-timeline-content {\n flex: 1;\n background: var(--ag-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ag-radius-sm);\n box-shadow: var(--ag-shadow);\n}\n\n.ag-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--ag-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.ag-timeline-content p {\n font-size: 14px;\n color: var(--ag-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n\/* === COMPOSITION BOX === *\/\n.ag-composition-box {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.ag-composition-main {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--ag-shadow);\n text-align: center;\n border: 2px solid var(--ag-border);\n}\n\n.ag-composition-label {\n font-size: 13px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--ag-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.ag-composition-value {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--ag-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.ag-composition-note {\n font-size: 13px;\n color: var(--ag-text-light);\n font-style: italic;\n margin: 0;\n}\n\n\/* === TABLEAU NUTRITIONNEL === *\/\n.ag-nutri-table {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n overflow: hidden;\n box-shadow: var(--ag-shadow);\n}\n\n.ag-nutri-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .875rem 1.25rem;\n border-bottom: 1px solid var(--ag-border);\n transition: background .2s ease;\n}\n\n.ag-nutri-row:last-child {\n border-bottom: none;\n}\n\n.ag-nutri-row:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-nutri-label {\n font-size: 14px;\n color: var(--ag-text);\n font-weight: 600;\n}\n\n.ag-nutri-value {\n font-size: 14px;\n color: var(--ag-primary-dark);\n font-weight: 800;\n}\n\n.ag-nutri-sub {\n padding-left: 2.5rem;\n background: rgba(0,0,0,.015);\n}\n\n.ag-nutri-sub .ag-nutri-label {\n font-weight: 400;\n font-style: italic;\n color: var(--ag-text-light);\n}\n\n.ag-nutri-sub .ag-nutri-value {\n font-weight: 600;\n color: var(--ag-text-light);\n}\n\n.ag-nutri-highlight {\n background: linear-gradient(90deg, rgba(212,160,84,.08), rgba(232,168,56,.08));\n}\n\n.ag-nutri-highlight .ag-nutri-label {\n color: var(--ag-primary-dark);\n font-weight: 800;\n}\n\n.ag-nutri-highlight .ag-nutri-value {\n font-size: 15px;\n color: var(--ag-primary);\n}\n\n\/* === ACCORDÉON === *\/\n.ag-accordion {\n background: var(--ag-white);\n border-radius: var(--ag-radius);\n box-shadow: var(--ag-shadow);\n overflow: hidden;\n}\n\n.ag-accordion-item {\n border-bottom: 1px solid var(--ag-border);\n margin: 0;\n padding: 0;\n}\n\n.ag-accordion-item:last-child {\n border-bottom: none;\n}\n\n.ag-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ag-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n}\n\n.ag-accordion-header:hover {\n background: var(--ag-primary-light);\n}\n\n.ag-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.ag-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--ag-primary);\n transition: transform .2s ease;\n}\n\n.ag-accordion-item[open] .ag-accordion-header::after {\n content: '−';\n}\n\n.ag-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ag-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.ag-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA FINAL === *\/\n.ag-cta-box {\n background: linear-gradient(135deg, var(--ag-primary) 0%, var(--ag-primary-dark) 100%);\n border-radius: var(--ag-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.ag-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.ag-disclaimer {\n font-size: 12px;\n color: var(--ag-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .ag-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ag-card {\n padding: 1.125rem;\n }\n\n .ag-section {\n margin-bottom: 1.75rem;\n }\n\n .ag-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ag-radius-sm);\n }\n\n .ag-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ag-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ag-grid-compact {\n gap: .625rem;\n }\n\n .ag-grid-compact .ag-card {\n padding: .75rem;\n }\n\n .ag-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .ag-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ag-timeline-content h3 {\n font-size: 14px;\n }\n\n .ag-timeline-content p {\n font-size: 13px;\n }\n\n .ag-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ag-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .ag-taste-box {\n flex-direction: column;\n text-align: center;\n gap: 1rem;\n padding: 1.25rem;\n }\n\n .ag-taste-icon {\n font-size: 40px;\n }\n\n .ag-highlight-box {\n padding: 1.25rem;\n }\n\n .ag-nutri-row {\n padding: .75rem 1rem;\n }\n\n .ag-nutri-sub {\n padding-left: 1.75rem;\n }\n\n .ag-nutri-label,\n .ag-nutri-value {\n font-size: 13px;\n }\n\n .ag-composition-main {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .ag-card {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-card:nth-child(1) { animation-delay: .05s; }\n .ag-card:nth-child(2) { animation-delay: .1s; }\n .ag-card:nth-child(3) { animation-delay: .15s; }\n .ag-card:nth-child(4) { animation-delay: .2s; }\n .ag-card:nth-child(5) { animation-delay: .25s; }\n .ag-card:nth-child(6) { animation-delay: .3s; }\n\n .ag-timeline-item {\n animation: agFadeInUp .5s ease backwards;\n }\n .ag-timeline-item:nth-child(1) { animation-delay: .05s; }\n .ag-timeline-item:nth-child(2) { animation-delay: .1s; }\n .ag-timeline-item:nth-child(3) { animation-delay: .15s; }\n .ag-timeline-item:nth-child(4) { animation-delay: .2s; }\n .ag-timeline-item:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes agFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .ag-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SOL-SEMILLA","offers":[{"title":"Default Title","offer_id":54966581526905,"sku":"AGUAYAMANTOSOLSEMILLA","price":11.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/aguayamanto-fruits-seches-200-g-sol-semilla-lifestyle_9fef1512-2125-40bf-bd30-0750649dfd27.webp?v=1772787267"},{"product_id":"tisane-richter-circulation","title":"Tisane Richter Circulation - 20 sachets - Ernst Richter's","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tisane Richter Circulation - Ernst Richter's\nPalette détectée:\n - Primaire: #0077B6 (bleu vif du packaging - partie supérieure)\n - Secondaire: #FFD60A (jaune lumineux - partie inférieure)\n - Accent: #2D6A4F (vert des illustrations de plantes)\nAmbiance: Traditionnel\/herboristerie, naturel, européen classique, bien-être santé, confiance médicale avec le portrait du fondateur\nPréfixe CSS: erc\n--\u003e\n\n\u003cdiv class=\"erc-premium\"\u003e\n\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"erc-hero\"\u003e\n \u003cdiv class=\"erc-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"erc-hero-content\"\u003e\n \u003cdiv class=\"erc-badges-top\"\u003e\n \u003cspan class=\"erc-badge\"\u003e🌿 100% plantes\u003c\/span\u003e\n \u003cspan class=\"erc-badge\"\u003e🇩🇪 Qualité allemande\u003c\/span\u003e\n \u003cspan class=\"erc-badge\"\u003e📦 20 sachets\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"erc-hero-title\"\u003eTisane circulation Ernst Richter's\u003c\/span\u003e\n \u003cp class=\"erc-subtitle\"\u003eL'art de l'herboristerie traditionnelle pour des jambes légères\u003c\/p\u003e\n \u003cp class=\"erc-description\"\u003eUne infusion naturelle aux plantes rigoureusement sélectionnées pour favoriser une circulation sanguine harmonieuse et soulager les sensations de jambes lourdes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- BÉNÉFICES CLÉS --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003ch2\u003ePourquoi choisir cette tisane ?\u003c\/h2\u003e\n \u003cdiv class=\"erc-grid\"\u003e\n \u003cdiv class=\"erc-card erc-benefit-card\"\u003e\n \u003cspan class=\"erc-card-icon\"\u003e🦵\u003c\/span\u003e\n \u003ch3\u003eJambes légères\u003c\/h3\u003e\n \u003cp\u003eSoulage naturellement les sensations de lourdeur et d'inconfort dans les jambes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-benefit-card\"\u003e\n \u003cspan class=\"erc-card-icon\"\u003e💨\u003c\/span\u003e\n \u003ch3\u003eCirculation fluide\u003c\/h3\u003e\n \u003cp\u003eFavorise une circulation sanguine harmonieuse grâce à une synergie de 6 plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-benefit-card\"\u003e\n \u003cspan class=\"erc-card-icon\"\u003e🌱\u003c\/span\u003e\n \u003ch3\u003e100% naturelle\u003c\/h3\u003e\n \u003cp\u003eSans arômes artificiels ni conservateurs, dans le respect des plantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-benefit-card\"\u003e\n \u003cspan class=\"erc-card-icon\"\u003e✨\u003c\/span\u003e\n \u003ch3\u003eBien-être quotidien\u003c\/h3\u003e\n \u003cp\u003eUn rituel apaisant qui accompagne votre hygiène de vie au quotidien\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003ch2\u003e6 plantes aux vertus reconnues\u003c\/h2\u003e\n \u003cdiv class=\"erc-grid erc-grid-ingredients\"\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eFenouil\u003c\/h3\u003e\n \u003cp\u003eRiche en potassium, il agit comme un vasodilatateur naturel pour détendre les vaisseaux sanguins\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🍃\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eMenthe\u003c\/h3\u003e\n \u003cp\u003eRéduit la dilatation veineuse et apaise les sensations d'inconfort dans les jambes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🫐\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eBaies d'aubépine\u003c\/h3\u003e\n \u003cp\u003eFavorise la circulation et contribue à tonifier les parois vasculaires\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eMélisse\u003c\/h3\u003e\n \u003cp\u003eVertus apaisantes qui complètent la synergie circulatoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🪴\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eRomarin\u003c\/h3\u003e\n \u003cp\u003ePropriétés stimulantes reconnues pour la circulation sanguine\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-ingredient-card\"\u003e\n \u003cdiv class=\"erc-ingredient-icon\"\u003e🍬\u003c\/div\u003e\n \u003cdiv class=\"erc-ingredient-content\"\u003e\n \u003ch3\u003eRacine de réglisse\u003c\/h3\u003e\n \u003cp\u003eApporte une touche de douceur naturelle et des propriétés bienfaisantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003ch2\u003eComment préparer votre tisane ?\u003c\/h2\u003e\n \u003cdiv class=\"erc-steps-container\"\u003e\n \u003cdiv class=\"erc-step\"\u003e\n \u003cdiv class=\"erc-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"erc-step-content\"\u003e\n \u003ch3\u003eFaites chauffer l'eau\u003c\/h3\u003e\n \u003cp\u003ePortez 200 ml d'eau à ébullition\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-step-connector\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"erc-step\"\u003e\n \u003cdiv class=\"erc-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"erc-step-content\"\u003e\n \u003ch3\u003eInfusez\u003c\/h3\u003e\n \u003cp\u003ePlongez un sachet et laissez infuser 5 à 10 minutes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-step-connector\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"erc-step\"\u003e\n \u003cdiv class=\"erc-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"erc-step-content\"\u003e\n \u003ch3\u003eSavourez\u003c\/h3\u003e\n \u003cp\u003eDégustez chaude et profitez des bienfaits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-tip-box\"\u003e\n \u003cspan class=\"erc-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConseil :\u003c\/strong\u003e Ajustez le temps d'infusion selon vos préférences pour une intensité optimale des saveurs et des bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- POUR QUI --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003ch2\u003eCette tisane est faite pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"erc-grid erc-grid-three\"\u003e\n \u003cdiv class=\"erc-card erc-profile-card\"\u003e\n \u003cspan class=\"erc-profile-emoji\"\u003e👩‍💼\u003c\/span\u003e\n \u003cp\u003eVous travaillez debout ou assis(e) de longues heures\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-profile-card\"\u003e\n \u003cspan class=\"erc-profile-emoji\"\u003e🌡️\u003c\/span\u003e\n \u003cp\u003eVous souffrez de jambes lourdes, surtout en été\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-card erc-profile-card\"\u003e\n \u003cspan class=\"erc-profile-emoji\"\u003e🧘\u003c\/span\u003e\n \u003cp\u003eVous cherchez une solution naturelle pour votre bien-être\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"erc-grid erc-grid-four\"\u003e\n \u003cdiv class=\"erc-info-card\"\u003e\n \u003cspan class=\"erc-info-icon\"\u003e📦\u003c\/span\u003e\n \u003cspan class=\"erc-info-label\"\u003eContenance\u003c\/span\u003e\n \u003cspan class=\"erc-info-value\"\u003e20 sachets filtres\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-info-card\"\u003e\n \u003cspan class=\"erc-info-icon\"\u003e🏭\u003c\/span\u003e\n \u003cspan class=\"erc-info-label\"\u003eMarque\u003c\/span\u003e\n \u003cspan class=\"erc-info-value\"\u003eErnst Richter's\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-info-card\"\u003e\n \u003cspan class=\"erc-info-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"erc-info-label\"\u003eType\u003c\/span\u003e\n \u003cspan class=\"erc-info-value\"\u003eTisane circulation\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"erc-info-card\"\u003e\n \u003cspan class=\"erc-info-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cspan class=\"erc-info-label\"\u003eInfusion\u003c\/span\u003e\n \u003cspan class=\"erc-info-value\"\u003e5-10 minutes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"erc-section\"\u003e\n \u003cdiv class=\"erc-warning-box\"\u003e\n \u003cdiv class=\"erc-warning-header\"\u003e\n \u003cspan class=\"erc-warning-icon\"\u003e⚠️\u003c\/span\u003e\n \u003ch3\u003ePrécautions d'emploi\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003cul class=\"erc-warning-list\"\u003e\n \u003cli\u003eRéservée à l'adulte\u003c\/li\u003e\n \u003cli\u003eDéconseillée aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003eNe pas utiliser de manière prolongée sans avis médical\u003c\/li\u003e\n \u003cli\u003eConsulter un professionnel de santé en cas de troubles persistants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"erc-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"erc-cta-box\"\u003e\n \u003cdiv class=\"erc-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"erc-cta-content\"\u003e\n \u003cspan class=\"erc-cta-emoji\"\u003e🍵\u003c\/span\u003e\n \u003cp\u003eOffrez à vos jambes le soulagement naturel qu'elles méritent avec la tradition centenaire de l'herboristerie Ernst Richter's\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n \/* Couleurs principales *\/\n --erc-cream: #f8f6f1;\n --erc-white: #ffffff;\n --erc-primary: #0077B6;\n --erc-primary-dark: #005a8c;\n --erc-primary-light: #e6f3fa;\n --erc-secondary: #FFD60A;\n --erc-secondary-dark: #e6c000;\n --erc-accent: #2D6A4F;\n --erc-accent-light: #e8f5e9;\n\n \/* Textes *\/\n --erc-text: #1a1a1a;\n --erc-text-light: #5a5a5a;\n\n \/* Effets *\/\n --erc-border: #e0e0e0;\n --erc-shadow: 0 4px 24px rgba(0,0,0,.08);\n --erc-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --erc-radius: 20px;\n --erc-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.erc-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--erc-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--erc-text);\n line-height: 1.6;\n}\n\n.erc-premium * {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.erc-hero {\n position: relative;\n background: linear-gradient(135deg, var(--erc-primary) 0%, var(--erc-primary-dark) 40%, #003d5c 100%);\n border-radius: var(--erc-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--erc-shadow-lg);\n}\n\n.erc-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 80%, rgba(255,214,10,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(45,106,79,.2) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 5 Q35 15 30 25 Q25 15 30 5' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'\/%3E%3C\/svg%3E\");\n opacity: .8;\n}\n\n.erc-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.erc-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.erc-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(--erc-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.erc-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.erc-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.erc-subtitle {\n color: var(--erc-secondary);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.1);\n}\n\n.erc-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(16px, 2vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SECTIONS === *\/\n.erc-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.erc-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--erc-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.erc-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(--erc-primary), var(--erc-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.erc-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.erc-grid-ingredients {\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n}\n\n.erc-grid-three {\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n}\n\n.erc-grid-four {\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n\/* === CARDS === *\/\n.erc-card {\n background: var(--erc-white);\n border-radius: var(--erc-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--erc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.erc-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--erc-shadow-lg);\n border-color: var(--erc-primary);\n}\n\n\/* Benefit Cards *\/\n.erc-benefit-card {\n text-align: center;\n}\n\n.erc-card-icon {\n display: block;\n font-size: 48px;\n margin-bottom: 1rem;\n}\n\n.erc-benefit-card h3 {\n color: var(--erc-primary-dark);\n font-size: 20px;\n font-weight: 800;\n margin: 0 0 .75rem 0;\n}\n\n.erc-benefit-card p {\n color: var(--erc-text-light);\n font-size: 15px;\n margin: 0;\n line-height: 1.6;\n}\n\n\/* Ingredient Cards *\/\n.erc-ingredient-card {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n padding: 1.5rem;\n}\n\n.erc-ingredient-icon {\n font-size: 36px;\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--erc-accent-light);\n border-radius: var(--erc-radius-sm);\n}\n\n.erc-ingredient-content h3 {\n color: var(--erc-accent);\n font-size: 18px;\n font-weight: 800;\n margin: 0 0 .5rem 0;\n}\n\n.erc-ingredient-content p {\n color: var(--erc-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Profile Cards *\/\n.erc-profile-card {\n text-align: center;\n padding: 2rem 1.5rem;\n}\n\n.erc-profile-emoji {\n font-size: 48px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.erc-profile-card p {\n color: var(--erc-text);\n font-size: 16px;\n font-weight: 500;\n margin: 0;\n line-height: 1.5;\n}\n\n\/* Info Cards *\/\n.erc-info-card {\n background: var(--erc-white);\n border-radius: var(--erc-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--erc-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.erc-info-card:hover {\n border-color: var(--erc-secondary);\n transform: translateY(-4px);\n}\n\n.erc-info-icon {\n font-size: 32px;\n display: block;\n margin-bottom: .75rem;\n}\n\n.erc-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .1em;\n color: var(--erc-text-light);\n margin-bottom: .25rem;\n}\n\n.erc-info-value {\n display: block;\n font-size: 16px;\n font-weight: 700;\n color: var(--erc-primary-dark);\n}\n\n\/* === STEPS === *\/\n.erc-steps-container {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.erc-step {\n background: var(--erc-white);\n border-radius: var(--erc-radius);\n padding: 1.5rem 2rem;\n text-align: center;\n box-shadow: var(--erc-shadow);\n flex: 1;\n min-width: 200px;\n max-width: 280px;\n transition: all .3s ease;\n}\n\n.erc-step:hover {\n transform: translateY(-6px);\n box-shadow: var(--erc-shadow-lg);\n}\n\n.erc-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--erc-primary), var(--erc-primary-dark));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1rem auto;\n box-shadow: 0 4px 15px rgba(0,119,182,.3);\n}\n\n.erc-step-content h3 {\n color: var(--erc-primary-dark);\n font-size: 18px;\n font-weight: 700;\n margin: 0 0 .5rem 0;\n}\n\n.erc-step-content p {\n color: var(--erc-text-light);\n font-size: 14px;\n margin: 0;\n}\n\n.erc-step-connector {\n width: 40px;\n height: 3px;\n background: linear-gradient(90deg, var(--erc-secondary), var(--erc-primary));\n border-radius: 2px;\n flex-shrink: 0;\n}\n\n\/* Tip Box *\/\n.erc-tip-box {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--erc-primary-light);\n border-radius: var(--erc-radius-sm);\n padding: 1.25rem 1.5rem;\n border-left: 4px solid var(--erc-primary);\n}\n\n.erc-tip-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.erc-tip-box p {\n margin: 0;\n color: var(--erc-primary-dark);\n font-size: 15px;\n line-height: 1.5;\n}\n\n\/* === WARNING BOX === *\/\n.erc-warning-box {\n background: linear-gradient(135deg, #fff8e6 0%, #fff3cd 100%);\n border-radius: var(--erc-radius);\n padding: 2rem;\n border: 2px solid var(--erc-secondary);\n}\n\n.erc-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1rem;\n}\n\n.erc-warning-icon {\n font-size: 28px;\n}\n\n.erc-warning-header h3 {\n color: var(--erc-secondary-dark);\n font-size: 20px;\n font-weight: 800;\n margin: 0;\n}\n\n.erc-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.erc-warning-list li {\n position: relative;\n padding-left: 1.75rem;\n margin-bottom: .75rem;\n color: var(--erc-text);\n font-size: 15px;\n}\n\n.erc-warning-list li:last-child {\n margin-bottom: 0;\n}\n\n.erc-warning-list li::before {\n content: '•';\n position: absolute;\n left: 0;\n color: var(--erc-secondary-dark);\n font-weight: bold;\n font-size: 20px;\n line-height: 1;\n}\n\n\/* === CTA BOX === *\/\n.erc-cta-box {\n background: linear-gradient(135deg, var(--erc-primary) 0%, var(--erc-primary-dark) 50%, #003d5c 100%);\n border-radius: var(--erc-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--erc-shadow-lg);\n}\n\n.erc-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: \n radial-gradient(circle at 10% 90%, rgba(255,214,10,.2) 0%, transparent 40%),\n radial-gradient(circle at 90% 10%, rgba(45,106,79,.15) 0%, transparent 40%);\n pointer-events: none;\n}\n\n.erc-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.erc-cta-emoji {\n font-size: 56px;\n display: block;\n margin-bottom: 1.5rem;\n animation: float 3s ease-in-out infinite;\n}\n\n.erc-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === ANIMATIONS === *\/\n@keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .erc-card {\n animation: fadeInUp .6s ease backwards;\n }\n .erc-card:nth-child(1) { animation-delay: .1s; }\n .erc-card:nth-child(2) { animation-delay: .2s; }\n .erc-card:nth-child(3) { animation-delay: .3s; }\n .erc-card:nth-child(4) { animation-delay: .4s; }\n .erc-card:nth-child(5) { animation-delay: .5s; }\n .erc-card:nth-child(6) { animation-delay: .6s; }\n \n .erc-step {\n animation: fadeInUp .6s ease backwards;\n }\n .erc-step:nth-child(1) { animation-delay: .1s; }\n .erc-step:nth-child(3) { animation-delay: .3s; }\n .erc-step:nth-child(5) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .erc-grid {\n grid-template-columns: 1fr;\n }\n \n .erc-grid-four {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .erc-steps-container {\n flex-direction: column;\n }\n \n .erc-step-connector {\n width: 3px;\n height: 30px;\n }\n \n .erc-step {\n max-width: 100%;\n }\n \n .erc-ingredient-card {\n flex-direction: column;\n text-align: center;\n }\n \n .erc-ingredient-icon {\n margin: 0 auto;\n }\n \n .erc-tip-box {\n flex-direction: column;\n text-align: center;\n }\n}\n\n@media (max-width: 480px) {\n .erc-grid-four {\n grid-template-columns: 1fr;\n }\n \n .erc-badges-top {\n flex-direction: column;\n align-items: center;\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .erc-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n \n .erc-cta-emoji {\n animation: none;\n }\n}\n\n@media (prefers-contrast: high) {\n .erc-card {\n border: 2px solid var(--erc-text);\n }\n \n .erc-badge {\n border: 2px solid var(--erc-primary-dark);\n }\n}\n\u003c\/style\u003e","brand":"RICHTER'S","offers":[{"title":"Default Title","offer_id":55157394866553,"sku":"NA1245","price":7.49,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tisane-richter-circulation-20-sachets-ernst-richters-packshothd.webp?v=1788600820"},{"product_id":"infusion-confort-urinaire-bio-20-sachets-propolia","title":"Infusion Confort urinaire Bio - 20 sachets - Propolia","description":"\u003cdiv class=\"propo-premium\"\u003e\n \u003cdiv class=\"propo-hero\"\u003e\n \u003cdiv class=\"propo-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"propo-hero-content\"\u003e\n \u003cdiv class=\"propo-badges-top\"\u003e\n \u003cspan class=\"propo-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"propo-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\n \u003cspan class=\"propo-badge\"\u003e🍓 Saveur fruits rouges\u003c\/span\u003e\n \u003cspan class=\"propo-badge\"\u003e♻️ Éco-conçu\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"propo-hero-title\"\u003eInfusion Confort Urinaire Bio\u003c\/span\u003e\n \u003cp class=\"propo-subtitle\"\u003ePropolis, cassis, fenouil \u0026amp; reine des prés\u003c\/p\u003e\n \u003cp class=\"propo-description\"\u003e20 infusettes pour une pause bien-être gourmande qui soutient en douceur le confort de vos voies urinaires, au quotidien ou en cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003eUne tisane pour le confort urinaire pensée comme une vraie pause bien-être\u003c\/h2\u003e\n \u003cp class=\"propo-section-intro\"\u003eInconforts passagers, sensations de lourdeur, besoin de drainer ? Cette \u003cstrong\u003einfusion confort urinaire bio\u003c\/strong\u003e a été pensée pour accompagner votre quotidien en douceur.\u003c\/p\u003e\n \u003cp class=\"propo-section-intro\"\u003eLa synergie associe \u003cstrong\u003ecassis\u003c\/strong\u003e, \u003cstrong\u003efenouil\u003c\/strong\u003e, \u003cstrong\u003ereine des prés\u003c\/strong\u003e et \u003cstrong\u003epropolis\u003c\/strong\u003e : quatre ingrédients phares pour épauler l'organisme. Une \u003cstrong\u003etisane confort urinaire femme\u003c\/strong\u003e comme \u003cstrong\u003ehomme\u003c\/strong\u003e, à savourer chaude ou tiède, seule ou en cure régulière.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003ePourquoi vous allez l'adorer\u003c\/h2\u003e\n \u003cdiv class=\"propo-grid\"\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🎯 Synergie ciblée\u003c\/h3\u003e\n \u003cp\u003eCassis, fenouil, reine des prés et propolis pour le confort urinaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🍇 Goût gourmand\u003c\/h3\u003e\n \u003cp\u003eUne pointe d'hibiscus et un arôme naturel de fruits des bois.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌱 Bio \u0026amp; local\u003c\/h3\u003e\n \u003cp\u003eFormulation française, ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e♻️ Écoconception\u003c\/h3\u003e\n \u003cp\u003eInfusettes non blanchies, sans agrafe ni colle, emballage recyclable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003eIngrédients \u0026amp; bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"propo-grid\"\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🍃 Cassis feuille (45 %)*\u003c\/h3\u003e\n \u003cp\u003eTraditionnellement utilisée pour favoriser l'élimination rénale et le drainage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌾 Fenouil fruit (20 %)*\u003c\/h3\u003e\n \u003cp\u003eApporte douceur et complète l'effet drainant.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌼 Reine des prés (11 %)*\u003c\/h3\u003e\n \u003cp\u003eAlliée historique du confort urinaire, partie aérienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis (6 %)*\u003c\/h3\u003e\n \u003cp\u003eReconnue pour ses propriétés purifiantes, issue de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌿 Réglisse racine*\u003c\/h3\u003e\n \u003cp\u003eAdoucit naturellement la tasse de sa note sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌺 Hibiscus fleur*\u003c\/h3\u003e\n \u003cp\u003eNote acidulée et source naturelle d'antioxydants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🍓 Arôme fruits des bois\u003c\/h3\u003e\n \u003cp\u003eLa touche gourmande, 100 % naturelle, pour une infusion plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"propo-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003eComment préparer votre infusion confort urinaire ?\u003c\/h2\u003e\n \u003cdiv class=\"propo-timeline\"\u003e\n \u003cdiv class=\"propo-timeline-item\"\u003e\n \u003cdiv class=\"propo-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-content\"\u003e\n \u003ch3\u003eDosage\u003c\/h3\u003e\n \u003cp\u003e1 sachet pour \u003cstrong\u003e200 ml\u003c\/strong\u003e d'eau frémissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-item\"\u003e\n \u003cdiv class=\"propo-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-content\"\u003e\n \u003ch3\u003eTempérature\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e80 °C\u003c\/strong\u003e, pour préserver tous les actifs des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-item\"\u003e\n \u003cdiv class=\"propo-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-content\"\u003e\n \u003ch3\u003eInfusion\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e3 à 5 minutes\u003c\/strong\u003e, à couvert idéalement, pour libérer les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-item\"\u003e\n \u003cdiv class=\"propo-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"propo-timeline-content\"\u003e\n \u003ch3\u003eRythme\u003c\/h3\u003e\n \u003cp\u003eJusqu'à \u003cstrong\u003e4 tasses par jour\u003c\/strong\u003e, selon vos besoins.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-tip\"\u003e\n \u003cspan class=\"propo-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eAstuce cure :\u003c\/strong\u003e pour une cure de confort, intégrez cette tisane sur 2 à 3 semaines, en l'associant à une hydratation suffisante (1,5 L d'eau par jour).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003eAvis \u0026amp; retours d'expérience\u003c\/h2\u003e\n \u003cdiv class=\"propo-testimonial\"\u003e\n \u003cp class=\"propo-testimonial-text\"\u003e\"Les utilisateurs apprécient particulièrement la saveur ronde et fruitée, peu fréquente sur ce type de formule, ainsi que la qualité bio et la fabrication française. Une infusion confort urinaire agréable à boire, qui ne ressemble pas à une « tisane médicinale » austère.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003eFormat \u0026amp; engagements\u003c\/h2\u003e\n \u003cdiv class=\"propo-grid-compact\"\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e📦 20 infusettes\u003c\/h3\u003e\n \u003cp\u003eSachets fraîcheur de 1,3 g, soit 26 g au total.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🇫🇷 Origine France\u003c\/h3\u003e\n \u003cp\u003eFabriqué en Occitanie, savoir-faire local.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e🌍 Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eInfusettes sans agrafe, sachets compostables.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"propo-card\"\u003e\n \u003ch3\u003e♻️ Recyclable\u003c\/h3\u003e\n \u003cp\u003eCarton recyclable, démarche zéro déchet.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"propo-accordion\"\u003e\n \u003cdetails class=\"propo-accordion-item\"\u003e\n \u003csummary class=\"propo-accordion-header\"\u003e🐝 Allergie aux produits de la ruche\u003c\/summary\u003e\n \u003cdiv class=\"propo-accordion-content mt-3\"\u003e\n \u003cp\u003eDéconseillée en cas d'allergie connue aux produits de la ruche (propolis, miel, pollen…).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propo-accordion-item\"\u003e\n \u003csummary class=\"propo-accordion-header\"\u003e⚠️ Réglisse \u0026amp; hypertension\u003c\/summary\u003e\n \u003cdiv class=\"propo-accordion-content mt-3\"\u003e\n \u003cp\u003eLa réglisse est à éviter en cas d'hypertension non contrôlée. Demandez conseil à votre médecin si vous suivez un traitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propo-accordion-item\"\u003e\n \u003csummary class=\"propo-accordion-header\"\u003e💊 Reine des prés \u0026amp; anticoagulants\u003c\/summary\u003e\n \u003cdiv class=\"propo-accordion-content mt-3\"\u003e\n \u003cp\u003eLa reine des prés contient des dérivés salicylés : avis médical recommandé si vous êtes sous anticoagulants ou allergique à l'aspirine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propo-accordion-item\"\u003e\n \u003csummary class=\"propo-accordion-header\"\u003e🤰 Grossesse \u0026amp; allaitement\u003c\/summary\u003e\n \u003cdiv class=\"propo-accordion-content mt-3\"\u003e\n \u003cp\u003eFemmes enceintes ou allaitantes : demandez conseil à un professionnel de santé avant utilisation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"propo-accordion-item\"\u003e\n \u003csummary class=\"propo-accordion-header\"\u003e📋 Recommandations générales\u003c\/summary\u003e\n \u003cdiv class=\"propo-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit ne se substitue pas à un traitement médical ni à une alimentation variée et équilibrée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"propo-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition complète\u003c\/h2\u003e\n \u003cdiv class=\"propo-cta-box\"\u003e\n \u003cp\u003eCassis feuille* (45 %), Fenouil fruit* (20 %), Reine des prés partie aérienne* (11 %), Arôme naturel de fruits des bois, Extrait de Propolis* (6 %), Réglisse racine*, Hibiscus fleur*.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"propo-disclaimer\"\u003e*Ingrédients issus de l'Agriculture Biologique.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --propo-cream: #fdf6f7;\n --propo-white: #ffffff;\n --propo-primary: #a8254a;\n --propo-primary-dark: #6e1530;\n --propo-primary-light: #fae3ea;\n --propo-secondary: #d65b80;\n --propo-accent: #e87da0;\n --propo-text: #2a1218;\n --propo-text-light: #6a5660;\n --propo-border: #f0d9e0;\n --propo-shadow: 0 4px 24px rgba(110,21,48,.08);\n --propo-shadow-lg: 0 12px 48px rgba(110,21,48,.18);\n --propo-radius: 20px;\n --propo-radius-sm: 12px;\n}\n\n.propo-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--propo-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--propo-text);\n line-height: 1.6;\n}\n\n.propo-hero {\n position: relative;\n background: linear-gradient(135deg, #a8254a 0%, #c93a68 50%, #e87da0 100%);\n border-radius: var(--propo-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(--propo-shadow-lg);\n}\n\n.propo-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 50%);\n opacity: .8;\n}\n\n.propo-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.propo-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n}\n\n.propo-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n font-style: italic;\n}\n\n.propo-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n max-width: 650px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n.propo-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.75rem;\n}\n\n.propo-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(--propo-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.propo-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.propo-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.propo-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--propo-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n}\n\n.propo-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--propo-primary), var(--propo-secondary));\n border-radius: 2px;\n}\n\n.propo-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--propo-text-light);\n margin: 0 auto 1rem auto;\n max-width: 720px;\n line-height: 1.75;\n}\n\n.propo-section-intro strong {\n color: var(--propo-primary-dark);\n}\n\n.propo-card {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--propo-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.propo-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--propo-shadow-lg);\n border-color: var(--propo-primary);\n}\n\n.propo-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--propo-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.propo-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.propo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.propo-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.propo-grid-compact .propo-card {\n padding: 1rem;\n}\n\n.propo-grid-compact .propo-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.propo-grid-compact .propo-card p {\n font-size: 12px;\n}\n\n.propo-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 760px;\n margin: 0 auto;\n}\n\n.propo-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.propo-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--propo-primary), var(--propo-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(168,37,74,.3);\n}\n\n.propo-timeline-content {\n flex: 1;\n background: var(--propo-white);\n padding: 1rem 1.25rem;\n border-radius: var(--propo-radius-sm);\n box-shadow: var(--propo-shadow);\n}\n\n.propo-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--propo-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.propo-timeline-content p {\n font-size: 14px;\n color: var(--propo-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.propo-testimonial {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--propo-shadow);\n border-left: 4px solid var(--propo-primary);\n max-width: 820px;\n margin: 0 auto;\n}\n\n.propo-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--propo-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.propo-accordion {\n background: var(--propo-white);\n border-radius: var(--propo-radius);\n box-shadow: var(--propo-shadow);\n overflow: hidden;\n max-width: 820px;\n margin: 0 auto;\n}\n\n.propo-accordion-item {\n border-bottom: 1px solid var(--propo-border);\n margin: 0;\n padding: 0;\n}\n\n.propo-accordion-item:last-child {\n border-bottom: none;\n}\n\n.propo-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--propo-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n}\n\n.propo-accordion-header:hover {\n background: var(--propo-primary-light);\n}\n\n.propo-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.propo-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--propo-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n}\n\n.propo-accordion-item[open] .propo-accordion-header::after {\n content: '−';\n}\n\n.propo-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--propo-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.propo-accordion-content p {\n margin: 0;\n}\n\n.propo-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--propo-primary-light);\n border-radius: var(--propo-radius-sm);\n padding: 1rem 1.25rem;\n margin: 1.5rem auto 0 auto;\n max-width: 760px;\n border-left: 3px solid var(--propo-primary);\n}\n\n.propo-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.propo-tip p {\n font-size: 14px;\n color: var(--propo-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.propo-tip p strong {\n color: var(--propo-primary-dark);\n}\n\n.propo-cta-box {\n background: linear-gradient(135deg, var(--propo-primary) 0%, var(--propo-primary-dark) 100%);\n border-radius: var(--propo-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.propo-cta-box p {\n color: white;\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.8;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.propo-disclaimer {\n font-size: 12px;\n color: var(--propo-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .propo-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .propo-card { padding: 1.125rem; }\n .propo-section { margin-bottom: 1.75rem; }\n .propo-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--propo-radius-sm);\n }\n .propo-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .propo-premium h2::after { width: 40px; height: 3px; }\n .propo-grid-compact { gap: .625rem; }\n .propo-grid-compact .propo-card { padding: .75rem; }\n .propo-timeline-number { width: 32px; height: 32px; font-size: 14px; }\n .propo-timeline-content { padding: .875rem 1rem; }\n .propo-timeline-content h3 { font-size: 14px; }\n .propo-timeline-content p { font-size: 13px; }\n .propo-accordion-header { padding: .875rem 1rem; font-size: 14px; }\n .propo-accordion-content { padding: 0 1rem .875rem; font-size: 13px; }\n .propo-testimonial { padding: 1.25rem; }\n .propo-testimonial-text { font-size: 14px; }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .propo-card { animation: fadeInUp .5s ease backwards; }\n .propo-card:nth-child(1) { animation-delay: .05s; }\n .propo-card:nth-child(2) { animation-delay: .1s; }\n .propo-card:nth-child(3) { animation-delay: .15s; }\n .propo-card:nth-child(4) { animation-delay: .2s; }\n .propo-card:nth-child(5) { animation-delay: .25s; }\n .propo-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .propo-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55162177880441,"sku":"AP0197","price":7.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-confort-urinaire-bio-20-sachets-propolia-packshothd_05bf8e49-f8bb-483f-9c0e-f97d55af1875.webp?v=1787391805"},{"product_id":"pur-jus-de-noni-bio-1-l-neodiet","title":"Pur jus de Noni bio - 1 Litre - Neodiet","description":"\u003cdiv class=\"nn-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"nn-hero\"\u003e\n \u003cdiv class=\"nn-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"nn-hero-content\"\u003e\n \u003cdiv class=\"nn-badges-top\"\u003e\n \u003cspan class=\"nn-badge\"\u003e🌿 Agriculture biologique\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e🏝️ Origine Tahiti\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e🍶 100 % pur jus\u003c\/span\u003e\n \u003cspan class=\"nn-badge\"\u003e📦 Format 1 litre\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"nn-hero-title\"\u003ePur jus de Noni bio\u003c\/span\u003e\n \u003cp class=\"nn-subtitle\"\u003eMorinda citrifolia — Neodiet\u003c\/p\u003e\n \u003cp class=\"nn-description\"\u003eUn concentré de vitalité ancestral, directement récolté à Tahiti. Non dilué, non filtré, sans conservateur ni sucre ajouté.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePur jus de Noni bio de Tahiti : un concentré de vitalité ancestral\u003c\/h2\u003e\n \u003cp class=\"nn-section-intro\"\u003eConnaissez-vous le \u003cstrong\u003eNoni\u003c\/strong\u003e, ce fruit tropical utilisé depuis plus de 2 000 ans par les peuples polynésiens ?\u003c\/p\u003e\n \u003cdiv class=\"nn-highlight-box\"\u003e\n \u003cp\u003eAppelé scientifiquement \u003cem\u003eMorinda citrifolia\u003c\/em\u003e, il est considéré comme l'un des superaliments les plus complets au monde. Avec ce \u003cstrong\u003epur jus de Noni bio\u003c\/strong\u003e signé Neodiet, vous profitez d'un produit \u003cstrong\u003e100 % pur jus\u003c\/strong\u003e, non dilué, non filtré, issu de l'agriculture biologique et récolté directement à Tahiti. Aucun conservateur, aucun ajout de sucre ni de jus d'autres fruits : uniquement la pulpe fermentée du Noni dans toute son intégrité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePourquoi le jus de Noni bio est-il si prisé ?\u003c\/h2\u003e\n \u003cp class=\"nn-section-intro\"\u003eLe fruit du Noni renferme une \u003cstrong\u003erichesse nutritionnelle exceptionnelle\u003c\/strong\u003e, avec plus de \u003cstrong\u003e150 composés bioactifs\u003c\/strong\u003e identifiés.\u003c\/p\u003e\n \u003cdiv class=\"nn-grid\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🍊 Vitamines A, C, E, B\u003c\/h3\u003e\n \u003cp\u003eContribuent au fonctionnement normal du système immunitaire et au métabolisme énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e⚡ Minéraux et oligo-éléments\u003c\/h3\u003e\n \u003cp\u003ePotassium, magnésium, fer, zinc : participent à l'équilibre électrolytique et au maintien des fonctions musculaires.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🧬 Proxéronine\u003c\/h3\u003e\n \u003cp\u003eUn alcaloïde rare, précurseur de la xéronine, impliqué dans la régénération cellulaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🫧 Enzymes naturelles\u003c\/h3\u003e\n \u003cp\u003eFavorisent une bonne digestion et une meilleure absorption des nutriments.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🛡️ Antioxydants\u003c\/h3\u003e\n \u003cp\u003eAident à protéger les cellules contre le stress oxydatif quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-tip\"\u003e\n \u003cspan class=\"nn-tip-icon\"\u003e🌺\u003c\/span\u003e\n \u003cp\u003eTraditionnellement, les Polynésiens consommaient le \u003cstrong\u003enoni\u003c\/strong\u003e pour soutenir leur \u003cstrong\u003evitalité physique et mentale\u003c\/strong\u003e, renforcer leurs défenses naturelles et accompagner la récupération après l'effort. Aujourd'hui, de nombreux avis sur le \u003cstrong\u003ejus de Noni bio\u003c\/strong\u003e confirment son intérêt dans une démarche de bien-être global.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"nn-composition-card\"\u003e\n \u003cdiv class=\"nn-composition-label\"\u003eIngrédient unique\u003c\/div\u003e\n \u003ch3\u003e🍈 Jus de Morinda citrifolia 100 % pur\u003c\/h3\u003e\n \u003cp\u003eIssu de l'agriculture biologique. Origine Tahiti. Obtenu par fermentation naturelle traditionnelle.\u003c\/p\u003e\n \u003cdiv class=\"nn-grid-compact\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Non dilué\u003c\/h3\u003e\n \u003cp\u003eAucun ajout d'eau\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Non filtré\u003c\/h3\u003e\n \u003cp\u003eIntégrité préservée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Sans conservateur\u003c\/h3\u003e\n \u003cp\u003eAucun additif chimique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🚫 Sans sucre ajouté\u003c\/h3\u003e\n \u003cp\u003eNi jus d'autres fruits\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-tip\"\u003e\n \u003cspan class=\"nn-tip-icon\"\u003e🔬\u003c\/span\u003e\n \u003cp\u003eLa méthode de \u003cstrong\u003efermentation naturelle\u003c\/strong\u003e est essentielle : elle permet de préserver la synergie complète des nutriments du fruit et d'en optimiser la biodisponibilité, contrairement aux procédés industriels de pasteurisation haute température.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et posologie\u003c\/h2\u003e\n \u003cdiv class=\"nn-timeline\"\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eDosage recommandé\u003c\/h3\u003e\n \u003cp\u003ePrenez \u003cstrong\u003e3 cuillères à soupe par jour\u003c\/strong\u003e (environ \u003cstrong\u003e30 ml au total\u003c\/strong\u003e), de préférence \u003cstrong\u003eà jeun ou en dehors des repas\u003c\/strong\u003e pour favoriser l'absorption.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eRépartition des prises\u003c\/h3\u003e\n \u003cp\u003eVous pouvez répartir la prise en \u003cstrong\u003e3 fois dans la journée\u003c\/strong\u003e : 10 ml matin, midi et soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eAstuce goût\u003c\/h3\u003e\n \u003cp\u003eLe goût du jus de Noni est assez prononcé et unique. Si vous le trouvez trop intense, diluez-le dans un peu d'eau ou de jus de fruit naturel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-item\"\u003e\n \u003cdiv class=\"nn-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"nn-timeline-content\"\u003e\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003eAgitez bien la bouteille\u003c\/strong\u003e avant chaque utilisation et \u003cstrong\u003econservez au réfrigérateur\u003c\/strong\u003e après ouverture. Contenance : \u003cstrong\u003e1 litre\u003c\/strong\u003e, soit environ un mois de cure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003eCe qui distingue le jus de Noni Neodiet\u003c\/h2\u003e\n \u003cdiv class=\"nn-grid-compact\"\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e✅ Certification biologique\u003c\/h3\u003e\n \u003cp\u003eGarantie d'un produit sans pesticides ni produits chimiques de synthèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e🏝️ Origine Tahiti authentique\u003c\/h3\u003e\n \u003cp\u003eFruits cultivés dans les sols volcaniques riches de Polynésie française, un terroir idéal pour le Noni.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e💎 Pureté totale\u003c\/h3\u003e\n \u003cp\u003eAucune dilution, aucun additif, aucun filtrage — l'intégralité des principes actifs du fruit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"nn-card\"\u003e\n \u003ch3\u003e💰 Format économique 1 litre\u003c\/h3\u003e\n \u003cp\u003eUn excellent rapport qualité-prix pour du jus de Noni bio de qualité supérieure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"nn-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"nn-accordion\"\u003e\n \u003cdetails class=\"nn-accordion-item\" open\u003e\n \u003csummary class=\"nn-accordion-header\"\u003e⚠️ Recommandations importantes\u003c\/summary\u003e\n \u003cdiv class=\"nn-accordion-content mt-3\"\u003e\n \u003cp\u003eCe produit est un \u003cstrong\u003ecomplément alimentaire\u003c\/strong\u003e et ne saurait se substituer à une alimentation variée et équilibrée ni à un suivi médical. Déconseillé aux femmes enceintes ou allaitantes et aux personnes sous traitement anticoagulant sans avis médical préalable. En cas de doute, consultez votre professionnel de santé avant de démarrer une cure de jus de Noni bio.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"nn-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"nn-cta-box\"\u003e\n \u003cp\u003e🌿 Offrez à votre organisme la puissance du Noni de Tahiti — un superaliment millénaire, certifié bio, dans sa forme la plus pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"nn-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose recommandée.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --nn-cream: #f5f7f2;\n --nn-white: #ffffff;\n --nn-primary: #4a7c3f;\n --nn-primary-dark: #2d5a24;\n --nn-primary-light: #e8f0e5;\n --nn-secondary: #7cb342;\n --nn-accent: #c8a84e;\n --nn-text: #1a1a1a;\n --nn-text-light: #5a5a5a;\n --nn-border: #dde5d9;\n --nn-shadow: 0 4px 24px rgba(0,0,0,.08);\n --nn-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --nn-radius: 20px;\n --nn-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.nn-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--nn-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.nn-hero {\n position: relative;\n background: linear-gradient(135deg, var(--nn-primary-dark) 0%, var(--nn-primary) 50%, var(--nn-secondary) 100%);\n border-radius: var(--nn-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(--nn-shadow-lg);\n}\n\n.nn-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 0%, transparent 40%),\n radial-gradient(circle at 60% 80%, rgba(200,168,78,.1) 0%, transparent 40%);\n opacity: 1;\n}\n\n.nn-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.nn-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.nn-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 500;\n font-style: italic;\n margin: 0 0 1.25rem 0;\n}\n\n.nn-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === BADGES === *\/\n.nn-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.nn-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(--nn-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.nn-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.nn-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.nn-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--nn-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.nn-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(--nn-primary), var(--nn-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.nn-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nn-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n.nn-section-intro strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.nn-highlight-box {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n border-left: 4px solid var(--nn-secondary);\n}\n\n.nn-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nn-text);\n margin: 0;\n line-height: 1.8;\n}\n\n.nn-highlight-box strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === CARDS === *\/\n.nn-card {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--nn-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.nn-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--nn-shadow-lg);\n border-color: var(--nn-primary);\n}\n\n.nn-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--nn-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.nn-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--nn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.nn-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.nn-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.nn-grid-compact .nn-card {\n padding: 1rem;\n}\n\n.nn-grid-compact .nn-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.nn-grid-compact .nn-card p {\n font-size: 12px;\n}\n\n\/* === COMPOSITION CARD === *\/\n.nn-composition-card {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n text-align: center;\n margin-bottom: 1.25rem;\n}\n\n.nn-composition-label {\n display: inline-block;\n background: linear-gradient(135deg, var(--nn-primary), var(--nn-secondary));\n color: white;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: .08em;\n padding: 6px 18px;\n border-radius: 999px;\n margin-bottom: 1rem;\n}\n\n.nn-composition-card \u003e h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 900;\n color: var(--nn-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.nn-composition-card \u003e p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--nn-text-light);\n margin: 0 0 1.5rem 0;\n line-height: 1.6;\n}\n\n.nn-composition-card .nn-grid-compact {\n margin-top: 0;\n}\n\n\/* === TIMELINE === *\/\n.nn-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.nn-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.nn-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--nn-primary), var(--nn-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.nn-timeline-content {\n flex: 1;\n background: var(--nn-white);\n padding: 1rem 1.25rem;\n border-radius: var(--nn-radius-sm);\n box-shadow: var(--nn-shadow);\n}\n\n.nn-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--nn-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.nn-timeline-content p {\n font-size: 14px;\n color: var(--nn-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.nn-timeline-content strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === TIP BOX === *\/\n.nn-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--nn-primary-light);\n border-radius: var(--nn-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.nn-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.nn-tip p {\n font-size: 14px;\n color: var(--nn-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.nn-tip strong {\n color: var(--nn-primary-dark);\n}\n\n\/* === TESTIMONIAL === *\/\n.nn-testimonial {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--nn-shadow);\n border-left: 4px solid var(--nn-primary);\n}\n\n.nn-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--nn-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n\/* === ACCORDÉON === *\/\n.nn-accordion {\n background: var(--nn-white);\n border-radius: var(--nn-radius);\n box-shadow: var(--nn-shadow);\n overflow: hidden;\n}\n\n.nn-accordion-item {\n border-bottom: 1px solid var(--nn-border);\n margin: 0;\n padding: 0;\n}\n\n.nn-accordion-item:last-child {\n border-bottom: none;\n}\n\n.nn-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--nn-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.nn-accordion-header:hover {\n background: var(--nn-primary-light);\n}\n\n.nn-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.nn-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--nn-primary);\n transition: transform .2s ease;\n}\n\n.nn-accordion-item[open] .nn-accordion-header::after {\n content: '−';\n}\n\n.nn-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--nn-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.nn-accordion-content p {\n margin: 0;\n}\n\n.nn-accordion-content strong {\n color: var(--nn-text);\n}\n\n\/* === CTA FINAL === *\/\n.nn-cta-box {\n background: linear-gradient(135deg, var(--nn-primary) 0%, var(--nn-primary-dark) 100%);\n border-radius: var(--nn-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.nn-cta-box::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(circle at 30% 50%, rgba(124,179,66,.3) 0%, transparent 60%);\n}\n\n.nn-cta-box p {\n position: relative;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.nn-disclaimer {\n font-size: 12px;\n color: var(--nn-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .nn-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nn-card {\n padding: 1.125rem;\n }\n\n .nn-section {\n margin-bottom: 1.75rem;\n }\n\n .nn-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--nn-radius-sm);\n }\n\n .nn-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .nn-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .nn-grid-compact {\n gap: .625rem;\n }\n\n .nn-grid-compact .nn-card {\n padding: .75rem;\n }\n\n .nn-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .nn-timeline-content {\n padding: .875rem 1rem;\n }\n\n .nn-timeline-content h3 {\n font-size: 14px;\n }\n\n .nn-timeline-content p {\n font-size: 13px;\n }\n\n .nn-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .nn-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n\n .nn-testimonial {\n padding: 1.25rem;\n }\n\n .nn-testimonial-text {\n font-size: 14px;\n }\n\n .nn-highlight-box {\n padding: 1.25rem;\n }\n\n .nn-composition-card {\n padding: 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .nn-card {\n animation: nnFadeInUp .5s ease backwards;\n }\n .nn-card:nth-child(1) { animation-delay: .05s; }\n .nn-card:nth-child(2) { animation-delay: .1s; }\n .nn-card:nth-child(3) { animation-delay: .15s; }\n .nn-card:nth-child(4) { animation-delay: .2s; }\n .nn-card:nth-child(5) { animation-delay: .25s; }\n .nn-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes nnFadeInUp {\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 .nn-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"NEODIET","offers":[{"title":"Default Title","offer_id":55180527305081,"sku":"VO4690","price":37.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/pur-jus-de-noni-bio-1-litre-neodiet-packshothd_c4f342ea-24be-40a7-8898-7c8e2e93fe29.webp?v=1785841215"},{"product_id":"bilva-bio-poudre-ayur-vana","title":"Bilva bio en poudre - Epice à dessert - 50 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Bilva bio en poudre - Épice à dessert - 50 g - Ayur-Vana\nPalette détectée:\n - Primaire: #C4652A (orange cuivré\/terracotta des bandes de l'étiquette)\n - Secondaire: #D4A234 (doré\/ocre de la poudre de Bilva)\n - Accent: #6B8C3A (vert du logo AB bio)\nAmbiance: Naturel\/bio, tradition ayurvédique indienne, épices \u0026 gastronomie, chaleureux et authentique\nPréfixe CSS: bv\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Bilva bio en poudre : l'épice indienne qui sublime vos desserts\"\n 2. \"Un allié naturel pour votre digestion\"\n 3. \"Comment utiliser le Bilva en cuisine ? Idées de recettes et associations\"\n 4. \"Composition\"\n 5. \"Pourquoi choisir le Bilva bio Ayur-Vana ?\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"bv-premium\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003cdiv class=\"bv-hero\"\u003e\n \u003cdiv class=\"bv-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"bv-hero-content\"\u003e\n \u003cdiv class=\"bv-badges-top\"\u003e\n \u003cspan class=\"bv-badge\"\u003e🌿 Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"bv-badge\"\u003e🇮🇳 Fruit sacré indien\u003c\/span\u003e\n \u003cspan class=\"bv-badge\"\u003e🍯 Notes miel \u0026amp; agrumes\u003c\/span\u003e\n \u003cspan class=\"bv-badge\"\u003e🧴 Flacon verre 50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"bv-hero-title\"\u003eBilva bio en poudre\u003c\/span\u003e\n \u003cp class=\"bv-subtitle\"\u003eÉpice à dessert — Ayur-Vana\u003c\/p\u003e\n \u003cp class=\"bv-description\"\u003eUn fruit sacré de la tradition ayurvédique au parfum envoûtant, mêlant agrumes doux, cannelle et miel. Sublimez vos desserts tout en prenant soin de votre digestion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- H2 #1 --\u003e\n \u003csection class=\"bv-section\"\u003e\n \u003ch2\u003eBilva bio en poudre : l'épice indienne qui sublime vos desserts\u003c\/h2\u003e\n \u003cp class=\"bv-section-intro\"\u003eVous cherchez une \u003cstrong\u003eépice pour dessert\u003c\/strong\u003e qui sorte vraiment de l'ordinaire ?\u003c\/p\u003e\n \u003cdiv class=\"bv-highlight-box\"\u003e\n \u003cp\u003eDécouvrez le \u003cstrong\u003eBilva bio en poudre Ayur-Vana\u003c\/strong\u003e, un fruit sacré de la tradition ayurvédique au parfum envoûtant, mêlant des notes d'agrumes doux, de cannelle et de miel. Issu de l'arbre \u003cem\u003eAegle marmelos\u003c\/em\u003e, le Bilva (aussi appelé Bael) est utilisé depuis des millénaires en Inde, autant en cuisine qu'en phytothérapie.\u003c\/p\u003e\n \u003cp\u003eCette poudre fine et dorée vous ouvre les portes d'une \u003cstrong\u003egastronomie créative\u003c\/strong\u003e, tout en prenant soin de votre confort digestif au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-grid-compact\"\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍊 Agrumes doux\u003c\/h3\u003e\n \u003cp\u003eNotes citronnées subtiles et enveloppantes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍯 Miel \u0026amp; cannelle\u003c\/h3\u003e\n \u003cp\u003eChaleur épicée et douceur naturelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🌳 Aegle marmelos\u003c\/h3\u003e\n \u003cp\u003eFruit sacré millénaire de la tradition indienne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e✨ Poudre fine dorée\u003c\/h3\u003e\n \u003cp\u003eTexture idéale pour pâtisserie et boissons\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #2 --\u003e\n \u003csection class=\"bv-section\"\u003e\n \u003ch2\u003eUn allié naturel pour votre digestion\u003c\/h2\u003e\n \u003cp class=\"bv-section-intro\"\u003eLe Bilva est reconnu dans la médecine ayurvédique pour ses propriétés apaisantes sur le \u003cstrong\u003esystème digestif\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"bv-grid\"\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e😌 Soulager les inconforts digestifs\u003c\/h3\u003e\n \u003cp\u003eBallonnements, lourdeurs après les repas, diarrhées légères… le Bilva aide à calmer et rééquilibrer le transit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🔄 Favoriser une bonne assimilation\u003c\/h3\u003e\n \u003cp\u003eSa richesse en fibres et en tanins contribue au bon fonctionnement gastro-intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🛡️ Apporter des antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eLe fruit contient des composés phénoliques qui participent à la lutte contre le stress oxydatif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-tip\"\u003e\n \u003cspan class=\"bv-tip-icon\"\u003e🕉️\u003c\/span\u003e\n \u003cp\u003eEn Ayurvéda, le Bilva est particulièrement apprécié pour son \u003cstrong\u003eaction équilibrante sur les doshas Vata et Kapha\u003c\/strong\u003e. Rappelons qu'il ne se substitue pas à un traitement médical et qu'un avis professionnel reste recommandé en cas de troubles persistants.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #3 --\u003e\n \u003csection class=\"bv-section\"\u003e\n \u003ch2\u003eComment utiliser le Bilva en cuisine ? Idées de recettes et associations\u003c\/h2\u003e\n \u003cp class=\"bv-section-intro\"\u003eC'est en pâtisserie et dans les desserts que le Bilva révèle toute sa magie. Sa saveur douce, légèrement sucrée et citronnée, s'intègre parfaitement dans de nombreuses préparations.\u003c\/p\u003e\n \u003cdiv class=\"bv-grid\"\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍞 Dessert pain d'épice\u003c\/h3\u003e\n \u003cp\u003eIncorporez une pincée de Bilva à votre pâte à pain d'épice pour lui donner une profondeur aromatique inédite. Il se marie aussi à merveille en \u003cstrong\u003eaccompagnement pain d'épice dessert\u003c\/strong\u003e, saupoudré sur une tranche tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍨 Pain d'épice et glace vanille\u003c\/h3\u003e\n \u003cp\u003eL'association du Bilva avec la vanille crée un contraste subtil et raffiné, idéal pour un dessert gourmand et original.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍎 Pain d'épice pomme\u003c\/h3\u003e\n \u003cp\u003eAjoutez-le à une compote de pommes ou un crumble aux pommes épicé pour une touche exotique irrésistible.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🧁 Pain d'épice mascarpone\u003c\/h3\u003e\n \u003cp\u003eMélangez une pointe de Bilva dans une crème au mascarpone servie sur un \u003cstrong\u003edessert avec tranche de pain d'épice\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🍊 Orange pain d'épice\u003c\/h3\u003e\n \u003cp\u003eSes notes d'agrumes prolongent naturellement la fraîcheur de l'orange dans vos mousses ou entremets.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e♻️ Avec reste de pain d'épice\u003c\/h3\u003e\n \u003cp\u003eTransformez vos restes en tiramisu ou trifle original grâce à cette épice surprenante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-tip\"\u003e\n \u003cspan class=\"bv-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eVous pouvez aussi le saupoudrer sur un \u003cstrong\u003eporridge\u003c\/strong\u003e, l'infuser dans une \u003cstrong\u003etisane digestive du soir\u003c\/strong\u003e ou l'incorporer à vos mélanges d'épices pour \u003cstrong\u003ecurrys doux\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-dosage-box\"\u003e\n \u003cp\u003e\u003cstrong\u003eDosage conseillé\u003c\/strong\u003e : 1 à 2 g par jour, soit environ une demi-cuillère à café, à ajuster selon vos goûts.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #4 --\u003e\n \u003csection class=\"bv-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"bv-composition-card\"\u003e\n \u003cdiv class=\"bv-composition-main\"\u003e\n \u003cspan class=\"bv-composition-icon\"\u003e🌿\u003c\/span\u003e\n \u003cdiv\u003e\n \u003ch3\u003eIngrédient unique\u003c\/h3\u003e\n \u003cp\u003ePoudre de fruit de Bilva (\u003cem\u003eAegle marmelos\u003c\/em\u003e)*\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-composition-footer\"\u003e\n \u003cp\u003e\u003cem\u003e*Issu de l'Agriculture Biologique – Certifié par Ecocert FR-BIO-01.\u003c\/em\u003e\u003c\/p\u003e\n \u003cdiv class=\"bv-composition-badges\"\u003e\n \u003cspan class=\"bv-comp-badge\"\u003eSans additif\u003c\/span\u003e\n \u003cspan class=\"bv-comp-badge\"\u003eSans conservateur\u003c\/span\u003e\n \u003cspan class=\"bv-comp-badge\"\u003eSans excipient\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- H2 #5 --\u003e\n \u003csection class=\"bv-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePourquoi choisir le Bilva bio Ayur-Vana ?\u003c\/h2\u003e\n \u003cdiv class=\"bv-grid-compact\"\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🌱 Certification biologique AB\u003c\/h3\u003e\n \u003cp\u003eUn gage de pureté et de respect de l'environnement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🔍 Traçabilité rigoureuse\u003c\/h3\u003e\n \u003cp\u003eChaque lot est sélectionné et contrôlé pour garantir une qualité constante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🕉️ Savoir-faire ayurvédique authentique\u003c\/h3\u003e\n \u003cp\u003eAyur-Vana s'appuie sur la tradition indienne ancestrale, associée à des engagements modernes de qualité et de durabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-card\"\u003e\n \u003ch3\u003e🧴 Format pratique de 50 g\u003c\/h3\u003e\n \u003cp\u003eLe flacon en verre avec bouchon de liège préserve idéalement les arômes et les propriétés de la poudre.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"bv-cta-box\"\u003e\n \u003cp\u003e🌿 Conservez votre Bilva à l'abri de la lumière et de l'humidité pour profiter pleinement de ses saveurs et de ses bienfaits.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"bv-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain. Ne pas dépasser la dose journalière recommandée. Tenir hors de portée des enfants.\u003c\/p\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --bv-cream: #FDF8F0;\n --bv-white: #ffffff;\n --bv-primary: #C4652A;\n --bv-primary-dark: #8B3E14;\n --bv-primary-light: #FFF3E8;\n --bv-secondary: #D4A234;\n --bv-accent: #6B8C3A;\n --bv-text: #1a1a1a;\n --bv-text-light: #5a5a5a;\n --bv-border: #e8ddd0;\n --bv-shadow: 0 4px 24px rgba(139, 62, 20, .08);\n --bv-shadow-lg: 0 12px 48px rgba(139, 62, 20, .15);\n --bv-radius: 20px;\n --bv-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.bv-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--bv-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.bv-premium *, .bv-premium *::before, .bv-premium *::after {\n box-sizing: border-box;\n}\n\n\/* === HERO === *\/\n.bv-hero {\n position: relative;\n background: linear-gradient(135deg, #8B3E14 0%, #C4652A 40%, #D4A234 100%);\n border-radius: var(--bv-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(--bv-shadow-lg);\n}\n\n.bv-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 50%, rgba(255,255,255,.08) 1px, transparent 1px),\n radial-gradient(circle at 80% 20%, rgba(255,255,255,.06) 1px, transparent 1px),\n radial-gradient(circle at 60% 80%, rgba(255,255,255,.05) 2px, transparent 2px);\n background-size: 60px 60px, 80px 80px, 100px 100px;\n opacity: .6;\n}\n\n.bv-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.bv-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.bv-subtitle {\n color: rgba(255,255,255,.85);\n font-size: clamp(15px, 3vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.bv-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n\/* === BADGES === *\/\n.bv-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.bv-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(--bv-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.bv-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n\/* === SECTIONS === *\/\n.bv-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.bv-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--bv-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.25;\n}\n\n.bv-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(--bv-primary), var(--bv-secondary));\n border-radius: 2px;\n}\n\n\/* === SECTION INTRO TEXT === *\/\n.bv-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--bv-text-light);\n margin-bottom: 1.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n}\n\n\/* === CARDS === *\/\n.bv-card {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--bv-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.bv-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--bv-shadow-lg);\n border-color: var(--bv-primary);\n}\n\n.bv-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--bv-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.bv-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--bv-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.bv-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n\/* === GRILLE COMPACTE === *\/\n.bv-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.bv-grid-compact .bv-card {\n padding: 1rem;\n}\n\n.bv-grid-compact .bv-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.bv-grid-compact .bv-card p {\n font-size: 12px;\n}\n\n\/* === HIGHLIGHT BOX === *\/\n.bv-highlight-box {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--bv-shadow);\n border-left: 4px solid var(--bv-secondary);\n margin-bottom: 1.5rem;\n}\n\n.bv-highlight-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bv-text);\n line-height: 1.8;\n margin: 0 0 .75rem 0;\n}\n\n.bv-highlight-box p:last-child {\n margin-bottom: 0;\n}\n\n\/* === TIP BOX === *\/\n.bv-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--bv-primary-light);\n border-radius: var(--bv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n}\n\n.bv-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.bv-tip p {\n font-size: 14px;\n color: var(--bv-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === DOSAGE BOX === *\/\n.bv-dosage-box {\n background: linear-gradient(135deg, var(--bv-primary-light), rgba(212, 162, 52, .1));\n border-radius: var(--bv-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1rem;\n text-align: center;\n border: 2px dashed var(--bv-secondary);\n}\n\n.bv-dosage-box p {\n font-size: clamp(14px, 2.5vw, 16px);\n color: var(--bv-primary-dark);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === COMPOSITION CARD === *\/\n.bv-composition-card {\n background: var(--bv-white);\n border-radius: var(--bv-radius);\n box-shadow: var(--bv-shadow);\n overflow: hidden;\n}\n\n.bv-composition-main {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n padding: clamp(1.25rem, 3vw, 2rem);\n}\n\n.bv-composition-icon {\n font-size: 40px;\n flex-shrink: 0;\n}\n\n.bv-composition-main h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--bv-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.bv-composition-main p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--bv-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.bv-composition-footer {\n background: var(--bv-primary-light);\n padding: 1rem clamp(1.25rem, 3vw, 2rem);\n border-top: 1px solid var(--bv-border);\n}\n\n.bv-composition-footer \u003e p {\n font-size: 13px;\n color: var(--bv-text-light);\n margin: 0 0 .75rem 0;\n line-height: 1.5;\n}\n\n.bv-composition-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.bv-comp-badge {\n display: inline-block;\n padding: 4px 12px;\n background: var(--bv-white);\n border: 1px solid var(--bv-accent);\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n color: var(--bv-accent);\n}\n\n\/* === CTA FINAL === *\/\n.bv-cta-box {\n background: linear-gradient(135deg, var(--bv-primary) 0%, var(--bv-primary-dark) 100%);\n border-radius: var(--bv-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n margin-top: 1.5rem;\n}\n\n.bv-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n\/* === DISCLAIMER === *\/\n.bv-disclaimer {\n font-size: 12px;\n color: var(--bv-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE MOBILE === *\/\n@media (max-width: 767px) {\n .bv-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .bv-card {\n padding: 1.125rem;\n }\n\n .bv-section {\n margin-bottom: 1.75rem;\n }\n\n .bv-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--bv-radius-sm);\n }\n\n .bv-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .bv-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .bv-grid-compact {\n gap: .625rem;\n }\n\n .bv-grid-compact .bv-card {\n padding: .75rem;\n }\n\n .bv-highlight-box {\n padding: 1.25rem;\n }\n\n .bv-highlight-box p {\n font-size: 14px;\n }\n\n .bv-composition-main {\n padding: 1rem;\n }\n\n .bv-composition-icon {\n font-size: 32px;\n }\n\n .bv-composition-footer {\n padding: .875rem 1rem;\n }\n\n .bv-dosage-box {\n padding: .875rem 1rem;\n }\n\n .bv-tip {\n padding: .875rem 1rem;\n }\n\n .bv-tip-icon {\n font-size: 20px;\n }\n\n .bv-tip p {\n font-size: 13px;\n }\n\n .bv-cta-box {\n padding: 1.5rem 1.25rem;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .bv-card {\n animation: bvFadeInUp .5s ease backwards;\n }\n .bv-card:nth-child(1) { animation-delay: .05s; }\n .bv-card:nth-child(2) { animation-delay: .1s; }\n .bv-card:nth-child(3) { animation-delay: .15s; }\n .bv-card:nth-child(4) { animation-delay: .2s; }\n .bv-card:nth-child(5) { animation-delay: .25s; }\n .bv-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes bvFadeInUp {\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 .bv-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55197963354489,"sku":"AY9058","price":8.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bilva-bio-en-poudre-epice-a-dessert-50-g-ayur-vana-lifestyle.webp?v=1770829562"},{"product_id":"infusion-du-soir-bio-20-sachets-propolia","title":"Infusion du Soir Bio Propolis \u0026 Plantes - 20 sachets - Propolia","description":"\u003cdiv class=\"ids-premium\"\u003e\n \u003cdiv class=\"ids-hero\"\u003e\n \u003cdiv class=\"ids-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"ids-hero-content\"\u003e\n \u003cdiv class=\"ids-badges-top\"\u003e\n \u003cspan class=\"ids-badge\"\u003e🌿 Certifiée Bio\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e🇫🇷 Fabriquée en France\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e🍵 Sans théine\u003c\/span\u003e\n \u003cspan class=\"ids-badge\"\u003e⭐ 100\/100 Yuka\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"ids-hero-title\"\u003eInfusion du Soir Bio Propolis \u0026amp; Plantes\u003c\/span\u003e\n \u003cp class=\"ids-subtitle\"\u003eSe la couler douce — Douceur du coucher\u003c\/p\u003e\n \u003cp class=\"ids-description\"\u003eEt si votre rituel du soir devenait votre meilleur allié pour des nuits paisibles ? Un mélange unique de 4 plantes — tilleul, guimauve, romarin et oranger — sublimé par une touche de propolis bio. Une parenthèse de douceur, 100 % naturelle, à savourer avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e🌙 Une infusion pensée pour vos soirées sereines\u003c\/h2\u003e\n \u003cp class=\"ids-section-intro\"\u003eContrairement à une infusion menthe sommeil classique ou à une infusion mauve sommeil, Propolia a imaginé une formule exclusive associant les bienfaits traditionnels des plantes à la richesse de la propolis.\u003c\/p\u003e\n \u003cdiv class=\"ids-grid\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌸 Arômes délicats\u003c\/h3\u003e\n \u003cp\u003eUn bouquet floral et fruité qui invite naturellement au lâcher-prise après une journée bien remplie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Signature Propolia\u003c\/h3\u003e\n \u003cp\u003eL'expertise de la ruche depuis plus de 40 ans, sublimée par une touche de propolis bio française.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e☁️ Détente naturelle\u003c\/h3\u003e\n \u003cp\u003eUne vraie alternative aux solutions habituelles, sans recourir à une infusion CBD de pharmacie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e🌿 Composition détaillée et plantes utilisées\u003c\/h2\u003e\n \u003cdiv class=\"ids-grid\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌱 Romarin feuille bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e32 %\u003c\/strong\u003e — Plante aromatique méditerranéenne, traditionnellement associée au confort digestif et à la détente après le repas du soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🤍 Guimauve racine bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e26 %\u003c\/strong\u003e — Douce et adoucissante, elle apporte une texture veloutée à l'infusion.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌼 Tilleul fleur bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e26 %\u003c\/strong\u003e — La plante emblématique des soirées calmes, réputée pour favoriser la relaxation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🍊 Écorce d'oranger doux bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e9,5 %\u003c\/strong\u003e — Note fruitée et légèrement sucrée, pour une saveur enveloppante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Extrait de propolis bio\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e6,5 %\u003c\/strong\u003e — Signature Propolia, riche en composés naturels issus de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e📦 Conditionnement\u003c\/h3\u003e\n \u003cp\u003e\u003cstrong\u003e20 sachets fraîcheur compostables\u003c\/strong\u003e de 1,5 g — soit 30 g — certifiés Agriculture Biologique (FR-BIO-01).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e☕ Comment préparer votre infusion ?\u003c\/h2\u003e\n \u003cdiv class=\"ids-timeline\"\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e💧 Chauffez l'eau\u003c\/h3\u003e\n \u003cp\u003eFaites chauffer \u003cstrong\u003e20 cl d'eau à 90 °C\u003c\/strong\u003e. Évitez l'eau bouillante pour préserver les arômes délicats des plantes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e⏱️ Laissez infuser\u003c\/h3\u003e\n \u003cp\u003ePlongez 1 sachet et laissez \u003cstrong\u003einfuser 3 à 5 minutes\u003c\/strong\u003e pour une tasse délicate, jusqu'à 8 minutes pour un goût plus prononcé.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-item\"\u003e\n \u003cdiv class=\"ids-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"ids-timeline-content\"\u003e\n \u003ch3\u003e🌙 Dégustez\u003c\/h3\u003e\n \u003cp\u003eSavourez \u003cstrong\u003e30 minutes avant le coucher\u003c\/strong\u003e, nature ou avec une pointe de miel. Convient aux adultes et enfants de plus de 8 ans.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-tip\"\u003e\n \u003cspan class=\"ids-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eIdéal en complément d'un rituel apaisant : lumière tamisée, lecture, respiration profonde.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e✨ Pourquoi adopter cette infusion relaxation ?\u003c\/h2\u003e\n \u003cdiv class=\"ids-grid-compact\"\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🌿 Certifiée Bio\u003c\/h3\u003e\n \u003cp\u003eGarantie sans théine et sans arômes artificiels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🐝 Formule exclusive\u003c\/h3\u003e\n \u003cp\u003eÀ la propolis française, unique sur le marché.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e♻️ Éco-responsable\u003c\/h3\u003e\n \u003cp\u003eSachets compostables sans plastique, boîte carton PEFC.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e⭐ Notée 100\/100\u003c\/h3\u003e\n \u003cp\u003eSur Yuka : transparence et qualité reconnues.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n \u003cp\u003eFabriquée par les laboratoires Propolia.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"ids-card\"\u003e\n \u003ch3\u003e🏆 40 ans d'expertise\u003c\/h3\u003e\n \u003cp\u003eExpert reconnu des produits de la ruche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"ids-accordion\"\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🐝 Allergies à la ruche\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion est \u003cstrong\u003edéconseillée aux personnes allergiques aux produits de la ruche\u003c\/strong\u003e (propolis, miel, pollen, gelée royale).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🤰 Grossesse et traitement médical\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eEn cas de \u003cstrong\u003egrossesse, d'allaitement ou de traitement médical\u003c\/strong\u003e, demandez l'avis d'un professionnel de santé avant consommation.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🩺 Cadre d'utilisation\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eCette infusion \u003cstrong\u003ene remplace pas un traitement médical\u003c\/strong\u003e ni une alimentation variée et équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eÀ conserver dans un endroit \u003cstrong\u003esec, à l'abri de la lumière et de la chaleur\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"ids-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003e❓ Vos interrogations\u003c\/h2\u003e\n \u003cdiv class=\"ids-accordion\"\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003eCette infusion contient-elle de la caféine ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eNon, elle est \u003cstrong\u003e100 % sans théine\u003c\/strong\u003e, idéale en soirée pour ne pas perturber votre endormissement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003eQuel goût a-t-elle ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eDouce, légèrement florale, avec une note fruitée d'oranger et une rondeur veloutée apportée par la guimauve.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"ids-accordion-item\"\u003e\n \u003csummary class=\"ids-accordion-header\"\u003ePeut-on la consommer tous les soirs ?\u003c\/summary\u003e\n \u003cdiv class=\"ids-accordion-content mt-3\"\u003e\n \u003cp\u003eOui, elle s'intègre parfaitement à un \u003cstrong\u003erituel quotidien de détente\u003c\/strong\u003e avant le coucher.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n :root {\n --ids-cream: #faf8f2;\n --ids-white: #ffffff;\n --ids-primary: #a8c441;\n --ids-primary-dark: #6b8a1f;\n --ids-primary-light: #eef4d6;\n --ids-secondary: #b8a5cf;\n --ids-accent: #f4a261;\n --ids-text: #2a2a2a;\n --ids-text-light: #5a5a5a;\n --ids-border: #e6e2d4;\n --ids-shadow: 0 4px 24px rgba(107,138,31,.08);\n --ids-shadow-lg: 0 12px 48px rgba(107,138,31,.18);\n --ids-radius: 20px;\n --ids-radius-sm: 12px;\n }\n\n .ids-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--ids-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--ids-text);\n line-height: 1.6;\n }\n\n .ids-hero {\n position: relative;\n background: linear-gradient(135deg, #c5d967 0%, #a8c441 50%, #b8a5cf 100%);\n border-radius: var(--ids-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--ids-shadow-lg);\n }\n\n .ids-hero-pattern {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.4) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.3) 0%, transparent 50%);\n opacity: .5;\n }\n\n .ids-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .ids-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n line-height: 1.1;\n }\n\n .ids-subtitle {\n color: white;\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n }\n\n .ids-description {\n color: rgba(255,255,255,.98);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n font-weight: 500;\n text-shadow: 0 1px 8px rgba(0,0,0,.1);\n }\n\n .ids-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n }\n\n .ids-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ids-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n }\n\n .ids-badge:hover {\n transform: translateY(-2px) scale(1.05);\n }\n\n .ids-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n }\n\n .ids-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--ids-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n line-height: 1.2;\n }\n\n .ids-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--ids-primary), var(--ids-secondary));\n border-radius: 2px;\n }\n\n .ids-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--ids-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ids-card {\n background: var(--ids-white);\n border-radius: var(--ids-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--ids-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n }\n\n .ids-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--ids-shadow-lg);\n border-color: var(--ids-primary);\n }\n\n .ids-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--ids-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n }\n\n .ids-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--ids-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ids-card strong {\n color: var(--ids-primary-dark);\n }\n\n .ids-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n }\n\n .ids-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n }\n\n .ids-grid-compact .ids-card {\n padding: 1.25rem 1rem;\n }\n\n .ids-grid-compact .ids-card h3 {\n font-size: 15px;\n margin-bottom: .35rem;\n }\n\n .ids-grid-compact .ids-card p {\n font-size: 13px;\n }\n\n .ids-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .ids-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .ids-timeline-number {\n flex-shrink: 0;\n width: 44px;\n height: 44px;\n background: linear-gradient(135deg, var(--ids-primary), var(--ids-primary-dark));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 18px;\n box-shadow: 0 4px 12px rgba(107,138,31,.3);\n }\n\n .ids-timeline-content {\n flex: 1;\n background: var(--ids-white);\n padding: 1rem 1.25rem;\n border-radius: var(--ids-radius-sm);\n box-shadow: var(--ids-shadow);\n }\n\n .ids-timeline-content h3 {\n font-size: 16px;\n font-weight: 800;\n color: var(--ids-primary-dark);\n margin: 0 0 .25rem 0;\n }\n\n .ids-timeline-content p {\n font-size: 14px;\n color: var(--ids-text-light);\n margin: 0;\n line-height: 1.6;\n }\n\n .ids-timeline-content strong {\n color: var(--ids-primary-dark);\n }\n\n .ids-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--ids-primary-light);\n border-radius: var(--ids-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.5rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .ids-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n }\n\n .ids-tip p {\n font-size: 14px;\n color: var(--ids-text);\n margin: 0;\n line-height: 1.6;\n font-weight: 500;\n }\n\n .ids-accordion {\n background: var(--ids-white);\n border-radius: var(--ids-radius);\n box-shadow: var(--ids-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .ids-accordion-item {\n border-bottom: 1px solid var(--ids-border);\n margin: 0;\n padding: 0;\n }\n\n .ids-accordion-item:last-child {\n border-bottom: none;\n }\n\n .ids-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--ids-primary-dark);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n transition: background .2s ease;\n background: transparent;\n border: none;\n margin: 0;\n }\n\n .ids-accordion-header:hover {\n background: var(--ids-primary-light);\n }\n\n .ids-accordion-header::-webkit-details-marker {\n display: none;\n }\n\n .ids-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--ids-primary);\n transition: transform .2s ease;\n margin-left: 1rem;\n }\n\n .ids-accordion-item[open] .ids-accordion-header::after {\n content: '−';\n }\n\n .ids-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--ids-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n }\n\n .ids-accordion-content p {\n margin: 0;\n }\n\n .ids-accordion-content strong {\n color: var(--ids-primary-dark);\n }\n\n @media (max-width: 767px) {\n .ids-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .ids-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n\n .ids-grid-compact .ids-card {\n padding: .875rem .75rem;\n }\n\n .ids-grid-compact .ids-card h3 {\n font-size: 13px;\n }\n\n .ids-grid-compact .ids-card p {\n font-size: 12px;\n }\n\n .ids-card {\n padding: 1.125rem;\n }\n\n .ids-section {\n margin-bottom: 1.75rem;\n }\n\n .ids-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--ids-radius-sm);\n }\n\n .ids-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .ids-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .ids-timeline-number {\n width: 36px;\n height: 36px;\n font-size: 15px;\n }\n\n .ids-timeline-content {\n padding: .875rem 1rem;\n }\n\n .ids-timeline-content h3 {\n font-size: 14px;\n }\n\n .ids-timeline-content p {\n font-size: 13px;\n }\n\n .ids-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .ids-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n }\n\n @media (prefers-reduced-motion: no-preference) {\n .ids-card {\n animation: idsFadeInUp .5s ease backwards;\n }\n .ids-card:nth-child(1) { animation-delay: .05s; }\n .ids-card:nth-child(2) { animation-delay: .1s; }\n .ids-card:nth-child(3) { animation-delay: .15s; }\n .ids-card:nth-child(4) { animation-delay: .2s; }\n .ids-card:nth-child(5) { animation-delay: .25s; }\n .ids-card:nth-child(6) { animation-delay: .3s; }\n }\n\n @keyframes idsFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .ids-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n }\n\u003c\/style\u003e","brand":"PROPOLIA","offers":[{"title":"Default Title","offer_id":55204828938617,"sku":"AP0122","price":6.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/infusion-du-soir-bio-propolis-plantes-20-sachets-propolia-packshothd.webp?v=1791487573"},{"product_id":"xylitol-bio-250g-qualidiet","title":"Xylitol Bio - Surcre de Bouleau - 250g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 250g\nPalette détectée:\n - Primaire: #8B6914 (marron doré du titre \"XYLITOL\")\n - Secondaire: #4A7C31 (vert nature des logos bio\/maïs)\n - Accent: #D4442C (rouge corail du logo Qualidiet)\n - Background: #F9F7F2 (crème naturel du pot)\nAmbiance: Naturel\/Bio, alimentaire sain, chaleureux, familial\nType: Édulcorant naturel biologique - substitut du sucre\nStyle: Clean, naturel, certifications bio, convivialité cuisine\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"Pourquoi choisir le xylitol biologique ?\"\n 2. \"Comment utiliser votre xylitol bio ?\"\n 3. \"Une composition d'une pureté exemplaire\"\n 4. \"Le xylitol bio est idéal pour vous si...\"\n 5. \"Conseils d'utilisation et précautions\"\n 6. \"Informations pratiques\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% biologique\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌽 Issu de la rafle de maïs\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e📊 IG bas\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol biologique\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eSubstitut naturel du sucre certifié bio\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003eÉdulcorant 100% naturel avec 40% de calories en moins que le sucre traditionnel. Même goût sucré, sans les inconvénients. Certifié Agriculture Biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003ePourquoi choisir le xylitol biologique ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cp\u003eParfaitement adapté aux diabétiques et aux régimes à faible indice glycémique. Aucun pic de glycémie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ 40% de calories en moins\u003c\/h3\u003e\n \u003cp\u003eSeulement 2,4 kcal\/g contre 4 kcal\/g pour le sucre classique. Idéal pour contrôler son poids.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e😋 Goût identique au sucre\u003c\/h3\u003e\n \u003cp\u003eMême pouvoir sucrant que le saccharose, sans arrière-goût. Substitution directe 1:1 dans vos recettes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire\u003c\/h3\u003e\n \u003cp\u003eReconnu pour limiter les caries et soutenir l'équilibre de la flore buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Résiste à la cuisson\u003c\/h3\u003e\n \u003cp\u003eSupporte la chaleur jusqu'à 200°C pour vos pâtisseries, confitures et préparations chaudes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Certifié bio Ecocert\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs biologique, sans OGM ni pesticides. Pureté garantie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eComment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-timeline\"\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e☕ Boissons chaudes et froides\u003c\/h3\u003e\n \u003cp\u003eCafé, thé, infusions, smoothies : remplacez le sucre à quantités égales. Dissolution rapide.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🍰 Pâtisserie et cuisine\u003c\/h3\u003e\n \u003cp\u003eGâteaux, biscuits, confitures, compotes : mêmes proportions que le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🥣 Saupoudrage\u003c\/h3\u003e\n \u003cp\u003eYaourts, fromages blancs, fruits frais, céréales : ajoutez la douceur désirée sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-item\"\u003e\n \u003cdiv class=\"xyl-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"xyl-timeline-content\"\u003e\n \u003ch3\u003e🦷 Soin bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eLaissez fondre ½ cuillère à café en bouche 2 à 4 fois par jour pour ses vertus protectrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eUne composition d'une pureté exemplaire\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-icon\"\u003e🌽\u003c\/div\u003e\n \u003ch3\u003e100% Xylitol biologique\u003c\/h3\u003e\n \u003cp\u003eIssu de la rafle de maïs cultivé en agriculture biologique contrôlée\u003c\/p\u003e\n \u003cdiv class=\"xyl-certifications\"\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🍃\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eEcocert FR-BIO-01\u003c\/strong\u003e\n \u003cspan\u003eCertification biologique officielle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e🚫\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti sans organismes génétiquement modifiés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-cert-item\"\u003e\n \u003cspan class=\"xyl-cert-icon\"\u003e✨\u003c\/span\u003e\n \u003cdiv class=\"xyl-cert-text\"\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003eAucun conservateur, colorant ou arôme\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 4 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eLe sucre de bouleau est idéal pour vous si...\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Vous êtes diabétique\u003c\/h3\u003e\n \u003cp\u003eL'indice glycémique ultra-bas permet de contrôler votre glycémie sans renoncer au goût sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Vous surveillez votre poids\u003c\/h3\u003e\n \u003cp\u003e40% de calories en moins pour un plaisir sucré sans culpabilité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Vous prenez soin de vos dents\u003c\/h3\u003e\n \u003cp\u003ePropriétés protectrices reconnues contre les caries et pour la santé buccale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Vous privilégiez le bio\u003c\/h3\u003e\n \u003cp\u003eCertifié Ecocert, 100% naturel, sans pesticides ni OGM.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Vous aimez cuisiner\u003c\/h3\u003e\n \u003cp\u003eParfait pour toutes vos recettes sucrées avec substitution directe 1:1.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Vous adoptez un mode de vie sain\u003c\/h3\u003e\n \u003cp\u003eAlternative naturelle et intelligente au sucre raffiné.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eConseils d'utilisation et précautions\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💡 Conseils d'usage\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• Commencez progressivement pour habituer votre organisme\u003cbr\u003e\n • Conservation dans un endroit sec à l'abri de la lumière\u003cbr\u003e\n • Substitution directe : 1 dose de xylitol = 1 dose de sucre\u003cbr\u003e\n • Peut provoquer un léger effet rafraîchissant en bouche\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e⚠️ Précautions importantes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003e• \u003cstrong\u003eNe pas dépasser 50g par jour\u003c\/strong\u003e : risque d'effet laxatif au-delà\u003cbr\u003e\n • \u003cstrong\u003eDéconseillé aux enfants de moins de 3 ans\u003c\/strong\u003e\u003cbr\u003e\n • \u003cstrong\u003eTOXIQUE pour les animaux\u003c\/strong\u003e, notamment les chiens : ne jamais leur en donner\u003cbr\u003e\n • En cas de doute, consultez un professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eConservez votre xylitol dans son pot d'origine, bien fermé, à l'abri de l'humidité et de la chaleur. Se conserve plusieurs années dans de bonnes conditions.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid-compact\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📦 Contenance\u003c\/h3\u003e\n \u003cp\u003e250g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🏷️ Marque\u003c\/h3\u003e\n \u003cp\u003eQualidiet\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eRafle de maïs bio\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🍃 Certification\u003c\/h3\u003e\n \u003cp\u003eEcocert FR-BIO-01\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique\u003c\/h3\u003e\n \u003cp\u003eTrès bas (IG 7-8)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Valeur énergétique\u003c\/h3\u003e\n \u003cp\u003e2,4 kcal\/g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e🌟 Adoptez le xylitol biologique Qualidiet pour une alimentation plus saine sans renoncer au plaisir sucré. Certifié bio, indice glycémique ultra-bas et goût identique au sucre : la révolution naturelle pour votre cuisine quotidienne.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --xyl-cream: #F9F7F2;\n --xyl-white: #ffffff;\n --xyl-primary: #8B6914;\n --xyl-primary-dark: #6B5010;\n --xyl-primary-light: #FDF8E8;\n --xyl-secondary: #4A7C31;\n --xyl-accent: #D4442C;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0e0e0;\n --xyl-shadow: 0 4px 24px rgba(0,0,0,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 50%, var(--xyl-secondary) 100%);\n border-radius: var(--xyl-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(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.2) 0%, transparent 40%);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-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(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-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.xyl-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.xyl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-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.xyl-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(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-grid-compact .xyl-card {\n padding: 1rem;\n}\n\n.xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.xyl-grid-compact .xyl-card p {\n font-size: 12px;\n}\n\n.xyl-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.xyl-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--xyl-primary), var(--xyl-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n}\n\n.xyl-timeline-content {\n flex: 1;\n background: var(--xyl-white);\n padding: 1rem 1.25rem;\n border-radius: var(--xyl-radius-sm);\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--xyl-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.xyl-timeline-content p {\n font-size: 14px;\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n}\n\n.xyl-composition-icon {\n font-size: 56px;\n margin-bottom: 1rem;\n}\n\n.xyl-composition-box h3 {\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.xyl-composition-box \u003e p {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--xyl-text-light);\n margin: 0 0 1.5rem 0;\n}\n\n.xyl-certifications {\n display: flex;\n flex-direction: column;\n gap: .75rem;\n}\n\n.xyl-cert-item {\n display: flex;\n align-items: center;\n gap: 1rem;\n background: var(--xyl-primary-light);\n padding: .75rem 1rem;\n border-radius: var(--xyl-radius-sm);\n text-align: left;\n}\n\n.xyl-cert-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-cert-text {\n display: flex;\n flex-direction: column;\n}\n\n.xyl-cert-text strong {\n font-size: 14px;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-cert-text span {\n font-size: 12px;\n color: var(--xyl-text-light);\n}\n\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-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.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .xyl-timeline-content {\n padding: .875rem 1rem;\n }\n \n .xyl-timeline-content h3 {\n font-size: 14px;\n }\n \n .xyl-timeline-content p {\n font-size: 13px;\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .xyl-cert-item {\n flex-direction: column;\n text-align: center;\n gap: .5rem;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .xyl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55221970305401,"sku":"VO4670","price":8.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-surcre-de-bouleau-250g-qualidiet-packshothd.webp?v=1786018722"},{"product_id":"xylitol-bio-500g-qualidiet","title":"Xylitol Bio - Sucre de Bouleau - 500g - Qualidiet","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Xylitol Bio - Sucre de Bouleau 500g Qualidiet\nPalette détectée:\n - Primaire: #8B7355 (marron chaleureux de la typographie XYLITOL)\n - Secondaire: #5B8C5A (vert bio certification AB)\n - Accent: #C84141 (rouge Qualidiet)\n - Crème: #F5F2ED (beige clair du packaging)\nAmbiance: Naturel\/Bio, alimentaire sain, épuré et authentique, chaleureux\nStyle: Clean, moderne-bio, professionnel-santé\nPréfixe CSS: xyl\n\n=== STRUCTURE H2 SOURCE (À CONSERVER EXACTEMENT) ===\nH2 détectés dans la description :\n 1. \"🌟 Pourquoi adopter le xylitol bio ?\"\n 2. \"🌳 Origine et composition\"\n 3. \"📖 Comment utiliser votre xylitol bio ?\"\n 4. \"📦 Pourquoi choisir le format 500 g ?\"\n 5. \"⚖️ Xylitol vs sucre traditionnel\"\n 6. \"👥 À qui s'adresse le xylitol bio ?\"\n 7. \"📋 Informations pratiques\"\n 8. \"⚕️ Précautions d'usage\"\n\nChaque H2 ci-dessus sera reproduit EXACTEMENT dans une \u003csection\u003e avec \u003ch2\u003e.\n--\u003e\n\n\u003cdiv class=\"xyl-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"xyl-hero\"\u003e\n \u003cdiv class=\"xyl-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"xyl-hero-content\"\u003e\n \u003cdiv class=\"xyl-badges-top\"\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌿 100% bio certifié\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e🌳 Écorce de bouleau\u003c\/span\u003e\n \u003cspan class=\"xyl-badge\"\u003e💚 IG 8,5\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"xyl-hero-title\"\u003eXylitol Bio\u003c\/span\u003e\n \u003cp class=\"xyl-subtitle\"\u003eLe substitut naturel du sucre sans compromis\u003c\/p\u003e\n \u003cp class=\"xyl-description\"\u003e\n Édulcorant naturel extrait de l'écorce de bouleau, au goût sucré identique au sucre traditionnel. \n 40% moins calorique, compatible cuisson, idéal pour les diabétiques et la santé dentaire.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- SECTION 1 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌟 Pourquoi adopter le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e📊 Indice glycémique ultra-bas\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eIG ~8,5\u003c\/div\u003e\n \u003cp\u003eN'élève pas la glycémie, parfait pour les personnes diabétiques et les régimes low-carb. Un véritable allié santé au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Moins calorique que le sucre\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003e2,4 kcal\/g\u003c\/div\u003e\n \u003cp\u003eContre 4 kcal\/g pour le sucre classique. Réduisez votre apport calorique de 40% sans sacrifier le plaisir sucré.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Protection dentaire prouvée\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eAnti-caries\u003c\/div\u003e\n \u003cp\u003eLimite la formation de caries, stabilise le pH buccal et soutient l'équilibre de la flore orale. Recommandé par les dentistes.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🔥 Compatible cuisson\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eHaute température\u003c\/div\u003e\n \u003cp\u003eNe perd pas son pouvoir sucrant même à haute température. Utilisez-le dans toutes vos recettes sans adaptation.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👅 Goût 100% naturel\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003eZéro amertume\u003c\/div\u003e\n \u003cp\u003eSaveur sucrée pure, sans arrière-goût désagréable. Vos papilles ne verront pas la différence avec le sucre traditionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚡ Effet alcalinisant\u003c\/h3\u003e\n \u003cdiv class=\"xyl-highlight\"\u003epH équilibré\u003c\/div\u003e\n \u003cp\u003eAction anti-acidifiante reconnue pour maintenir l'équilibre acido-basique de votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 2 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e🌳 Origine et composition\u003c\/h2\u003e\n \u003cdiv class=\"xyl-composition-box\"\u003e\n \u003cdiv class=\"xyl-composition-visual\"\u003e\n \u003cdiv class=\"xyl-purity-circle\"\u003e\n \u003cspan class=\"xyl-purity-number\"\u003e100%\u003c\/span\u003e\n \u003cspan class=\"xyl-purity-label\"\u003epur\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-composition-content\"\u003e\n \u003ch3\u003eXylitol bio issu de l'écorce de bouleau\u003c\/h3\u003e\n \u003cdiv class=\"xyl-quality-grid\"\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌿\u003c\/span\u003e\n \u003cstrong\u003eCertifié bio\u003c\/strong\u003e\n \u003cspan\u003eEcocert FR-BIO-01\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🚫\u003c\/span\u003e\n \u003cstrong\u003eSans OGM\u003c\/strong\u003e\n \u003cspan\u003eGaranti non modifié\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e🌾\u003c\/span\u003e\n \u003cstrong\u003eSans pesticides\u003c\/strong\u003e\n \u003cspan\u003eCulture naturelle\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-quality-item\"\u003e\n \u003cspan class=\"xyl-quality-icon\"\u003e✨\u003c\/span\u003e\n \u003cstrong\u003eSans additifs\u003c\/strong\u003e\n \u003cspan\u003e100% pur xylitol\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 3 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📖 Comment utiliser votre xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-usage-grid\"\u003e\n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e1\u003c\/div\u003e\n \u003ch3\u003eEn remplacement du sucre\u003c\/h3\u003e\n \u003cp\u003eUtilisez le xylitol à \u003cstrong\u003equantité équivalente\u003c\/strong\u003e dans toutes vos préparations :\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e☕ Boissons chaudes et froides\u003c\/li\u003e\n \u003cli\u003e🥣 Yaourts et compotes\u003c\/li\u003e\n \u003cli\u003e🍰 Pâtisseries et desserts\u003c\/li\u003e\n \u003cli\u003e🥘 Sauces et marinades\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"xyl-tip\"\u003e💡 1 cuillère de sucre = 1 cuillère de xylitol\u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-usage-card\"\u003e\n \u003cdiv class=\"xyl-usage-number\"\u003e2\u003c\/div\u003e\n \u003ch3\u003ePour l'hygiène bucco-dentaire\u003c\/h3\u003e\n \u003cp\u003eProgramme spécifique pour la santé de vos dents :\u003c\/p\u003e\n \u003cdiv class=\"xyl-dental-routine\"\u003e\n \u003cdiv class=\"xyl-dental-step\"\u003e\n \u003cstrong\u003e½ cuillère à café\u003c\/strong\u003e\n \u003cspan\u003eà faire fondre en bouche\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-dental-frequency\"\u003e\n \u003cstrong\u003e2 à 4 fois par jour\u003c\/strong\u003e\n \u003cspan\u003eaprès les repas de préférence\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-tip\"\u003e🦷 Laissez fondre lentement sans avaler immédiatement\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-warning-box\"\u003e\n \u003cdiv class=\"xyl-warning-content\"\u003e\n \u003cstrong\u003eDose recommandée\u003c\/strong\u003e\n \u003cp\u003eNe pas dépasser \u003cstrong\u003e50 g par jour\u003c\/strong\u003e pour les adultes. Au-delà, des effets laxatifs peuvent survenir, particulièrement lors des premières utilisations. Commencez progressivement pour habituer votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 5 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚖️ Xylitol vs sucre traditionnel\u003c\/h2\u003e\n \u003cdiv class=\"xyl-comparison\"\u003e\n \u003cdiv class=\"xyl-comparison-col xyl-comparison-winner\"\u003e\n \u003ch3\u003e🏆 Xylitol bio\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list\"\u003e\n \u003cli\u003e✅ Indice glycémique 8,5\u003c\/li\u003e\n \u003cli\u003e✅ 2,4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e✅ Protège les dents\u003c\/li\u003e\n \u003cli\u003e✅ Effet alcalinisant\u003c\/li\u003e\n \u003cli\u003e✅ Compatible diabète\u003c\/li\u003e\n \u003cli\u003e✅ Goût naturel pur\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-comparison-col\"\u003e\n \u003ch3\u003eSucre blanc classique\u003c\/h3\u003e\n \u003cul class=\"xyl-comparison-list xyl-comparison-negative\"\u003e\n \u003cli\u003e❌ Indice glycémique 70\u003c\/li\u003e\n \u003cli\u003e❌ 4 kcal\/g\u003c\/li\u003e\n \u003cli\u003e❌ Favorise les caries\u003c\/li\u003e\n \u003cli\u003e❌ Acidifiant\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé diabétiques\u003c\/li\u003e\n \u003cli\u003e❌ Pic de glycémie\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 6 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e👥 À qui s'adresse le xylitol bio ?\u003c\/h2\u003e\n \u003cdiv class=\"xyl-grid\"\u003e\n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🩺 Personnes diabétiques\u003c\/h3\u003e\n \u003cp\u003eIG ultra-bas qui n'impacte pas la glycémie. Un sucrant sûr et efficace pour gérer votre alimentation au quotidien.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e⚖️ Contrôle du poids\u003c\/h3\u003e\n \u003cp\u003e40% moins calorique que le sucre. Idéal pour les régimes hypocaloriques, keto et low-carb sans frustration.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🦷 Santé dentaire\u003c\/h3\u003e\n \u003cp\u003eFamilles soucieuses de préserver les dents des enfants et éviter les caries de manière naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e🌿 Alimentation saine\u003c\/h3\u003e\n \u003cp\u003eAdeptes du bio et du naturel cherchant une alternative clean au sucre raffiné, sans compromis sur le goût.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e👨‍🍳 Passionnés de cuisine\u003c\/h3\u003e\n \u003cp\u003eCuisiniers créatifs souhaitant alléger leurs recettes tout en conservant texture et saveur sucrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"xyl-card\"\u003e\n \u003ch3\u003e💪 Sportifs\u003c\/h3\u003e\n \u003cp\u003eAthlètes et personnes actives recherchant une énergie stable sans pic glycémique ni crash énergétique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 7 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e📋 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"xyl-info-grid\"\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eOrigine\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eÉcorce de bouleau\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eCertification\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eBio Ecocert\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eConservation\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eEndroit sec\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"xyl-info-box\"\u003e\n \u003cdiv class=\"xyl-info-label\"\u003eDurée de vie\u003c\/div\u003e\n \u003cdiv class=\"xyl-info-value\"\u003eLongue conservation\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- SECTION 8 --\u003e\n \u003csection class=\"xyl-section\"\u003e\n \u003ch2\u003e⚕️ Précautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"xyl-accordion\"\u003e\n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🐕 Attention animaux\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eLe xylitol est \u003cstrong\u003etoxique pour les chiens\u003c\/strong\u003e. Conserver hors de portée de vos animaux de compagnie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e📈 Introduction progressive\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eCommencez par de petites doses (10-15 g\/jour) puis augmentez graduellement pour éviter les désagréments digestifs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e💧 Hydratation\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eBuvez suffisamment d'eau lors de votre consommation quotidienne de xylitol.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \n \u003cdetails class=\"xyl-accordion-item\"\u003e\n \u003csummary class=\"xyl-accordion-header\"\u003e🤰 Femmes enceintes\u003c\/summary\u003e\n \u003cdiv class=\"xyl-accordion-content\"\u003e\n \u003cp\u003eDemandez conseil à votre médecin avant toute consommation régulière pendant la grossesse ou l'allaitement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"xyl-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"xyl-cta-box\"\u003e\n \u003cp\u003e\n 🌿 \u003cstrong\u003ePassez au naturel dès aujourd'hui !\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003e\n Découvrez le plaisir sucré sans culpabilité avec le xylitol bio Qualidiet. \n Un substitut 100% naturel, certifié bio, qui prend soin de votre santé et de vos papilles. \n Le format 500 g est parfait pour débuter votre transition vers une alimentation plus saine.\n \u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp class=\"xyl-disclaimer\"\u003eLes compléments alimentaires ne se substituent pas à une alimentation variée et équilibrée ni à un mode de vie sain.\u003c\/p\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --xyl-cream: #FAF8F5;\n --xyl-white: #ffffff;\n --xyl-primary: #8B7355;\n --xyl-primary-dark: #6B5540;\n --xyl-primary-light: #E8DCCF;\n --xyl-secondary: #5B8C5A;\n --xyl-accent: #C84141;\n --xyl-text: #1a1a1a;\n --xyl-text-light: #5a5a5a;\n --xyl-border: #e0ddd8;\n --xyl-shadow: 0 4px 24px rgba(139,115,85,.08);\n --xyl-shadow-lg: 0 12px 48px rgba(139,115,85,.15);\n --xyl-radius: 20px;\n --xyl-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.xyl-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--xyl-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--xyl-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.xyl-hero {\n position: relative;\n background: linear-gradient(135deg, #8B7355 0%, #A08876 50%, #6B5540 100%);\n border-radius: var(--xyl-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(--xyl-shadow-lg);\n}\n\n.xyl-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.xyl-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.xyl-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.xyl-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(--xyl-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.xyl-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.xyl-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.xyl-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 700;\n margin-bottom: 1.5rem;\n}\n\n.xyl-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n\/* === SECTIONS === *\/\n.xyl-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.xyl-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--xyl-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.xyl-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(--xyl-primary), var(--xyl-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.xyl-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.xyl-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.xyl-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.xyl-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--xyl-shadow-lg);\n border-color: var(--xyl-primary);\n}\n\n.xyl-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.xyl-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--xyl-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.xyl-highlight {\n display: inline-block;\n background: linear-gradient(135deg, var(--xyl-primary-light), var(--xyl-primary));\n color: white;\n font-size: clamp(16px, 3vw, 22px);\n font-weight: 900;\n padding: 6px 16px;\n border-radius: var(--xyl-radius-sm);\n margin: .5rem 0;\n}\n\n\/* === COMPOSITION === *\/\n.xyl-composition-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--xyl-shadow);\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 2rem;\n align-items: center;\n}\n\n.xyl-purity-circle {\n width: 140px;\n height: 140px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--xyl-secondary), var(--xyl-primary));\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(91,140,90,.25);\n position: relative;\n}\n\n.xyl-purity-circle::before {\n content: '';\n position: absolute;\n inset: 6px;\n border-radius: 50%;\n background: var(--xyl-white);\n}\n\n.xyl-purity-number {\n position: relative;\n z-index: 1;\n font-size: 36px;\n font-weight: 900;\n color: var(--xyl-secondary);\n line-height: 1;\n}\n\n.xyl-purity-label {\n position: relative;\n z-index: 1;\n font-size: 14px;\n font-weight: 700;\n color: var(--xyl-primary);\n text-transform: uppercase;\n letter-spacing: .1em;\n}\n\n.xyl-composition-content h3 {\n font-size: clamp(16px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 1rem 0;\n}\n\n.xyl-quality-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.xyl-quality-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.xyl-quality-icon {\n font-size: 24px;\n}\n\n.xyl-quality-item strong {\n color: var(--xyl-primary-dark);\n font-size: 14px;\n font-weight: 800;\n}\n\n.xyl-quality-item span {\n color: var(--xyl-text-light);\n font-size: 12px;\n}\n\n\/* === USAGE === *\/\n.xyl-usage-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-usage-card {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--xyl-shadow);\n position: relative;\n overflow: hidden;\n}\n\n.xyl-usage-number {\n position: absolute;\n top: -15px;\n right: 15px;\n font-size: 100px;\n font-weight: 900;\n color: var(--xyl-primary-light);\n opacity: .4;\n line-height: 1;\n}\n\n.xyl-usage-card h3 {\n position: relative;\n z-index: 1;\n font-size: clamp(16px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--xyl-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.xyl-usage-card p {\n position: relative;\n z-index: 1;\n color: var(--xyl-text);\n font-size: 14px;\n margin-bottom: .75rem;\n}\n\n.xyl-usage-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 1rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-usage-card li {\n padding: 6px 0;\n color: var(--xyl-text-light);\n font-size: 14px;\n}\n\n.xyl-dental-routine {\n background: var(--xyl-primary-light);\n border-radius: var(--xyl-radius-sm);\n padding: 1rem;\n margin: .75rem 0;\n position: relative;\n z-index: 1;\n}\n\n.xyl-dental-step,\n.xyl-dental-frequency {\n margin-bottom: .75rem;\n}\n\n.xyl-dental-step:last-child,\n.xyl-dental-frequency:last-child {\n margin-bottom: 0;\n}\n\n.xyl-dental-step strong,\n.xyl-dental-frequency strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n font-weight: 800;\n}\n\n.xyl-dental-step span,\n.xyl-dental-frequency span {\n color: var(--xyl-text-light);\n font-size: 13px;\n}\n\n.xyl-tip {\n background: linear-gradient(135deg, var(--xyl-secondary), #4a7349);\n color: white;\n padding: 10px 14px;\n border-radius: var(--xyl-radius-sm);\n font-size: 13px;\n font-weight: 600;\n position: relative;\n z-index: 1;\n}\n\n\/* === WARNING === *\/\n.xyl-warning-box {\n background: #FFF9E6;\n border: 2px solid #FFE066;\n border-radius: var(--xyl-radius);\n padding: 1.25rem;\n margin-top: 1.5rem;\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.xyl-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.xyl-warning-content strong {\n display: block;\n color: var(--xyl-primary-dark);\n font-size: 16px;\n margin-bottom: .25rem;\n font-weight: 800;\n}\n\n.xyl-warning-content p {\n color: var(--xyl-text);\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n}\n\n\/* === COMPARISON === *\/\n.xyl-comparison {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.xyl-comparison-col {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n padding: 1.5rem;\n box-shadow: var(--xyl-shadow);\n}\n\n.xyl-comparison-winner {\n background: linear-gradient(135deg, rgba(91,140,90,.05), rgba(91,140,90,.1));\n border: 3px solid var(--xyl-secondary);\n}\n\n.xyl-comparison-col h3 {\n text-align: center;\n margin-bottom: 1rem;\n font-size: 18px;\n font-weight: 800;\n color: var(--xyl-primary-dark);\n}\n\n.xyl-comparison-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.xyl-comparison-list li {\n padding: 10px 0;\n border-bottom: 1px solid var(--xyl-border);\n font-size: 14px;\n font-weight: 600;\n color: var(--xyl-text);\n}\n\n.xyl-comparison-list li:last-child {\n border-bottom: none;\n}\n\n.xyl-comparison-negative li {\n color: var(--xyl-text-light);\n}\n\n\/* === INFO GRID === *\/\n.xyl-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 1rem;\n}\n\n.xyl-info-box {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius-sm);\n padding: 1.25rem;\n box-shadow: var(--xyl-shadow);\n text-align: center;\n border: 2px solid var(--xyl-primary-light);\n transition: all .3s ease;\n}\n\n.xyl-info-box:hover {\n transform: translateY(-4px);\n border-color: var(--xyl-primary);\n}\n\n.xyl-info-label {\n font-size: 11px;\n font-weight: 700;\n color: var(--xyl-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: 6px;\n}\n\n.xyl-info-value {\n font-size: 16px;\n font-weight: 900;\n color: var(--xyl-primary-dark);\n}\n\n\/* === ACCORDION === *\/\n.xyl-accordion {\n background: var(--xyl-white);\n border-radius: var(--xyl-radius);\n box-shadow: var(--xyl-shadow);\n overflow: hidden;\n}\n\n.xyl-accordion-item {\n border-bottom: 1px solid var(--xyl-border);\n margin: 0;\n padding: 0;\n}\n\n.xyl-accordion-item:last-child {\n border-bottom: none;\n}\n\n.xyl-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--xyl-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.xyl-accordion-header:hover {\n background: var(--xyl-primary-light);\n}\n\n.xyl-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.xyl-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--xyl-primary);\n transition: transform .2s ease;\n}\n\n.xyl-accordion-item[open] .xyl-accordion-header::after {\n content: '−';\n}\n\n.xyl-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--xyl-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.xyl-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.xyl-cta-box {\n background: linear-gradient(135deg, var(--xyl-primary) 0%, var(--xyl-primary-dark) 100%);\n border-radius: var(--xyl-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.xyl-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.8;\n font-weight: 500;\n margin: 0;\n}\n\n.xyl-disclaimer {\n font-size: 12px;\n color: var(--xyl-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .xyl-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .xyl-grid-compact {\n gap: .625rem;\n }\n \n .xyl-grid-compact .xyl-card {\n padding: .75rem;\n }\n \n .xyl-grid-compact .xyl-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n }\n \n .xyl-grid-compact .xyl-card p {\n font-size: 12px;\n }\n \n .xyl-card {\n padding: 1.125rem;\n }\n \n .xyl-section {\n margin-bottom: 1.75rem;\n }\n \n .xyl-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--xyl-radius-sm);\n }\n \n .xyl-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .xyl-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .xyl-composition-box {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n text-align: center;\n }\n \n .xyl-purity-circle {\n width: 120px;\n height: 120px;\n margin: 0 auto;\n }\n \n .xyl-purity-number {\n font-size: 28px;\n }\n \n .xyl-quality-grid {\n grid-template-columns: repeat(2, 1fr);\n text-align: left;\n }\n \n .xyl-usage-grid,\n .xyl-comparison {\n grid-template-columns: 1fr;\n }\n \n .xyl-warning-box {\n flex-direction: column;\n text-align: center;\n gap: .75rem;\n }\n \n .xyl-info-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n \n .xyl-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .xyl-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .xyl-card {\n animation: fadeInUp .5s ease backwards;\n }\n .xyl-card:nth-child(1) { animation-delay: .05s; }\n .xyl-card:nth-child(2) { animation-delay: .1s; }\n .xyl-card:nth-child(3) { animation-delay: .15s; }\n .xyl-card:nth-child(4) { animation-delay: .2s; }\n .xyl-card:nth-child(5) { animation-delay: .25s; }\n .xyl-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 .xyl-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"QUALIDIET","offers":[{"title":"Default Title","offer_id":55222003990905,"sku":"VO4675","price":14.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/xylitol-bio-sucre-de-bouleau-500g-qualidiet-packshothd.webp?v=1786024973"},{"product_id":"miel-de-manuka-sauvage-12-250-g-dr-theiss","title":"Miel de Manuka Sauvage 12+ – Nouvelle-Zélande – Dr. Theiss","description":"\u003cdiv class=\"mnk-premium\"\u003e\n \u003cdiv class=\"mnk-hero\"\u003e\n \u003cdiv class=\"mnk-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mnk-hero-content\"\u003e\n \u003cdiv class=\"mnk-badges-top\"\u003e\n \u003cspan class=\"mnk-badge\"\u003e🐝 Récolte sauvage\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🇳🇿 Nouvelle-Zélande\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e✅ Test AP validé\u003c\/span\u003e\n \u003cspan class=\"mnk-badge\"\u003e🌿 Pollen +65 %\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mnk-hero-title\"\u003eMiel de Manuka Sauvage 12+\u003c\/span\u003e\n \u003cp class=\"mnk-subtitle\" style=\"color:lightgrey;\"\u003eDr. Theiss — Nouvelle-Zélande — 250 g\u003c\/p\u003e\n \u003cp class=\"mnk-description\" style=\"color:lightgrey;\"\u003eUn trésor récolté à l'état sauvage sur l'Île du Sud, non pasteurisé et non chauffé au-delà de 28 °C. Toute la richesse de ses enzymes, de son pollen et de son méthylglyoxal (MGO) préservée pour une efficacité maximale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eLes bienfaits du miel de Manuka\u003c\/h2\u003e\n \u003cp class=\"mnk-section-intro\"\u003eLes bienfaits du miel de Manuka reposent sur sa teneur exceptionnelle en MGO, une molécule naturelle aux propriétés antibactériennes étudiées scientifiquement. Voici ce qui distingue ce nectar des autres miels :\u003c\/p\u003e\n \u003cdiv class=\"mnk-grid\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🛡️ Soutien immunitaire\u003c\/h3\u003e\n \u003cp\u003eIdéal en prévention hivernale pour renforcer les défenses naturelles de l'organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🗣️ Confort de la gorge\u003c\/h3\u003e\n \u003cp\u003eApaise les irritations, picotements et inconforts saisonniers en douceur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🌱 Bien-être digestif\u003c\/h3\u003e\n \u003cp\u003eParticipe à l'équilibre de la flore intestinale pour un confort durable.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e✨ Soin de la peau\u003c\/h3\u003e\n \u003cp\u003eAppliqué localement, il apaise les petites irritations, imperfections et zones fragilisées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🧬 Enzymes vivantes\u003c\/h3\u003e\n \u003cp\u003eUne préparation à froid qui préserve tous les actifs naturels du miel sauvage.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍯 MGO naturel\u003c\/h3\u003e\n \u003cp\u003eLe méthylglyoxal, signature unique du Manuka, étudié pour ses propriétés antibactériennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003ePourquoi choisir un Manuka 12+ ?\u003c\/h2\u003e\n \u003cp\u003eL'indice \u003cstrong\u003e12+\u003c\/strong\u003e correspond à l'activité antibactérienne du miel, mesurée par le test AP validé. Plus l'indice est élevé, plus la concentration en MGO est importante. Le 12+ représente un excellent équilibre entre efficacité et accessibilité, parfait pour un usage quotidien en cure ou en soutien ponctuel.\u003c\/p\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e🌟\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eParticularité unique du Sauvage Dr. Theiss :\u003c\/strong\u003e il contient \u003cstrong\u003eplus de 65 % de pollen de Manuka majoritaire\u003c\/strong\u003e, gage d'authenticité absolue et garantie d'une provenance néo-zélandaise certifiée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eConseils d'utilisation\u003c\/h2\u003e\n \u003cdiv class=\"mnk-timeline\"\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e🥄 Voie orale — cure quotidienne\u003c\/h3\u003e\n \u003cp\u003e1 à 2 cuillères à café par jour, le matin à jeun, pures ou diluées dans une boisson tiède (jamais bouillante pour préserver les enzymes).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e💪 Soutien renforcé\u003c\/h3\u003e\n \u003cp\u003eEn cas de fatigue ou d'inconfort, renouveler la prise 2 à 3 fois par jour pour un effet plus intense.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-item\"\u003e\n \u003cdiv class=\"mnk-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mnk-timeline-content\"\u003e\n \u003ch3\u003e🩹 Application cutanée\u003c\/h3\u003e\n \u003cp\u003eDéposer une fine couche sur la zone à apaiser, recouvrir d'une compresse si nécessaire, laisser poser plusieurs heures puis rincer à l'eau tiède.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-tip\"\u003e\n \u003cspan class=\"mnk-tip-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp\u003eConsommé dans les doses recommandées, il est parfaitement sûr pour les adultes et enfants de plus de 1 an. Demandez l'avis de votre médecin en cas de diabète ou de traitement particulier. Ce produit ne se substitue pas à un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eComposition\u003c\/h2\u003e\n \u003cdiv class=\"mnk-testimonial\"\u003e\n \u003cp class=\"mnk-testimonial-text\"\u003e100 % miel de Manuka sauvage de Nouvelle-Zélande, non pasteurisé, non chauffé au-delà de 28 °C. \u003cstrong\u003ePollen de Manuka majoritaire à +65 %\u003c\/strong\u003e. Indice d'activité \u003cstrong\u003e12+ certifié\u003c\/strong\u003e par le test AP.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eValeurs nutritionnelles pour 10 g\u003c\/h2\u003e\n \u003cdiv class=\"mnk-grid-compact\"\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e⚡ Énergie\u003c\/h3\u003e\n \u003cp\u003e132 kJ\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🥩 Protéines\u003c\/h3\u003e\n \u003cp\u003e\u0026lt; 0,1 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e💧 Lipides\u003c\/h3\u003e\n \u003cp\u003e0 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🍬 Glucides (sucres)\u003c\/h3\u003e\n \u003cp\u003e7,8 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e🧂 Sodium\u003c\/h3\u003e\n \u003cp\u003e1,2 mg\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003ePot de 250 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\"\u003e\n \u003ch2\u003eUn prix justifié par une qualité rare\u003c\/h2\u003e\n \u003cp\u003eLe \u003cstrong\u003eprix du miel de Manuka\u003c\/strong\u003e reflète la rareté de sa récolte sauvage, les conditions climatiques difficiles de la Nouvelle-Zélande et les contrôles rigoureux garantissant son authenticité. Avec son pot de 250 g, ce Manuka 12+ Dr. Theiss offre un excellent rapport qualité\/prix pour une cure d'environ 1 à 2 mois.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mnk-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eL'avis de l'expert\u003c\/h2\u003e\n \u003cdiv class=\"mnk-testimonial\"\u003e\n \u003cp class=\"mnk-testimonial-text\"\u003e\"Ce Miel de Manuka Sauvage Dr. Theiss séduit par son goût boisé et floral, sa texture lisse et son authenticité. Un incontournable pour celles et ceux qui veulent intégrer un produit naturel d'exception dans leur routine bien-être quotidienne.\"\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mnk-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003e🍯 Offrez-vous l'or noir de Nouvelle-Zélande, brut et puissant, pour une cure bien-être d'exception.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mnk-cream: #faf7f2;\n --mnk-white: #ffffff;\n --mnk-primary: #e94e1b;\n --mnk-primary-dark: #1a1a1a;\n --mnk-primary-light: #fdebe3;\n --mnk-secondary: #d63d0a;\n --mnk-accent: #f5a623;\n --mnk-text: #1a1a1a;\n --mnk-text-light: #5a5a5a;\n --mnk-border: #e0e0e0;\n --mnk-shadow: 0 4px 24px rgba(0,0,0,.08);\n --mnk-shadow-lg: 0 12px 48px rgba(0,0,0,.15);\n --mnk-radius: 20px;\n --mnk-radius-sm: 12px;\n}\n\n.mnk-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mnk-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mnk-text);\n}\n\n.mnk-hero {\n position: relative;\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 45%, #e94e1b 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(2.5rem, 5vw, 4rem);\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(245,166,35,.2) 0%, transparent 50%);\n opacity: .6;\n}\n\n.mnk-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mnk-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.mnk-subtitle {\n color: var(--mnk-accent);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 700;\n margin: 0 0 1rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.mnk-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 720px;\n margin: 0 auto;\n}\n\n.mnk-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mnk-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 8px 16px;\n background: rgba(255,255,255,.95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.15);\n transition: all .3s ease;\n}\n\n.mnk-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mnk-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mnk-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mnk-primary-dark);\n margin-bottom: clamp(1.25rem, 3vw, 2rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.mnk-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--mnk-primary), var(--mnk-accent));\n border-radius: 2px;\n}\n\n.mnk-premium p {\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n color: var(--mnk-text);\n}\n\n.mnk-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnk-text-light);\n margin-bottom: 1.5rem;\n max-width: 720px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.mnk-card {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mnk-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mnk-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mnk-shadow-lg);\n border-color: var(--mnk-primary);\n}\n\n.mnk-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mnk-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mnk-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mnk-grid-compact {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1rem;\n}\n\n.mnk-grid-compact .mnk-card {\n padding: 1rem;\n}\n\n.mnk-grid-compact .mnk-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mnk-grid-compact .mnk-card p {\n font-size: 13px;\n font-weight: 700;\n color: var(--mnk-primary);\n}\n\n.mnk-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mnk-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mnk-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mnk-primary), var(--mnk-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(233,78,27,.3);\n}\n\n.mnk-timeline-content {\n flex: 1;\n background: var(--mnk-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mnk-radius-sm);\n box-shadow: var(--mnk-shadow);\n}\n\n.mnk-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mnk-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mnk-timeline-content p {\n font-size: 14px;\n color: var(--mnk-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mnk-testimonial {\n background: var(--mnk-white);\n border-radius: var(--mnk-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--mnk-shadow);\n border-left: 4px solid var(--mnk-primary);\n}\n\n.mnk-testimonial-text {\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mnk-text);\n line-height: 1.8;\n font-style: italic;\n margin: 0;\n}\n\n.mnk-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mnk-primary-light);\n border-radius: var(--mnk-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 3px solid var(--mnk-primary);\n}\n\n.mnk-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n line-height: 1.2;\n}\n\n.mnk-tip p {\n font-size: 14px;\n color: var(--mnk-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mnk-cta-box {\n background: linear-gradient(135deg, var(--mnk-primary) 0%, var(--mnk-secondary) 100%);\n border-radius: var(--mnk-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mnk-shadow-lg);\n}\n\n.mnk-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .mnk-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mnk-grid-compact {\n grid-template-columns: repeat(2, 1fr);\n gap: .625rem;\n }\n .mnk-grid-compact .mnk-card {\n padding: .75rem;\n }\n .mnk-card {\n padding: 1.125rem;\n }\n .mnk-section {\n margin-bottom: 1.75rem;\n }\n .mnk-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mnk-radius-sm);\n }\n .mnk-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mnk-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mnk-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mnk-timeline-content {\n padding: .875rem 1rem;\n }\n .mnk-timeline-content h3 {\n font-size: 14px;\n }\n .mnk-timeline-content p {\n font-size: 13px;\n }\n .mnk-testimonial {\n padding: 1.25rem;\n }\n .mnk-testimonial-text {\n font-size: 14px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mnk-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mnk-card:nth-child(1) { animation-delay: .05s; }\n .mnk-card:nth-child(2) { animation-delay: .1s; }\n .mnk-card:nth-child(3) { animation-delay: .15s; }\n .mnk-card:nth-child(4) { animation-delay: .2s; }\n .mnk-card:nth-child(5) { animation-delay: .25s; }\n .mnk-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes fadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mnk-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"DR THEISS","offers":[{"title":"Default Title","offer_id":55222075556217,"sku":"NA1315","price":46.99,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/miel-de-manuka-sauvage-12-nouvelle-zelande-dr-theiss-packshothd.webp?v=1790409875"},{"product_id":"ghee-bio-beurre-clarifie-150-g-ayur-vana","title":"Ghee - beurre clarifié bio 150 g - Ayur-Vana","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Ghee - Beurre clarifié bio Ayur-Vana\nPalette détectée:\n - Primaire: #D4A853 (doré\/jaune miel du ghee)\n - Secondaire: #E86D3C (orange terracotta de l'étiquette)\n - Accent: #3B8DBD (bleu du logo Ayur-Vana)\n - Tertiaire: #6B8E23 (vert olive des motifs paisley)\nAmbiance: Ayurvédique, tradition indienne, chaleureux, naturel\/bio, artisanal français\nPréfixe CSS: gh\n--\u003e\n\u003cdiv class=\"gh-premium\"\u003e\n\u003cdiv class=\"gh-hero\"\u003e\n\u003cdiv class=\"gh-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"gh-hero-content\"\u003e\n\u003cdiv class=\"gh-badges-top\"\u003e\n\u003cspan class=\"gh-badge\"\u003e🌿 100% bio\u003c\/span\u003e \u003cspan class=\"gh-badge\"\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e \u003cspan class=\"gh-badge\"\u003e🕉️ Tradition ayurvédique\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"gh-hero-title\"\u003eBeurre clarifié d'exception\u003c\/span\u003e\n\u003cp class=\"gh-description\"\u003eL'or liquide de l'Ayurveda : un beurre d'une pureté exceptionnelle, rasayana régénérant pour le corps et l'esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003cdiv class=\"gh-saviez-vous\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e💡 Le saviez-vous ?\u003c\/strong\u003e\n\u003cp\u003eDans la tradition indienne, le ghee est considéré comme un \u003cem\u003erasayana\u003c\/em\u003e : un aliment régénérant et rajeunissant, censé nourrir à la fois le corps et l'esprit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e✨ Les bienfaits du ghee\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🧬 Riche en nutriments\u003c\/h3\u003e\n\u003cp\u003eVitamines liposolubles A, D, E, K, oméga-3, antioxydants et minéraux essentiels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🫄 Digestion optimale\u003c\/h3\u003e\n\u003cp\u003eSoutient la digestion, améliore l'assimilation des nutriments et soulage la constipation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🔄 Effet régénérant\u003c\/h3\u003e\n\u003cp\u003eDécrit comme dynamisant et rajeunissant (rasayana) dans la tradition ayurvédique.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🌸 Bien-être féminin\u003c\/h3\u003e\n\u003cp\u003eTraditionnellement conseillé pour apaiser les inconforts menstruels et accompagner la grossesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🍳 Comment utiliser ce beurre clarifié ?\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e👨🍳 En cuisine\u003c\/h3\u003e\n\u003cp\u003eSubstitut idéal du beurre ou de l'huile. Point de fumée élevé : parfait pour les cuissons à haute température.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e🥖 En tartine\u003c\/h3\u003e\n\u003cp\u003eSur du pain chaud, incorporé dans une purée ou une soupe pour une onctuosité incomparable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-usage\"\u003e\n\u003ch3\u003e🕉️ Rituel ayurvédique\u003c\/h3\u003e\n\u003cp\u003e1 cuillère à café à jeun le matin pour tonifier l'organisme selon la tradition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-astuce\"\u003e\n\u003cspan\u003e💫\u003c\/span\u003e \u003cstrong\u003eAstuce :\u003c\/strong\u003e ajoutez une pointe de ghee dans une tisane au curcuma pour renforcer son assimilation.\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🌿 Synergies ayurvédiques\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid\"\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🍃 Triphala\u003c\/h3\u003e\n\u003cp\u003eEffet tonique et digestion harmonisée\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🌾 Curcuma\u003c\/h3\u003e\n\u003cp\u003eBooste l'action antioxydante et anti-inflammatoire\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🌷 Shatavari\u003c\/h3\u003e\n\u003cp\u003eSoutien de la vitalité féminine\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🧠 Brahmi\u003c\/h3\u003e\n\u003cp\u003eClarté mentale et apaisement de l'esprit\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🫚 Gingembre\u003c\/h3\u003e\n\u003cp\u003eDigestion et chaleur interne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card gh-card-synergie\"\u003e\n\u003ch3\u003e🔥 Trikatu\u003c\/h3\u003e\n\u003cp\u003eConfort articulaire et stimulation du métabolisme\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e🏆 Pourquoi choisir ce ghee ?\u003c\/h2\u003e\n\u003cdiv class=\"gh-grid-compact\"\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🌿 100% bio\u003c\/h3\u003e\n\u003cp\u003eSans additif ni conservateur\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🇫🇷 Made in France\u003c\/h3\u003e\n\u003cp\u003eQualité et traçabilité garanties\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e🕉️ Authentique\u003c\/h3\u003e\n\u003cp\u003eRespecte les préceptes ayurvédiques\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-card\"\u003e\n\u003ch3\u003e👩🍳 Polyvalent\u003c\/h3\u003e\n\u003cp\u003eCuisine saine et moderne\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e📊 Valeurs nutritionnelles\u003c\/h2\u003e\n\u003cdiv class=\"gh-nutrition\"\u003e\n\u003cdiv class=\"gh-nutrition-header\"\u003e\n\u003cspan\u003ePour 100 g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-badge\"\u003eBeurre* clarifié 100%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-grid\"\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e891\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003ekcal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e99g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eMatières grasses\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e66g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eAcides gras saturés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"gh-nutrition-item\"\u003e\n\u003cspan class=\"gh-nutrition-value\"\u003e0g\u003c\/span\u003e \u003cspan class=\"gh-nutrition-label\"\u003eGlucides \u0026amp; sucres\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"gh-nutrition-note\"\u003e*Ingrédient issu de l'agriculture biologique\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"gh-section\"\u003e\n\u003ch2\u003e📋 Informations complémentaires\u003c\/h2\u003e\n\u003cdiv class=\"gh-accordion\"\u003e\n\u003cdetails class=\"gh-accordion-item\"\u003e\n\u003csummary class=\"gh-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n\u003cdiv class=\"gh-accordion-content\"\u003e\n\u003cp\u003eConserver à température ambiante, à l'abri de la chaleur et de la lumière. Produit naturellement très stable : peut se garder plusieurs mois après ouverture. Convient aux cuissons à haute température sans production de substances nocives.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"gh-accordion-item\"\u003e\n\u003csummary class=\"gh-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n\u003cdiv class=\"gh-accordion-content\"\u003e\n\u003cp\u003eNe pas utiliser en cas d'intolérance ou allergie au lait de vache. 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\u003csection class=\"gh-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"gh-cta-box\"\u003e\n\u003cdiv class=\"gh-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003e🕉️ Découvrez l'or de l'Ayurveda et offrez à votre corps un aliment ancestral, pur et régénérant, fabriqué en France avec le plus grand soin.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n --gh-cream: #FDF8F0;\n --gh-white: #ffffff;\n --gh-primary: #D4A853;\n --gh-primary-dark: #B8923F;\n --gh-primary-light: #FEF7E8;\n --gh-secondary: #E86D3C;\n --gh-accent: #3B8DBD;\n --gh-green: #6B8E23;\n --gh-text: #2D2A26;\n --gh-text-light: #5C574E;\n --gh-border: #E8E2D9;\n --gh-shadow: 0 4px 24px rgba(180, 140, 60, .10);\n --gh-shadow-lg: 0 12px 48px rgba(180, 140, 60, .18);\n --gh-radius: 20px;\n --gh-radius-sm: 12px;\n}\n\n.gh-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--gh-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.gh-hero {\n position: relative;\n background: linear-gradient(135deg, #D4A853 0%, #E86D3C 50%, #B8923F 100%);\n border-radius: var(--gh-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(--gh-shadow-lg);\n}\n\n.gh-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 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zm0 37c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9z' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n opacity: .5;\n}\n\n.gh-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.gh-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.gh-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(--gh-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.gh-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.gh-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.gh-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 4vw, 26px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n text-shadow: 0 2px 10px rgba(0,0,0,.15);\n}\n\n.gh-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2.5vw, 17px);\n max-width: 600px;\n margin: 0 auto;\n line-height: 1.7;\n}\n\n\/* === SAVIEZ-VOUS === *\/\n.gh-saviez-vous {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: linear-gradient(135deg, var(--gh-primary-light) 0%, #FFF9F0 100%);\n border-left: 4px solid var(--gh-primary);\n border-radius: var(--gh-radius-sm);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--gh-shadow);\n}\n\n.gh-saviez-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.gh-saviez-vous strong {\n color: var(--gh-primary-dark);\n font-size: 15px;\n display: block;\n margin-bottom: .35rem;\n}\n\n.gh-saviez-vous p {\n color: var(--gh-text-light);\n font-size: 14px;\n margin: 0;\n line-height: 1.6;\n font-style: italic;\n}\n\n\/* === SECTIONS === *\/\n.gh-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.gh-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--gh-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.gh-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(--gh-primary), var(--gh-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.gh-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.gh-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n\/* === CARDS === *\/\n.gh-card {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--gh-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.gh-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--gh-shadow-lg);\n border-color: var(--gh-primary);\n}\n\n.gh-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--gh-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.gh-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--gh-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.gh-card-usage {\n background: linear-gradient(145deg, var(--gh-white) 0%, var(--gh-primary-light) 100%);\n}\n\n.gh-card-synergie {\n background: var(--gh-white);\n border: 1px solid var(--gh-border);\n}\n\n.gh-card-synergie h3 {\n color: var(--gh-green);\n}\n\n.gh-grid-compact .gh-card {\n padding: 1rem;\n}\n\n.gh-grid-compact .gh-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.gh-grid-compact .gh-card p {\n font-size: 12px;\n}\n\n\/* === ASTUCE === *\/\n.gh-astuce {\n background: linear-gradient(135deg, #FFF9F0 0%, var(--gh-primary-light) 100%);\n border-radius: var(--gh-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n font-size: 14px;\n color: var(--gh-text);\n text-align: center;\n border: 1px dashed var(--gh-primary);\n}\n\n\/* === NUTRITION === *\/\n.gh-nutrition {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n padding: clamp(1.5rem, 4vw, 2.5rem);\n box-shadow: var(--gh-shadow);\n}\n\n.gh-nutrition-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-wrap: wrap;\n gap: 1rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid var(--gh-border);\n}\n\n.gh-nutrition-header span:first-child {\n font-weight: 700;\n color: var(--gh-text);\n font-size: 16px;\n}\n\n.gh-nutrition-badge {\n background: var(--gh-primary-light);\n color: var(--gh-primary-dark);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 600;\n}\n\n.gh-nutrition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1rem;\n text-align: center;\n}\n\n.gh-nutrition-item {\n background: var(--gh-primary-light);\n border-radius: var(--gh-radius-sm);\n padding: 1rem;\n}\n\n.gh-nutrition-value {\n display: block;\n font-size: clamp(24px, 5vw, 32px);\n font-weight: 900;\n color: var(--gh-primary-dark);\n line-height: 1.1;\n}\n\n.gh-nutrition-label {\n display: block;\n font-size: 12px;\n color: var(--gh-text-light);\n margin-top: .35rem;\n}\n\n.gh-nutrition-note {\n font-size: 12px;\n color: var(--gh-text-light);\n text-align: center;\n margin: 1rem 0 0 0;\n font-style: italic;\n}\n\n\/* === ACCORDÉON === *\/\n.gh-accordion {\n background: var(--gh-white);\n border-radius: var(--gh-radius);\n box-shadow: var(--gh-shadow);\n overflow: hidden;\n}\n\n.gh-accordion-item {\n border-bottom: 1px solid var(--gh-border);\n margin: 0;\n padding: 0;\n}\n\n.gh-accordion-item:last-child {\n border-bottom: none;\n}\n\n.gh-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--gh-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.gh-accordion-header:hover {\n background: var(--gh-primary-light);\n}\n\n.gh-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.gh-accordion-header::after {\n content: '+';\n font-size: 20px;\n font-weight: 400;\n color: var(--gh-primary);\n transition: transform .2s ease;\n}\n\n.gh-accordion-item[open] .gh-accordion-header::after {\n content: '−';\n}\n\n.gh-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--gh-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 5px;\n}\n\n.gh-accordion-content p {\n margin: 0;\n}\n\n\/* === CTA === *\/\n.gh-cta-box {\n background: linear-gradient(135deg, var(--gh-primary) 0%, var(--gh-secondary) 100%);\n border-radius: var(--gh-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.gh-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Ccircle cx='20' cy='20' r='8' fill='%23fff' fill-opacity='0.08'\/%3E%3C\/svg%3E\");\n}\n\n.gh-cta-box p {\n position: relative;\n z-index: 1;\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .gh-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .gh-card {\n padding: 1.125rem;\n }\n \n .gh-section {\n margin-bottom: 1.75rem;\n }\n \n .gh-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--gh-radius-sm);\n }\n \n .gh-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .gh-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .gh-grid-compact {\n gap: .625rem;\n }\n \n .gh-grid-compact .gh-card {\n padding: .75rem;\n }\n \n .gh-badges-top {\n gap: 8px;\n }\n \n .gh-badge {\n padding: 6px 12px;\n font-size: 11px;\n }\n \n .gh-saviez-vous {\n flex-direction: column;\n gap: .75rem;\n text-align: center;\n }\n \n .gh-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .gh-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .gh-nutrition {\n padding: 1.25rem;\n }\n \n .gh-nutrition-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .gh-card {\n animation: ghFadeInUp .5s ease backwards;\n }\n .gh-card:nth-child(1) { animation-delay: .05s; }\n .gh-card:nth-child(2) { animation-delay: .1s; }\n .gh-card:nth-child(3) { animation-delay: .15s; }\n .gh-card:nth-child(4) { animation-delay: .2s; }\n .gh-card:nth-child(5) { animation-delay: .25s; }\n .gh-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes ghFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .gh-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"AYURVANA","offers":[{"title":"Default Title","offer_id":55225070190969,"sku":"AY0008","price":7.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/ghee-beurre-clarifie-bio-150-g-ayur-vana-packshothd.webp?v=1786110847"},{"product_id":"tisane-digestion-ernst-richter","title":"Tisane Digestion Ernst Richter’s – 20 sachets","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Tisane Digestion Ernst Richter's\nPalette détectée:\n - Primaire: #E8A012 (jaune-orangé doré du packaging principal)\n - Secondaire: #D35F10 (orange vif de la bande inférieure)\n - Accent: #4A7C3F (vert des illustrations de plantes\/menthe)\nAmbiance: Naturel, traditionnel, bien-être, herboristerie allemande authentique\nPréfixe CSS: td\n--\u003e\n\n\u003cdiv class=\"td-premium\"\u003e\n \n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"td-hero\"\u003e\n \u003cdiv class=\"td-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-hero-content\"\u003e\n \u003cdiv class=\"td-badges-top\"\u003e\n \u003cspan class=\"td-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e🇩🇪 Qualité allemande\u003c\/span\u003e\n \u003cspan class=\"td-badge\"\u003e📦 20 sachets\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"td-hero-title\"\u003eTisane Digestion\u003c\/span\u003e\n \u003cp class=\"td-subtitle\"\u003eErnst Richter's\u003c\/p\u003e\n \u003cp class=\"td-description\"\u003eUne infusion douce aux notes d'orange, pensée pour faciliter la digestion et apaiser les inconforts digestifs. Retrouvez un confort durable après chaque repas.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POURQUOI CHOISIR --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e🌿 Pourquoi choisir cette tisane ?\u003c\/h2\u003e\n \u003cdiv class=\"td-grid\"\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e💨\u003c\/div\u003e\n \u003ch3\u003eAction digestive complète\u003c\/h3\u003e\n \u003cp\u003eSoulage ballonnements, lourdeurs et transit irrégulier grâce à une synergie de plantes soigneusement ciblées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🌱\u003c\/div\u003e\n \u003ch3\u003eIngrédients sélectionnés\u003c\/h3\u003e\n \u003cp\u003eOrtie, menthe poivrée, hibiscus, anis, carvi, avoine et arôme naturel d'orange. Sans arômes artificiels ni conservateurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e🍊\u003c\/div\u003e\n \u003ch3\u003ePlaisir sensoriel\u003c\/h3\u003e\n \u003cp\u003eNote subtile d'orange, hibiscus légèrement acidulé. Une infusion agréable à savourer matin ou soir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-card\"\u003e\n \u003cdiv class=\"td-card-icon\"\u003e✅\u003c\/div\u003e\n \u003ch3\u003eQualité certifiée\u003c\/h3\u003e\n \u003cp\u003eProduction contrôlée par les laboratoires Richter's en Allemagne, gage d'excellence depuis des générations.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e📋 Composition et bienfaits\u003c\/h2\u003e\n \u003cdiv class=\"td-ingredients-grid\"\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e🌿\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eFeuilles d'ortie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003eUrtica dioica\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eRiches en vitamines et minéraux, soutien général du système digestif.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e🍃\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eMenthe poivrée\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003eMentha piperita\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eAntispasmodique naturel, réduit ballonnements et nausées, efficace contre le SII.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e🌺\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eHibiscus\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003eHibiscus sabdariffa\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eAntioxydant, anti-inflammatoire, régulateur doux du transit intestinal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e⭐\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eAnis \u0026amp; carvi\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003ePimpinella anisum \u0026amp; Carum carvi\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eStimulent la digestion, réduisent les gaz et les spasmes intestinaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eCumin des prés\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003eCarum carvi\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eSoulage efficacement les lourdeurs ressenties après les repas copieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-ingredient\"\u003e\n \u003cdiv class=\"td-ingredient-header\"\u003e\n \u003cspan class=\"td-ingredient-icon\"\u003e🌾\u003c\/span\u003e\n \u003cspan class=\"td-ingredient-name\"\u003eAvoine\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp class=\"td-ingredient-latin\"\u003eAvena sativa\u003c\/p\u003e\n \u003cp class=\"td-ingredient-desc\"\u003eContribue à la régulation douce et naturelle du transit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-orange-note\"\u003e\n \u003cspan class=\"td-orange-icon\"\u003e🍊\u003c\/span\u003e\n \u003cdiv class=\"td-orange-content\"\u003e\n \u003cstrong\u003eArôme naturel d'orange\u003c\/strong\u003e\n \u003cp\u003eUne touche gourmande et rafraîchissante pour sublimer chaque tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e✅ Mode d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-steps\"\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003ch4\u003ePréparez l'infusion\u003c\/h4\u003e\n \u003cp\u003ePlongez \u003cstrong\u003e1 sachet (2 g)\u003c\/strong\u003e dans 200 ml d'eau chaude (80–90 °C).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003ch4\u003eLaissez infuser\u003c\/h4\u003e\n \u003cp\u003ePatientez \u003cstrong\u003e3 à 4 minutes\u003c\/strong\u003e. Ajustez selon l'intensité souhaitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-step\"\u003e\n \u003cdiv class=\"td-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"td-step-content\"\u003e\n \u003ch4\u003eSavourez\u003c\/h4\u003e\n \u003cp\u003e\u003cstrong\u003e1 tasse par jour\u003c\/strong\u003e, de préférence le soir pour prolonger l'action pendant la nuit.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-tips-box\"\u003e\n \u003ch4\u003e💡 Suggestions gustatives\u003c\/h4\u003e\n \u003cp\u003eÀ déguster nature ou relevée d'un trait de citron ou d'une cuillère de miel pour une touche de douceur supplémentaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e⚠️ Précautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"td-warning-box\"\u003e\n \u003cdiv class=\"td-warning-grid\"\u003e\n \u003cdiv class=\"td-warning-item\"\u003e\n \u003cspan class=\"td-warning-icon\"\u003e⏱️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eUsage ponctuel recommandé\u003c\/strong\u003e\u003cbr\u003eÉviter une consommation prolongée (\u0026gt;20 jours sans pause)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-warning-item\"\u003e\n \u003cspan class=\"td-warning-icon\"\u003e🤰\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eFemmes enceintes\/allaitantes\u003c\/strong\u003e\u003cbr\u003eDemander l'avis d'un professionnel de santé\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-warning-item\"\u003e\n \u003cspan class=\"td-warning-icon\"\u003e❤️\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eHypertension\u003c\/strong\u003e\u003cbr\u003eConsulter un médecin avant utilisation\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-warning-item\"\u003e\n \u003cspan class=\"td-warning-icon\"\u003e🏠\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003eConservation\u003c\/strong\u003e\u003cbr\u003eLieu frais, sec, à l'abri de la lumière\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"td-section\"\u003e\n \u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"td-info-grid\"\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cspan class=\"td-info-label\"\u003eContenu\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003e20 sachets\u003c\/span\u003e\n \u003cspan class=\"td-info-detail\"\u003esachets individuels de 2 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cspan class=\"td-info-label\"\u003ePoids net\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003e40 g\u003c\/span\u003e\n \u003cspan class=\"td-info-detail\"\u003etotal par boîte\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cspan class=\"td-info-label\"\u003eDosage\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003e1 sachet\/jour\u003c\/span\u003e\n \u003cspan class=\"td-info-detail\"\u003esoit 2 g par tasse\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-info-card\"\u003e\n \u003cspan class=\"td-info-label\"\u003eCalories\u003c\/span\u003e\n \u003cspan class=\"td-info-value\"\u003e~1 kcal\u003c\/span\u003e\n \u003cspan class=\"td-info-detail\"\u003epour 100 ml d'infusion\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"td-nutri-note\"\u003e\n \u003cp\u003e\u003cstrong\u003eValeurs nutritionnelles (100 ml) :\u003c\/strong\u003e 0 g lipides, 0 g protéines, \u0026lt;0.5 g glucides\/sucres\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"td-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"td-cta-box\"\u003e\n \u003cdiv class=\"td-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"td-cta-content\"\u003e\n \u003cspan class=\"td-cta-icon\"\u003e🍵\u003c\/span\u003e\n \u003cp\u003eOffrez à votre système digestif le réconfort qu'il mérite.\u003cbr\u003eUne tasse le soir, un bien-être qui dure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES CSS === *\/\n:root {\n --td-cream: #FFFBF5;\n --td-white: #ffffff;\n --td-primary: #E8A012;\n --td-primary-dark: #C4850E;\n --td-primary-light: #FFF4DC;\n --td-secondary: #D35F10;\n --td-secondary-light: #FFEEE5;\n --td-accent: #4A7C3F;\n --td-accent-light: #E8F5E4;\n --td-text: #1a1a1a;\n --td-text-light: #5a5a5a;\n --td-border: #e8e0d5;\n --td-shadow: 0 4px 24px rgba(200, 133, 14, .1);\n --td-shadow-lg: 0 12px 48px rgba(200, 133, 14, .18);\n --td-radius: 20px;\n --td-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.td-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--td-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--td-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.td-hero {\n position: relative;\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-secondary) 50%, #B84D0A 100%);\n border-radius: var(--td-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: \n radial-gradient(circle at 20% 30%, rgba(255,255,255,.15) 0%, transparent 50%),\n radial-gradient(circle at 80% 70%, rgba(255,255,255,.1) 0%, transparent 40%),\n url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 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='.05'\/%3E%3C\/svg%3E\");\n opacity: .6;\n}\n\n.td-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.td-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.td-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(--td-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.td-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.td-hero-title {\n display: block;\n color: white;\n font-size: clamp(36px, 8vw, 56px);\n font-weight: 900;\n margin: 0 0 .5rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.td-subtitle {\n color: rgba(255,255,255,.9);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: .05em;\n text-transform: uppercase;\n}\n\n.td-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(16px, 2.5vw, 19px);\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.7;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n}\n\n\/* === SECTIONS === *\/\n.td-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.td-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.td-premium h2::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 60px;\n height: 4px;\n background: linear-gradient(90deg, var(--td-primary), var(--td-secondary));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.td-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.td-card {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.td-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--td-shadow-lg);\n border-color: var(--td-primary);\n}\n\n.td-card-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n display: block;\n}\n\n.td-card h3 {\n font-size: 18px;\n font-weight: 800;\n color: var(--td-text);\n margin: 0 0 .75rem 0;\n}\n\n.td-card p {\n font-size: 15px;\n color: var(--td-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGRÉDIENTS === *\/\n.td-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.td-ingredient {\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.25rem 1.5rem;\n box-shadow: var(--td-shadow);\n border-left: 4px solid var(--td-accent);\n transition: all .3s ease;\n}\n\n.td-ingredient:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-ingredient-header {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: .5rem;\n}\n\n.td-ingredient-icon {\n font-size: 24px;\n}\n\n.td-ingredient-name {\n font-size: 17px;\n font-weight: 800;\n color: var(--td-text);\n}\n\n.td-ingredient-latin {\n font-size: 13px;\n font-style: italic;\n color: var(--td-accent);\n margin: 0 0 .5rem 0;\n}\n\n.td-ingredient-desc {\n font-size: 14px;\n color: var(--td-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.td-orange-note {\n display: flex;\n align-items: center;\n gap: 1.25rem;\n background: linear-gradient(135deg, var(--td-secondary-light) 0%, var(--td-primary-light) 100%);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n border: 2px dashed var(--td-secondary);\n}\n\n.td-orange-icon {\n font-size: 48px;\n flex-shrink: 0;\n}\n\n.td-orange-content strong {\n display: block;\n font-size: 17px;\n color: var(--td-secondary);\n margin-bottom: .25rem;\n}\n\n.td-orange-content p {\n font-size: 15px;\n color: var(--td-text-light);\n margin: 0;\n}\n\n\/* === ÉTAPES === *\/\n.td-steps {\n display: flex;\n flex-direction: column;\n gap: 1.25rem;\n margin-bottom: 1.5rem;\n}\n\n.td-step {\n display: flex;\n align-items: flex-start;\n gap: 1.25rem;\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n box-shadow: var(--td-shadow);\n transition: all .3s ease;\n}\n\n.td-step:hover {\n transform: translateX(8px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-step-number {\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-secondary) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n color: white;\n flex-shrink: 0;\n box-shadow: 0 4px 16px rgba(232, 160, 18, .35);\n}\n\n.td-step-content h4 {\n font-size: 17px;\n font-weight: 800;\n color: var(--td-text);\n margin: 0 0 .35rem 0;\n}\n\n.td-step-content p {\n font-size: 15px;\n color: var(--td-text-light);\n margin: 0;\n}\n\n.td-step-content strong {\n color: var(--td-primary-dark);\n}\n\n.td-tips-box {\n background: var(--td-primary-light);\n border-radius: var(--td-radius-sm);\n padding: 1.5rem;\n border-left: 4px solid var(--td-primary);\n}\n\n.td-tips-box h4 {\n font-size: 16px;\n font-weight: 800;\n color: var(--td-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.td-tips-box p {\n font-size: 15px;\n color: var(--td-text-light);\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.td-warning-box {\n background: var(--td-white);\n border-radius: var(--td-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--td-shadow);\n border: 2px solid var(--td-secondary);\n}\n\n.td-warning-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 1.5rem;\n}\n\n.td-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n}\n\n.td-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n}\n\n.td-warning-item p {\n font-size: 14px;\n color: var(--td-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.td-warning-item strong {\n color: var(--td-text);\n display: block;\n margin-bottom: .15rem;\n}\n\n\/* === INFOS PRATIQUES === *\/\n.td-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n gap: 1rem;\n margin-bottom: 1.25rem;\n}\n\n.td-info-card {\n background: var(--td-white);\n border-radius: var(--td-radius-sm);\n padding: 1.25rem;\n text-align: center;\n box-shadow: var(--td-shadow);\n border-top: 4px solid var(--td-primary);\n transition: all .3s ease;\n}\n\n.td-info-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-info-label {\n display: block;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: .08em;\n color: var(--td-text-light);\n margin-bottom: .35rem;\n}\n\n.td-info-value {\n display: block;\n font-size: 26px;\n font-weight: 900;\n color: var(--td-primary-dark);\n margin-bottom: .15rem;\n}\n\n.td-info-detail {\n display: block;\n font-size: 12px;\n color: var(--td-text-light);\n}\n\n.td-nutri-note {\n background: var(--td-accent-light);\n border-radius: var(--td-radius-sm);\n padding: 1rem 1.5rem;\n text-align: center;\n}\n\n.td-nutri-note p {\n font-size: 14px;\n color: var(--td-accent);\n margin: 0;\n}\n\n.td-nutri-note strong {\n color: var(--td-text);\n}\n\n\/* === CTA FINAL === *\/\n.td-cta-box {\n background: linear-gradient(135deg, var(--td-primary) 0%, var(--td-secondary) 50%, #B84D0A 100%);\n border-radius: var(--td-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--td-shadow-lg);\n}\n\n.td-cta-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 30% 20%, rgba(255,255,255,.15) 0%, transparent 50%);\n pointer-events: none;\n}\n\n.td-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.td-cta-icon {\n font-size: 56px;\n display: block;\n margin-bottom: 1rem;\n}\n\n.td-cta-box p {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n margin: 0;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .td-grid,\n .td-ingredients-grid,\n .td-info-grid {\n grid-template-columns: 1fr;\n }\n \n .td-warning-grid {\n grid-template-columns: 1fr;\n }\n \n .td-orange-note {\n flex-direction: column;\n text-align: center;\n }\n \n .td-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .td-card,\n .td-ingredient,\n .td-step,\n .td-info-card {\n animation: tdFadeInUp .6s ease backwards;\n }\n \n .td-card:nth-child(1), .td-ingredient:nth-child(1), .td-step:nth-child(1), .td-info-card:nth-child(1) { animation-delay: .1s; }\n .td-card:nth-child(2), .td-ingredient:nth-child(2), .td-step:nth-child(2), .td-info-card:nth-child(2) { animation-delay: .2s; }\n .td-card:nth-child(3), .td-ingredient:nth-child(3), .td-step:nth-child(3), .td-info-card:nth-child(3) { animation-delay: .3s; }\n .td-card:nth-child(4), .td-ingredient:nth-child(4), .td-info-card:nth-child(4) { animation-delay: .4s; }\n .td-ingredient:nth-child(5) { animation-delay: .5s; }\n .td-ingredient:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes tdFadeInUp {\n from { opacity: 0; transform: translateY(40px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .td-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .td-premium {\n --td-text: #000000;\n --td-text-light: #333333;\n }\n \n .td-card,\n .td-ingredient,\n .td-step,\n .td-info-card,\n .td-warning-box {\n border: 2px solid var(--td-text);\n }\n}\n\u003c\/style\u003e","brand":"RICHTER'S","offers":[{"title":"Default Title","offer_id":55338594468217,"sku":"NA1240","price":7.49,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/tisane-digestion-ernst-richters-20-sachets-ingredients.jpg?v=1768044115"},{"product_id":"bonjour-drink-super-cafe","title":"Bonjour Drink 30 tasses – Super Café aux champignons adaptogènes - 6 goûts","description":"\u003csection class=\"bj-intro-seo\"\u003e\n\u003ch2\u003eBonjour Drink : le super café aux champignons adaptogènes\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eBonjour Drink\u003c\/strong\u003e est un \u003cstrong\u003esuper café aux champignons adaptogènes\u003c\/strong\u003e qui remplace votre café du matin sans la nervosité. Chaque tasse réunit \u003cstrong\u003e2 250 mg d'extraits de Lion's Mane, Cordyceps et Chaga\u003c\/strong\u003e pour une énergie stable, une meilleure concentration et une digestion douce, sans coup de barre ni palpitations.\u003c\/p\u003e\n\u003cp\u003eDisponible en \u003cstrong\u003e6 saveurs\u003c\/strong\u003e, dont \u003cstrong\u003e4 sans caféine\u003c\/strong\u003e : Originale Mocha et Café (35 mg de caféine, soit 5 fois moins qu'un espresso), puis Cacao, Café Decaf, Rooibos Chaï et Choco Gourmand (0 mg). Il est \u003cstrong\u003evegan, sans gluten, sans lactose, sans sucres ajoutés\u003c\/strong\u003e et \u003cstrong\u003efabriqué en France\u003c\/strong\u003e, contrôlé en laboratoire indépendant. Retrouvez plus bas le \u003cstrong\u003equiz saveur\u003c\/strong\u003e, la composition détaillée, le mode d'emploi, le guide des saveurs, la FAQ et les \u003cstrong\u003eavis clients vérifiés\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n .bj-intro-seo{max-width:900px;margin:0 auto 2.5rem;padding:1.5rem clamp(1rem,3vw,2rem);background:#fffdf5;border:1px solid #ede5d8;border-left:4px solid #f9d842;border-radius:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}\n .bj-intro-seo h2{font-size:clamp(22px,3.5vw,28px);font-weight:800;color:#2d2d2d;margin:0 0 1rem;letter-spacing:-.02em;}\n .bj-intro-seo p{font-size:clamp(15px,2vw,16px);line-height:1.75;color:#4a4a4a;margin:0 0 .9rem;}\n .bj-intro-seo p:last-child{margin-bottom:0;}\n .bj-intro-seo strong{color:#2d2d2d;font-weight:700;}\n\u003c\/style\u003e\n\u003c!-- ===== QUIZ SAVEUR BONJOUR DRINK v3 — HTML + CSS (le JavaScript est dans le métachamp custom.quiz_js) ===== --\u003e\n\u003cstyle\u003e\n#bjq{scroll-margin-top:140px;--q-yellow:#f9d842;--q-yellow-d:#e5c236;--q-yellow-l:#fff6cf;--q-ink:#2d2d2d;--q-ink-soft:#6b6b6b;--q-cream:#fffdf5;--q-border:#ece3d0;--q-green:#5a7a1f;--q-green-l:#eef5dc;--q-radius:18px;max-width:840px;margin:40px auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--q-ink);}\n#bjq *{box-sizing:border-box;}\n#bjq button{font-family:inherit;color:var(--q-ink);letter-spacing:normal;text-transform:none;min-height:0;line-height:1.3;}\n#bjq .bjq-option strong,#bjq .bjq-option-txt strong{color:var(--q-ink)!important;}\n#bjq .bjq-option-txt span{color:var(--q-ink-soft)!important;}\n#bjq .bjq-inner{position:relative;overflow:hidden;background:#fff;border:1px solid var(--q-border);border-radius:26px;padding:clamp(1.4rem,4vw,2.6rem);box-shadow:0 14px 44px rgba(249,216,66,.16);}\n#bjq .bjq-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f9d842,#fae674,#f5a8b8,#a8d5f5);}\n#bjq .bjq-inner::after{content:'';position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(249,216,66,.28),rgba(249,216,66,0) 70%);pointer-events:none;}\n\/* Progression *\/\n#bjq .bjq-progress{display:flex;align-items:center;gap:10px;margin-bottom:1.6rem;}\n#bjq .bjq-progress-track{flex:1;height:8px;background:#f2ecdc;border-radius:999px;overflow:hidden;}\n#bjq .bjq-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--q-yellow),var(--q-yellow-d));border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1);}\n#bjq .bjq-progress-txt{font-size:12px;font-weight:800;color:#b08900;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;}\n#bjq .bjq-hide{display:none!important;}\n\/* Écrans *\/\n#bjq .bjq-screen{display:none;}\n#bjq .bjq-screen.bjq-active{display:block;animation:bjqIn .45s ease both;}\n@keyframes bjqIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}\n#bjq .bjq-eyebrow,#bjq .bjq-step-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#b08900;background:var(--q-cream);padding:6px 14px;border-radius:999px;border:1px solid var(--q-border);margin-bottom:1rem;}\n#bjq .bjq-h2{font-size:clamp(24px,4.5vw,34px);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:.25rem 0 1rem;}\n#bjq .bjq-lead{font-size:clamp(15px,2vw,17px);line-height:1.7;color:var(--q-ink-soft);margin:0 0 1.6rem;max-width:560px;}\n#bjq .bjq-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--q-yellow),var(--q-yellow-d));color:var(--q-ink);border:none;font-size:17px;font-weight:800;padding:16px 32px;border-radius:999px;cursor:pointer;box-shadow:0 6px 18px rgba(249,216,66,.45);transition:transform .2s ease,box-shadow .2s ease;}\n#bjq .bjq-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(249,216,66,.55);}\n#bjq .bjq-cta:focus-visible,#bjq .bjq-option:focus-visible,#bjq .bjq-buy:focus-visible{outline:3px solid #b08900;outline-offset:3px;}\n#bjq .bjq-cta .bjq-arrow{transition:transform .2s ease;}\n#bjq .bjq-cta:hover .bjq-arrow{transform:translateX(4px);}\n#bjq .bjq-trust{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:8px 14px;font-size:13px;color:var(--q-ink-soft);font-weight:600;}\n#bjq .bjq-flavors-preview{display:flex;gap:6px;margin-top:1.4rem;}\n#bjq .bjq-flavors-preview img{width:46px;height:46px;border-radius:12px;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.12);background:#fff;}\n#bjq .bjq-flavors-preview img:not(:first-child){margin-left:-12px;}\n\/* Questions *\/\n#bjq .bjq-q{font-size:clamp(20px,3.5vw,27px);font-weight:800;letter-spacing:-.02em;line-height:1.25;margin:.35rem 0 1.3rem;}\n#bjq .bjq-options{display:flex;flex-direction:column;gap:12px;}\n#bjq .bjq-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}\n@media(max-width:560px){#bjq .bjq-options-grid{grid-template-columns:1fr;}}\n#bjq .bjq-option{position:relative;display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:var(--q-cream);border:2px solid var(--q-border);border-radius:var(--q-radius);padding:15px 18px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;}\n#bjq .bjq-option:hover{border-color:var(--q-yellow);background:#fff8e1;transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,216,66,.22);}\n#bjq .bjq-option.bjq-picked{border-color:var(--q-yellow-d);background:#fff3c9;box-shadow:0 6px 18px rgba(249,216,66,.4);}\n#bjq .bjq-option.bjq-picked::after{content:'✓';position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--q-ink);color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center;animation:bjqPop .25s ease both;}\n@keyframes bjqPop{from{transform:translateY(-50%) scale(.4);opacity:0;}to{transform:translateY(-50%) scale(1);opacity:1;}}\n#bjq .bjq-option-emoji{font-size:30px;flex-shrink:0;line-height:1;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);}\n#bjq .bjq-option-txt{display:flex;flex-direction:column;gap:2px;padding-right:28px;}\n#bjq .bjq-option-txt strong{font-size:16px;font-weight:800;}\n#bjq .bjq-option-txt span{font-size:13px;color:var(--q-ink-soft);line-height:1.4;}\n#bjq .bjq-back{margin-top:1.1rem;background:none;border:none;color:var(--q-ink-soft);font-size:13px;font-weight:700;cursor:pointer;padding:6px 0;}\n#bjq .bjq-back:hover{color:var(--q-ink);text-decoration:underline;}\n\/* Chargement *\/\n#bjq .bjq-loading{text-align:center;padding:2.5rem 1rem 2rem;}\n#bjq .bjq-spinner{width:54px;height:54px;border:5px solid #f2ecdc;border-top-color:var(--q-yellow-d);border-radius:50%;margin:0 auto 1.2rem;animation:bjqSpin .8s linear infinite;}\n@keyframes bjqSpin{to{transform:rotate(360deg);}}\n#bjq .bjq-loading p{font-weight:800;font-size:17px;margin:0 0 1rem;}\n#bjq .bjq-checks{display:inline-flex;flex-direction:column;gap:6px;text-align:left;font-size:14px;color:var(--q-ink-soft);}\n#bjq .bjq-checks span{opacity:.35;transition:opacity .3s;}\n#bjq .bjq-checks span.on{opacity:1;color:var(--q-green);font-weight:700;}\n\/* Résultat *\/\n#bjq .bjq-result{position:relative;}\n#bjq .bjq-result-eyebrow{text-align:center;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#b08900;margin-bottom:1.1rem;}\n#bjq .bjq-result-card{position:relative;display:flex;gap:1.5rem;background:linear-gradient(160deg,#fffdf5,#fff8e1);border:2px solid var(--q-yellow);border-radius:22px;padding:1.25rem;box-shadow:0 12px 34px rgba(249,216,66,.28);}\n@media(max-width:600px){#bjq .bjq-result-card{flex-direction:column;text-align:center;align-items:center;}}\n#bjq .bjq-result-img-wrap{position:relative;flex-shrink:0;width:200px;max-width:100%;}\n#bjq .bjq-result-img{width:100%;aspect-ratio:1\/1;object-fit:cover;border-radius:16px;display:block;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.1);}\n#bjq .bjq-match{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#a1c544,#7fa32f);color:#fff;font-size:14px;font-weight:900;padding:8px 13px;border-radius:999px;box-shadow:0 4px 12px rgba(127,163,47,.45);border:2px solid #fff;white-space:nowrap;}\n@media(max-width:600px){#bjq .bjq-match{right:50%;transform:translateX(95px);}}\n#bjq .bjq-result-body{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;}\n#bjq .bjq-result-name{font-size:clamp(22px,4vw,28px);font-weight:900;letter-spacing:-.02em;margin:0 0 .45rem;}\n#bjq .bjq-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.8rem;}\n@media(max-width:600px){#bjq .bjq-badges{justify-content:center;}}\n#bjq .bjq-badge{font-size:12px;font-weight:800;background:#fff;border:2px solid var(--q-yellow);border-radius:999px;padding:4px 11px;}\n#bjq .bjq-badge.bjq-badge-0{border-color:#a8d5f5;}\n#bjq .bjq-result-why{font-size:14.5px;line-height:1.65;color:var(--q-ink-soft);margin:0 0 1rem;}\n#bjq .bjq-result-why strong{color:var(--q-ink);}\n#bjq .bjq-result-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:22px;font-weight:900;margin-bottom:1rem;}\n@media(max-width:600px){#bjq .bjq-result-price{justify-content:center;}}\n#bjq .bjq-result-price small{font-size:13px;font-weight:600;color:var(--q-ink-soft);}\n#bjq .bjq-result-price del{font-size:15px;font-weight:600;color:#b3b3b3;}\n#bjq .bjq-result-price .bjq-percup{font-size:12px;font-weight:700;color:var(--q-green);background:var(--q-green-l);border-radius:999px;padding:3px 9px;}\n#bjq .bjq-result-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}\n@media(max-width:600px){#bjq .bjq-result-actions{justify-content:center;}}\n#bjq .bjq-buy{display:inline-flex!important;align-items:center;gap:10px;background:linear-gradient(135deg,#f9d842,#e5c236)!important;color:#2d2d2d!important;border:none!important;font-weight:800;font-size:17px;padding:16px 30px;border-radius:999px;text-decoration:none!important;box-shadow:0 6px 18px rgba(249,216,66,.45);transition:transform .2s,box-shadow .2s,opacity .2s;cursor:pointer;}\n#bjq .bjq-buy:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(249,216,66,.55);}\n#bjq .bjq-buy.is-loading{opacity:.6;pointer-events:none;}\n#bjq .bjq-buy.is-loading .bjq-buy-txt::after{content:'…';}\n#bjq .bjq-buy[disabled]{background:#e6e6e6!important;color:#888!important;box-shadow:none;cursor:not-allowed;transform:none;}\n#bjq .bjq-added{display:none;font-size:14px;font-weight:700;color:var(--q-green);background:var(--q-green-l);padding:8px 14px;border-radius:999px;}\n#bjq .bjq-added.on{display:inline-block;animation:bjqPop2 .3s ease both;}\n@keyframes bjqPop2{from{transform:scale(.7);opacity:0;}to{transform:scale(1);opacity:1;}}\n#bjq .bjq-added a{color:var(--q-ink);text-decoration:underline;}\n#bjq .bjq-error{display:none;margin-top:.8rem;font-size:13px;color:#b3261e;font-weight:600;}\n\/* Alternatives *\/\n#bjq .bjq-alts{margin-top:1.4rem;padding-top:1.2rem;border-top:1px dashed var(--q-border);}\n#bjq .bjq-alts-title{font-size:13px;font-weight:800;color:var(--q-ink-soft);text-transform:uppercase;letter-spacing:1px;margin:0 0 .7rem;text-align:center;}\n#bjq .bjq-alts-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}\n#bjq .bjq-alt{display:inline-flex;align-items:center;gap:10px;background:var(--q-cream);border:2px solid var(--q-border);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;transition:border-color .2s,transform .2s;font-size:14px;font-weight:700;color:var(--q-ink);}\n#bjq .bjq-alt:hover{border-color:var(--q-yellow);transform:translateY(-2px);}\n#bjq .bjq-alt img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#fff;}\n#bjq .bjq-alt small{font-weight:600;color:var(--q-ink-soft);}\n#bjq .bjq-restart{display:block;margin:1.3rem auto 0;background:none;border:none;color:var(--q-ink-soft);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;}\n#bjq .bjq-restart:hover{color:var(--q-ink);}\n\/* Confettis (CSS pur, léger) *\/\n#bjq .bjq-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}\n#bjq .bjq-confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;opacity:0;animation:bjqFall 1.9s ease-out forwards;}\n@keyframes bjqFall{0%{transform:translateY(0) rotate(0);opacity:1;}100%{transform:translateY(420px) rotate(540deg);opacity:0;}}\n@media(prefers-reduced-motion:reduce){#bjq .bjq-screen,#bjq .bjq-progress-bar,#bjq .bjq-cta,#bjq .bjq-option,#bjq .bjq-buy,#bjq .bjq-confetti i{animation:none!important;transition:none!important;}}\n\u003c\/style\u003e\n\u003cdiv class=\"bjq\" id=\"bjq\"\u003e\n\u003cdiv class=\"bjq-inner\"\u003e\n\u003cdiv class=\"bjq-confetti\" id=\"bjq-confetti\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"bjq-progress bjq-hide\" id=\"bjq-progress\"\u003e\n\u003cdiv class=\"bjq-progress-track\"\u003e\u003cdiv class=\"bjq-progress-bar\" id=\"bjq-progress-bar\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cspan class=\"bjq-progress-txt\" id=\"bjq-progress-txt\"\u003e1 \/ 4\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c!-- Intro --\u003e\n\u003cdiv class=\"bjq-screen bjq-active\"\u003e\n\u003cdiv class=\"bjq-eyebrow\"\u003eQuiz saveur · 30 secondes\u003c\/div\u003e\n\u003ch2 class=\"bjq-h2\"\u003eQuelle saveur Bonjour Drink est faite pour vous ?\u003c\/h2\u003e\n\u003cp class=\"bjq-lead\"\u003e4 questions rapides pour trouver votre saveur idéale parmi les 6, selon votre caféine, votre goût, votre moment de la journée et votre besoin.\u003c\/p\u003e\n\u003cbutton class=\"bjq-cta\"\u003eCommencer le quiz \u003cspan class=\"bjq-arrow\"\u003e→\u003c\/span\u003e\u003c\/button\u003e\n\u003cdiv class=\"bjq-flavors-preview\" id=\"bjq-preview\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bjq-trust\"\u003e\n\u003cspan\u003e☕ 30 portions\u003c\/span\u003e\u003cspan\u003e🍄 2250 mg d'adaptogènes\u003c\/span\u003e\u003cspan\u003e🇫🇷 Fabriqué en France\u003c\/span\u003e\u003cspan\u003e🌱 Vegan · sans sucres ajoutés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Q1 Caféine --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-step-label\"\u003eQuestion 1 sur 4\u003c\/div\u003e\n\u003ch3 class=\"bjq-q\"\u003eQuel niveau de caféine vous convient ?\u003c\/h3\u003e\n\u003cdiv class=\"bjq-options\"\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e⚡\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eUne énergie douce\u003c\/strong\u003e\u003cspan\u003e35 mg, soit 5 fois moins qu'un espresso\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🌙\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eZéro caféine\u003c\/strong\u003e\u003cspan\u003eÀ boire même le soir, sommeil préservé\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🤷\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003ePeu importe\u003c\/strong\u003e\u003cspan\u003eJe choisis surtout sur le goût\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bjq-back\"\u003e← Retour\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- Q2 Goût --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-step-label\"\u003eQuestion 2 sur 4\u003c\/div\u003e\n\u003ch3 class=\"bjq-q\"\u003eQuel goût vous fait le plus envie ?\u003c\/h3\u003e\n\u003cdiv class=\"bjq-options bjq-options-grid\"\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e☕\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eCafé franc\u003c\/strong\u003e\u003cspan\u003eLe vrai goût café, en plus doux\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🍫\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eChocolaté\u003c\/strong\u003e\u003cspan\u003eRond, cacaoté, réconfortant\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🌾\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eCéréales torréfiées\u003c\/strong\u003e\u003cspan\u003eNotes grillées, équilibrées\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🫖\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eÉpices chaï\u003c\/strong\u003e\u003cspan\u003eChaleureux, épicé, original\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🥜\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eGourmand noisette\u003c\/strong\u003e\u003cspan\u003eChoco, vanille et beurre de cacahuète\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bjq-back\"\u003e← Retour\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- Q3 Moment --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-step-label\"\u003eQuestion 3 sur 4\u003c\/div\u003e\n\u003ch3 class=\"bjq-q\"\u003eÀ quel moment le buvez-vous surtout ?\u003c\/h3\u003e\n\u003cdiv class=\"bjq-options\"\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🌅\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eLe matin\u003c\/strong\u003e\u003cspan\u003ePour un réveil tout en douceur\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🌤️\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eL'après-midi\u003c\/strong\u003e\u003cspan\u003eUn petit coup de boost sans excès\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🌙\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eLe soir\u003c\/strong\u003e\u003cspan\u003eUn moment cocooning sans déranger le sommeil\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bjq-back\"\u003e← Retour\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- Q4 Bénéfice --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-step-label\"\u003eQuestion 4 sur 4\u003c\/div\u003e\n\u003ch3 class=\"bjq-q\"\u003eQuel bénéfice recherchez-vous en priorité ?\u003c\/h3\u003e\n\u003cdiv class=\"bjq-options bjq-options-grid\"\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🧠\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eConcentration\u003c\/strong\u003e\u003cspan\u003eClarté d'esprit et focus\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🔋\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eVitalité\u003c\/strong\u003e\u003cspan\u003eÉnergie qui dure, immunité\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e🧘\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003eDétente\u003c\/strong\u003e\u003cspan\u003eZéro nervosité, apaisement\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003cbutton class=\"bjq-option\"\u003e\u003cspan class=\"bjq-option-emoji\"\u003e😋\u003c\/span\u003e\u003cspan class=\"bjq-option-txt\"\u003e\u003cstrong\u003ePlaisir gourmand\u003c\/strong\u003e\u003cspan\u003eUn vrai moment de réconfort\u003c\/span\u003e\u003c\/span\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bjq-back\"\u003e← Retour\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- Chargement --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-loading\"\u003e\n\u003cdiv class=\"bjq-spinner\"\u003e\u003c\/div\u003e\n\u003cp\u003eAnalyse de vos réponses…\u003c\/p\u003e\n\u003cdiv class=\"bjq-checks\"\u003e\n\u003cspan\u003e✓ Caféine\u003c\/span\u003e\u003cspan\u003e✓ Profil de goût\u003c\/span\u003e\u003cspan\u003e✓ Moment de la journée\u003c\/span\u003e\u003cspan\u003e✓ Bénéfice recherché\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Résultat --\u003e\n\u003cdiv class=\"bjq-screen\"\u003e\n\u003cdiv class=\"bjq-result\"\u003e\n\u003cdiv class=\"bjq-result-eyebrow\"\u003eVotre saveur idéale\u003c\/div\u003e\n\u003cdiv class=\"bjq-result-card\"\u003e\n\u003cdiv class=\"bjq-result-img-wrap\"\u003e\n\u003cimg id=\"bjq-r-img\" class=\"bjq-result-img\" alt=\"\" width=\"200\" height=\"200\" loading=\"lazy\"\u003e\n\u003cdiv class=\"bjq-match\" id=\"bjq-r-match\"\u003e✨ 95 % compatible\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bjq-result-body\"\u003e\n\u003ch3 id=\"bjq-r-name\" class=\"bjq-result-name\"\u003e\u003c\/h3\u003e\n\u003cdiv class=\"bjq-badges\" id=\"bjq-r-badges\"\u003e\u003c\/div\u003e\n\u003cp id=\"bjq-r-why\" class=\"bjq-result-why\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"bjq-result-price\"\u003e\n\u003cspan id=\"bjq-r-price\"\u003e\u003c\/span\u003e\u003cdel id=\"bjq-r-compare\" class=\"bjq-hide\"\u003e\u003c\/del\u003e\u003csmall\u003e· 30 portions\u003c\/small\u003e\u003cspan class=\"bjq-percup\" id=\"bjq-r-percup\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bjq-result-actions\"\u003e\n\u003cbutton id=\"bjq-r-cart\" class=\"bjq-buy\"\u003e\u003cspan\u003e🛒\u003c\/span\u003e\u003cspan class=\"bjq-buy-txt\"\u003eAjouter au panier\u003c\/span\u003e\u003c\/button\u003e\n\u003cspan id=\"bjq-r-added\" class=\"bjq-added\"\u003eAjouté ✓ \u003ca href=\"\/cart\"\u003eVoir le panier\u003c\/a\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bjq-error\" id=\"bjq-r-error\"\u003eOups, impossible d'ajouter au panier. Réessayez ou utilisez le bouton d'achat en haut de page.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bjq-alts\" id=\"bjq-alts\"\u003e\n\u003cp class=\"bjq-alts-title\"\u003eVous aimeriez aussi\u003c\/p\u003e\n\u003cdiv class=\"bjq-alts-list\" id=\"bjq-alts-list\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"bjq-restart\"\u003e↺ Recommencer le quiz\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ===== FIN QUIZ SAVEUR ===== --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- ============ CONTENU PREMIUM (mis à jour 6 saveurs) ============ --\u003e\n\u003cdiv class=\"bj-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"bj-hero\"\u003e\n\u003cdiv class=\"bj-hero-gradient\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-hero-content\"\u003e\n\u003cdiv class=\"bj-brand\"\u003eBONJOUR DRINK\u003c\/div\u003e\n\u003cspan class=\"bj-hero-title\"\u003eLe Réveil Bien-Être\u003c\/span\u003e\n\u003cdiv class=\"bj-hero-subtitle\"\u003eSuper Café aux Champignons Adaptogènes · Lion's Mane, Cordyceps \u0026amp; Chaga\u003c\/div\u003e\n\u003cdiv class=\"bj-short-description\"\u003e\n\u003cdiv class=\"bj-short-item\"\u003e\n\u003cstrong\u003e☕ 6 Saveurs\u003c\/strong\u003e\u003cspan\u003eDont 4 sans caféine (0 mg)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-short-item\"\u003e\n\u003cstrong\u003e🍄 3 Champignons Adaptogènes\u003c\/strong\u003e\u003cspan\u003eLion's Mane · Cordyceps · Chaga 2250mg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-short-item\"\u003e\n\u003cstrong\u003e✨ Énergie Sans Coup de Barre\u003c\/strong\u003e\u003cspan\u003ePas d'anxiété · Pas de palpitations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-short-item\"\u003e\n\u003cstrong\u003e🌱 100% Naturel\u003c\/strong\u003e\u003cspan\u003eVegan · Sans gluten · Sans sucres ajoutés\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-badges-top\"\u003e\n\u003cspan class=\"bj-badge\"\u003e☕ 30 Portions\u003c\/span\u003e \u003cspan class=\"bj-badge\"\u003e🍄 Adaptogènes\u003c\/span\u003e \u003cspan class=\"bj-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e \u003cspan class=\"bj-badge\"\u003e🌱 Vegan\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp class=\"bj-description\"\u003eOubliez le café qui vous met les nerfs en pelote. Imaginez un réveil différent : une tasse fumante entre les mains, un arôme subtil, une texture soyeuse, et cette promesse : \u003cstrong\u003e\"Aujourd'hui, pas de coup de barre. Juste de l'élan. Juste du calme. Juste vous, à 100 %.\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-emotion-box\"\u003e\n\u003cdiv class=\"bj-emotion-icon\"\u003e☀️\u003c\/div\u003e\n\u003ch2\u003eEt si le rituel du matin devenait un vrai moment de bien-être ?\u003c\/h2\u003e\n\u003cp\u003eOubliez les matins où l'on rêve d'un boost sans payer le prix fort : mains qui tremblent, ventre noué, fatigue qui retombe plus vite qu'elle n'est montée. Avec \u003cstrong\u003eBonjour Drink\u003c\/strong\u003e, découvrez une \u003cstrong\u003eénergie qui respecte votre rythme\u003c\/strong\u003e, des bienfaits réels, et un goût qui réconforte sans faux ersatz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CHAMPIGNONS --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eChampignons adaptogènes : Lion's Mane, Cordyceps \u0026amp; Chaga (2250 mg)\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-mushrooms-intro\"\u003e\n\u003cp\u003eChaque dose de \u003cstrong\u003eBonjour Drink\u003c\/strong\u003e contient \u003cstrong\u003e2 250 mg d'extraits concentrés de champignons adaptogènes\u003c\/strong\u003e, triés sur le volet pour leur effet prouvé. Seule la partie la plus riche, \u003cstrong\u003ele corps fructifère\u003c\/strong\u003e, est utilisée, avec une \u003cstrong\u003etriple extraction\u003c\/strong\u003e pour préserver tous les actifs. Ce socle est identique dans les 6 saveurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-mushrooms-grid\"\u003e\n\u003carticle class=\"bj-mushroom-card\"\u003e\n\u003cdiv class=\"bj-mushroom-visual\"\u003e\n\u003cdiv class=\"bj-mushroom-emoji\"\u003e🦁\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-amount\"\u003e750mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLion's Mane\u003c\/h3\u003e\n\u003cdiv class=\"bj-mushroom-latin\"\u003eHericium erinaceus\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-benefit\"\u003eClarté Mentale\u003c\/div\u003e\n\u003cp\u003eSoutien cognitif, mémoire et concentration. Le champignon de la \u003cstrong\u003eclarté d'esprit\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-mushroom-card\"\u003e\n\u003cdiv class=\"bj-mushroom-visual\"\u003e\n\u003cdiv class=\"bj-mushroom-emoji\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-amount\"\u003e750mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCordyceps\u003c\/h3\u003e\n\u003cdiv class=\"bj-mushroom-latin\"\u003eCordyceps militaris\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-benefit\"\u003eÉnergie Naturelle\u003c\/div\u003e\n\u003cp\u003eVitalité qui dure et coup de pouce à la motivation. \u003cstrong\u003eL'énergie durable\u003c\/strong\u003e sans coup de barre.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-mushroom-card\"\u003e\n\u003cdiv class=\"bj-mushroom-visual\"\u003e\n\u003cdiv class=\"bj-mushroom-emoji\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-amount\"\u003e750mg\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch3\u003eChaga\u003c\/h3\u003e\n\u003cdiv class=\"bj-mushroom-latin\"\u003eInonotus obliquus\u003c\/div\u003e\n\u003cdiv class=\"bj-mushroom-benefit\"\u003eBien-être \u0026amp; Immunité\u003c\/div\u003e\n\u003cp\u003eAntioxydant puissant pour renforcer vos défenses, \u003cstrong\u003enaturellement\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POURQUOI CHOISIR --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003ePourquoi choisir le café Bonjour Drink ?\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-benefits-grid\"\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch3\u003eÉnergie Respectueuse\u003c\/h3\u003e\n\u003cp\u003eLes versions caféinées ne contiennent que \u003cstrong\u003e35 mg de caféine\u003c\/strong\u003e, soit \u003cstrong\u003e5 fois moins qu'un espresso\u003c\/strong\u003e. Pas de montée trop rapide, pas de chute brutale.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3\u003e4 Saveurs Sans Caféine\u003c\/h3\u003e\n\u003cp\u003eCacao, Café Decaf, Rooibos Chaï et Choco Gourmand affichent \u003cstrong\u003e0 mg de caféine\u003c\/strong\u003e. À savourer à toute heure, \u003cstrong\u003emême le soir\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e🧘\u003c\/div\u003e\n\u003ch3\u003ePas d'Anxiété ni Palpitations\u003c\/h3\u003e\n\u003cp\u003eFini les mains qui tremblent, le ventre noué et le cœur qui bat la chamade. Juste une \u003cstrong\u003eénergie douce et durable\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e😋\u003c\/div\u003e\n\u003ch3\u003eGoût Irrésistible\u003c\/h3\u003e\n\u003cp\u003eDoux, rond, chaleureux. Rien à voir avec l'amertume d'un café industriel. \u003cstrong\u003e6 profils\u003c\/strong\u003e pour tous les palais.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e🌱\u003c\/div\u003e\n\u003ch3\u003eZéro Compromis Santé\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eVegan, sans gluten, sans lactose, sans sucres ajoutés, sans additifs.\u003c\/strong\u003e Fabriqué en France, testé en laboratoire.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-benefit-card\"\u003e\n\u003cdiv class=\"bj-benefit-icon\"\u003e🍽️\u003c\/div\u003e\n\u003ch3\u003eDigestion Douce\u003c\/h3\u003e\n\u003cp\u003eTrès \u003cstrong\u003edigeste\u003c\/strong\u003e, contrairement au café classique parfois irritant pour l'estomac.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BIENFAITS --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-visual-benefits\"\u003e\n\u003cdiv class=\"bj-visual-title\"\u003e\n\u003ch2\u003eLes bienfaits du Super Café aux champignons adaptogènes\u003c\/h2\u003e\n\u003cp\u003e2250 mg de champignons, sans additifs ni sucres, avec un goût irrésistible\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-visual-grid\"\u003e\n\u003cdiv class=\"bj-visual-item\"\u003e\n\u003cdiv class=\"bj-visual-emoji\"\u003e😋\u003c\/div\u003e\n\u003cstrong\u003eGoût Irrésistible\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-visual-item\"\u003e\n\u003cdiv class=\"bj-visual-emoji\"\u003e🚫\u003c\/div\u003e\n\u003cstrong\u003eSans Additifs et Sans Sucres\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-visual-item\"\u003e\n\u003cdiv class=\"bj-visual-emoji\"\u003e⚡\u003c\/div\u003e\n\u003cstrong\u003eÉnergie Durable\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-visual-item\"\u003e\n\u003cdiv class=\"bj-visual-emoji\"\u003e🍽️\u003c\/div\u003e\n\u003cstrong\u003eDigestion Améliorée\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-visual-item\"\u003e\n\u003cdiv class=\"bj-visual-emoji\"\u003e🧘\u003c\/div\u003e\n\u003cstrong\u003ePas d'Anxiété ni de Palpitations\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARATIF --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eCafé traditionnel VS Bonjour Drink\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-comparison-table\"\u003e\n\u003cdiv class=\"bj-comparison-header\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003eCritère\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eCafé Classique\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003eBonjour Drink\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eCaféine\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003e~100 mg\/tasse\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003e35 mg ou 0 mg\u003c\/strong\u003e selon la saveur\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eChoix de Saveurs\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eLimité\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003e6 saveurs\u003c\/strong\u003e, dont 4 sans caféine 🎯\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eEffet Coup de Barre\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eFréquent ⚠️\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003eQuasi Nul\u003c\/strong\u003e ✅\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eBienfaits Santé\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eAntioxydant, parfois irritant\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003eImmunité, Vitalité, Clarté Mentale\u003c\/strong\u003e 🍄\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eDigestibilité\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eParfois difficile\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003eTrès Douce\u003c\/strong\u003e ✅\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eConvient aux Régimes\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell\"\u003eParfois non\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003eVegan, Sans Gluten, Sans Lactose\u003c\/strong\u003e 🌱\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPOSITION --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eComposition du Bonjour Drink : que contient le Super Café ?\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-composition-intro\"\u003e\n\u003cp\u003eChez \u003cstrong\u003eBonjour Drink\u003c\/strong\u003e, la transparence est une promesse. Chaque ingrédient a été choisi pour sa pureté, sa traçabilité et son intérêt nutritionnel. \u003cstrong\u003eRien de caché, rien d'artificiel : juste l'essentiel.\u003c\/strong\u003e Le socle champignons est commun à toutes les saveurs, seule la base aromatique change d'une recette à l'autre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-ingredients-grid\"\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e🍄\u003c\/div\u003e\n\u003ch3\u003eExtraits de Champignons (2250mg)\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cem\u003eLion's Mane\u003c\/em\u003e 750mg, clarté mentale\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eCordyceps\u003c\/em\u003e 750mg, énergie naturelle\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eChaga\u003c\/em\u003e 750mg, immunité \u0026amp; antioxydants\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eTriple extraction du \u003cstrong\u003ecorps fructifère\u003c\/strong\u003e pour préserver tous les actifs.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003ePlantes \u0026amp; Actifs (450mg)\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cem\u003eMauve\u003c\/em\u003e 300mg, douceur \u0026amp; confort\u003c\/li\u003e\n\u003cli\u003e\n\u003cem\u003eGinseng\u003c\/em\u003e 150mg, tonus \u0026amp; vitalité\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eDes plantes adaptogènes sélectionnées pour \u003cstrong\u003ecompléter l'action des champignons\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e☕\u003c\/div\u003e\n\u003ch3\u003eBase Aromatique par Saveur\u003c\/h3\u003e\n\u003cp\u003eCafé arabica doux (versions Originale et Café, \u003cstrong\u003e35 mg\u003c\/strong\u003e), café ou cacao décaféiné, rooibos et épices, ou notes noisette selon la recette choisie.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e🍫\u003c\/div\u003e\n\u003ch3\u003eCacao Pur Dégraissé\u003c\/h3\u003e\n\u003cp\u003eApporte rondeur, notes gourmandes et minéraux naturels. Présent dans les recettes Originale, Cacao et Choco Gourmand.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n\u003ch3\u003eOrge Maltée Sans Gluten\u003c\/h3\u003e\n\u003cp\u003eSaveur céréale toastée, \u003cstrong\u003e100% digeste\u003c\/strong\u003e grâce au procédé de dégluténisation.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e🌿\u003c\/div\u003e\n\u003ch3\u003eChicorée Torréfiée\u003c\/h3\u003e\n\u003cp\u003ePour l'équilibre en bouche, une petite douceur réconfortante sans acidité, riche en \u003cstrong\u003efibres prébiotiques\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-ingredient-card bj-ingredient-natural\"\u003e\n\u003cdiv class=\"bj-ingredient-icon\"\u003e✅\u003c\/div\u003e\n\u003ch3\u003e100% Naturel\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAucun sucre ajouté, pas d'additif, ni conservateur, ni arôme artificiel.\u003c\/strong\u003e Produit vegan, sans gluten, sans lactose.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-lab-box\"\u003e\n\u003cdiv class=\"bj-lab-icon\"\u003e🔬\u003c\/div\u003e\n\u003cdiv class=\"bj-lab-content\"\u003e\n\u003ch3\u003eContrôlé en Laboratoire Indépendant\u003c\/h3\u003e\n\u003cp\u003eChaque lot est testé pour garantir l'\u003cstrong\u003eabsence totale de pesticides, métaux lourds ou OGM\u003c\/strong\u003e. Fabriqué en France avec des ingrédients traçables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- VALEURS NUTRITIONNELLES --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eValeurs nutritionnelles (pour une dose de 6 g)\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-comparison-table\"\u003e\n\u003cdiv class=\"bj-comparison-header\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003eIngrédient actif\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003ePour une dose (6 g)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\n\u003cstrong\u003eLion's Mane\u003c\/strong\u003e \u003cem\u003e(Hericium erinaceus)\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\n\u003cstrong\u003eCordyceps\u003c\/strong\u003e \u003cem\u003e(Cordyceps militaris)\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\n\u003cstrong\u003eChaga\u003c\/strong\u003e \u003cem\u003e(Inonotus obliquus)\u003c\/em\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\u003cstrong\u003e750 mg\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eMauve\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\u003cstrong\u003e300 mg\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eGinseng\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\u003cstrong\u003e150 mg\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-row\"\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-label\"\u003e\u003cstrong\u003eCaféine\u003c\/strong\u003e\u003c\/div\u003e\n\u003cdiv class=\"bj-comparison-cell bj-comparison-winner\"\u003e\n\u003cstrong\u003e35 mg\u003c\/strong\u003e (Originale, Café) · \u003cstrong\u003e0 mg\u003c\/strong\u003e (autres saveurs)\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MODE D'EMPLOI --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eMode d'emploi : préparer votre Super Café\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-usage-steps\"\u003e\n\u003carticle class=\"bj-usage-step\"\u003e\n\u003cdiv class=\"bj-usage-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"bj-usage-content\"\u003e\n\u003ch3\u003eDoser\u003c\/h3\u003e\n\u003cp\u003eAjoutez \u003cstrong\u003e1 cuillère doseuse (6 g)\u003c\/strong\u003e dans une tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-usage-step\"\u003e\n\u003cdiv class=\"bj-usage-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"bj-usage-content\"\u003e\n\u003ch3\u003eVerser\u003c\/h3\u003e\n\u003cp\u003eVersez \u003cstrong\u003e200 ml d'eau chaude\u003c\/strong\u003e ou de lait végétal.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-usage-step\"\u003e\n\u003cdiv class=\"bj-usage-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"bj-usage-content\"\u003e\n\u003ch3\u003eMélanger\u003c\/h3\u003e\n\u003cp\u003eMélangez bien. Pour une \u003cstrong\u003etexture crémeuse\u003c\/strong\u003e, utilisez un mousseur à lait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-usage-step\"\u003e\n\u003cdiv class=\"bj-usage-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"bj-usage-content\"\u003e\n\u003ch3\u003eDéguster !\u003c\/h3\u003e\n\u003cp\u003eSavourez votre moment de bien-être. \u003cstrong\u003eUn sachet = 30 portions.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SAVEURS (6 cartes avec images produit) --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003ch2 class=\"bj-title\"\u003e\u003cspan\u003eLes 6 saveurs Bonjour Drink\u003c\/span\u003e\u003c\/h2\u003e\n\u003cdiv class=\"bj-flavors-grid\"\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour_drink_originalemocha.png?v=1781262485\" alt=\"Bonjour Drink saveur Originale Mocha\" loading=\"lazy\"\u003e\n\u003ch3\u003eOriginale Mocha\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e35mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLa signature équilibrée\u003c\/strong\u003e : cacao et céréales grillées, réconfortante. Le goût passe-partout de Bonjour Drink.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour ceux qui aiment le chocolat chaud\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour-drink-saveur-super-cafe.jpg?v=1782638410\" alt=\"Bonjour Drink saveur Café\" loading=\"lazy\"\u003e\n\u003ch3\u003eCafé\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e35mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLe vrai goût café, en plus doux\u003c\/strong\u003e : pour les amateurs qui veulent éviter les inconvénients de l'espresso.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour les amateurs de café\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour-drink-saveur-super-cacao.webp?v=1782638252\" alt=\"Bonjour Drink saveur Cacao Décaféiné\" loading=\"lazy\"\u003e\n\u003ch3\u003eCacao Décaféiné\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e0mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eDoux et chocolaté, sans caféine\u003c\/strong\u003e : l'option gourmande à savourer à toute heure, même le soir.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour le soir ou sans caféine\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour-drink_30-portions_saveur-cafe-decaf_11zon.webp?v=1783006270\" alt=\"Bonjour Drink saveur Café Decaf\" loading=\"lazy\"\u003e\n\u003ch3\u003eCafé Decaf\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e0mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLe goût café et céréales torréfiées\u003c\/strong\u003e, sans une once de caféine. Pour l'énergie stable et la sérénité au quotidien.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour les amateurs de café sans caféine\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour-drink_30-portions_saveur-rooibos-chai_11zon.webp?v=1783006270\" alt=\"Bonjour Drink saveur Rooibos Chaï\" loading=\"lazy\"\u003e\n\u003ch3\u003eRooibos Chaï\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e0mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eLa rondeur du rooibos\u003c\/strong\u003e mêlée à des notes chaleureuses d'épices chaï. Réconfortant et original, sans caféine.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour un moment cocooning épicé\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"bj-flavor-card\"\u003e\u003cimg class=\"bj-flavor-img\" src=\"https:\/\/www.naturellement-bio.com\/cdn\/shop\/files\/bonjour-drink_30-portions_saveur-chocolat-gourmand_11zon.webp?v=1783006270\" alt=\"Bonjour Drink saveur Choco Gourmand\" loading=\"lazy\"\u003e\n\u003ch3\u003eChoco Gourmand\u003c\/h3\u003e\n\u003cdiv class=\"bj-flavor-badge\"\u003e0mg caféine\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eChocolat noisette\u003c\/strong\u003e enrobé de vanille bourbon et de beurre de cacahuète. La saveur la plus gourmande, sans caféine.\u003c\/p\u003e\n\u003cdiv class=\"bj-flavor-for\"\u003e✨ Pour les gourmands\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-flavors-tip\"\u003e\n\u003cdiv class=\"bj-flavors-tip-icon\"\u003e🌙☀️\u003c\/div\u003e\n\u003cp\u003e\u003cstrong\u003eEnvie de varier selon les moments ?\u003c\/strong\u003e Café ou Originale le matin, Rooibos Chaï l'après-midi, Cacao ou Choco Gourmand le soir. Pas sûr de votre choix ? \u003cstrong\u003eFaites le quiz saveur en haut de page.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SCENARIO --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-scenario-box\"\u003e\n\u003cdiv class=\"bj-scenario-icon\"\u003e💭\u003c\/div\u003e\n\u003ch2\u003eImaginez…\u003c\/h2\u003e\n\u003cp\u003eIl est 8h, vous ouvrez les yeux avec un peu d'appréhension. Vous avez besoin de concentration, mais pas d'un cœur qui bat la chamade. Vous faites chauffer l'eau, versez la poudre de \u003cstrong\u003eBonjour Drink\u003c\/strong\u003e dans votre mug préféré. Dès la première gorgée, c'est surprenant : \u003cstrong\u003edoux, rond, chaleureux\u003c\/strong\u003e. Rien à voir avec l'amertume d'un café industriel, rien à voir non plus avec ces boissons \"bien-être\" qui n'ont de naturel que le nom. C'est la pause dont votre corps avait besoin, \u003cstrong\u003esans la punition qui suit\u003c\/strong\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- QUALITE FRANCE --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-quality-france\"\u003e\n\u003cdiv class=\"bj-quality-france-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cdiv class=\"bj-quality-france-content\"\u003e\n\u003ch2\u003eFabriqué en France · Contrôlé en Laboratoire\u003c\/h2\u003e\n\u003cp\u003eTous les lots sont \u003cstrong\u003etestés en laboratoire indépendant\u003c\/strong\u003e pour garantir l'absence de pesticides, métaux lourds et OGM. Les champignons sont cultivés selon les normes les plus strictes, et chaque ingrédient est \u003cstrong\u003etraçable de A à Z\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cdiv class=\"bj-quality-features\"\u003e\n\u003cdiv class=\"bj-quality-feature\"\u003e\n\u003cdiv class=\"bj-quality-feature-icon\"\u003e✅\u003c\/div\u003e\n\u003cstrong\u003eTests Labo\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-quality-feature\"\u003e\n\u003cdiv class=\"bj-quality-feature-icon\"\u003e🌱\u003c\/div\u003e\n\u003cstrong\u003eIngrédients Traçables\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-quality-feature\"\u003e\n\u003cdiv class=\"bj-quality-feature-icon\"\u003e🇫🇷\u003c\/div\u003e\n\u003cstrong\u003eMade in France\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-quality-feature\"\u003e\n\u003cdiv class=\"bj-quality-feature-icon\"\u003e🔬\u003c\/div\u003e\n\u003cstrong\u003eSans Pesticides\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- POUR QUI --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-for-who-box\"\u003e\n\u003ch2\u003e👥 Pour qui est fait le Bonjour Drink ?\u003c\/h2\u003e\n\u003cdiv class=\"bj-for-who-grid\"\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e😰\u003c\/div\u003e\n\u003cstrong\u003eSensibles à la Caféine\u003c\/strong\u003e\u003cspan\u003eÉviter anxiété et palpitations\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e🧠\u003c\/div\u003e\n\u003cstrong\u003eBesoin de Concentration\u003c\/strong\u003e\u003cspan\u003eClarté mentale sans nervosité\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e⚡\u003c\/div\u003e\n\u003cstrong\u003eÉnergie Durable\u003c\/strong\u003e\u003cspan\u003eVitalité sans coup de barre\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e🍽️\u003c\/div\u003e\n\u003cstrong\u003eEstomacs Sensibles\u003c\/strong\u003e\u003cspan\u003eDigestion très douce\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e🌱\u003c\/div\u003e\n\u003cstrong\u003eRégimes Spéciaux\u003c\/strong\u003e\u003cspan\u003eVegan, sans gluten, sans lactose\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e🧘\u003c\/div\u003e\n\u003cstrong\u003eBien-être Global\u003c\/strong\u003e\u003cspan\u003eImmunité \u0026amp; vitalité naturelle\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e🌙\u003c\/div\u003e\n\u003cstrong\u003eConsommation Soir\u003c\/strong\u003e\u003cspan\u003e4 saveurs à 0mg de caféine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bj-for-who-item\"\u003e\n\u003cdiv class=\"bj-for-who-emoji\"\u003e😋\u003c\/div\u003e\n\u003cstrong\u003eGourmands\u003c\/strong\u003e\u003cspan\u003eChoco Gourmand, Rooibos Chaï et plus\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- AVIS EXPERT --\u003e\n\u003csection class=\"bj-section\"\u003e\n\u003cdiv class=\"bj-expert-box\"\u003e\n\u003cdiv class=\"bj-expert-icon\"\u003e💡\u003c\/div\u003e\n\u003cdiv class=\"bj-expert-content\"\u003e\n\u003ch2\u003eNotre avis d'expert\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003eBonjour Drink\u003c\/strong\u003e est LA solution pour toutes celles et ceux qui veulent garder le plaisir du café, tout en prenant soin de leur corps et de leur esprit. Avec 6 saveurs, dont 4 sans caféine, il y a une recette pour chaque moment de la journée. Un geste simple, pour un effet sur la durée, et surtout \u003cstrong\u003eun vrai plaisir au quotidien\u003c\/strong\u003e. Découvrez les \u003cstrong\u003eavis clients vérifiés\u003c\/strong\u003e juste en dessous.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA --\u003e\n\u003csection class=\"bj-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"bj-cta\"\u003e\n\u003ch3\u003eTransformez votre rituel du matin\u003c\/h3\u003e\n\u003cp\u003eUne tasse qui réveille en douceur, nourrit votre concentration, booste votre immunité et respecte votre corps. Sans nervosité, sans coup de barre, sans compromis sur le goût. Juste 6 g de poudre, 200ml d'eau chaude, et 30 matins transformés. Ça commence aujourd'hui.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- ============ FAQ ============ --\u003e\n\u003cdiv class=\"bj-faq\"\u003e\n\u003ch2 class=\"bj-faq-title\"\u003eQuestions fréquentes sur Bonjour Drink\u003c\/h2\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eCombien de saveurs existe-t-il et lesquelles sont sans caféine ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eIl existe 6 saveurs. Deux contiennent 35 mg de caféine (Originale Mocha et Café), et quatre sont totalement sans caféine à 0 mg : Cacao Décaféiné, Café Decaf, Rooibos Chaï et Choco Gourmand. Vous pouvez donc en boire même le soir avec les versions sans caféine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eQuelle saveur choisir si je débute ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eLa saveur Originale Mocha est la plus polyvalente, avec ses notes de cacao et de céréales grillées. Si vous êtes plutôt café, prenez la version Café. Et si vous voulez éviter la caféine, le Cacao Décaféiné est le plus consensuel. Le quiz saveur en haut de page vous oriente en 4 questions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eLes champignons adaptogènes sont-ils présents dans toutes les saveurs ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eOui. Le socle de 2 250 mg d'extraits de Lion's Mane, Cordyceps et Chaga, plus la mauve et le ginseng, est identique dans les 6 saveurs. Seule la base aromatique change d'une recette à l'autre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eQuel goût a Bonjour Drink ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eDoux, rond et réconfortant, loin de l'amertume d'un café industriel. Le profil dépend de la saveur : cacao et céréales pour l'Originale, café franc pour la version Café, chocolaté pour le Cacao, épices chaï pour le Rooibos, ou chocolat noisette gourmand pour le Choco Gourmand.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eComment le préparer ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eVersez une cuillère doseuse (6 g) dans une tasse, ajoutez 200 ml d'eau chaude ou de lait végétal, mélangez. Un mousseur à lait donne une texture bien crémeuse. Un sachet contient 30 portions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eConvient-il aux régimes vegan, sans gluten ou sans lactose ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eOui. Bonjour Drink est vegan, sans gluten, sans lactose, sans sucres ajoutés et sans additifs. L'orge maltée utilisée est dégluténisée pour rester 100% digeste.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"bj-faq-item\"\u003e\n\u003csummary\u003eOù est-il fabriqué et est-il contrôlé ?\u003c\/summary\u003e\n\u003cdiv class=\"bj-faq-a\"\u003e\n\u003cp\u003eIl est fabriqué en France. Chaque lot passe des tests en laboratoire indépendant pour garantir l'absence de pesticides, de métaux lourds et d'OGM. Tous les ingrédients sont traçables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n .bj-faq{max-width:900px;margin:clamp(3rem,6vw,5rem) auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}\n .bj-faq-title{font-size:clamp(26px,4vw,34px);font-weight:800;color:#2d2d2d;text-align:center;margin:0 0 2rem;letter-spacing:-.02em;}\n .bj-faq-item{background:#fff;border:1px solid #ede5d8;border-radius:14px;margin-bottom:12px;overflow:hidden;transition:border-color .3s ease;}\n .bj-faq-item[open]{border-color:#f9d842;}\n .bj-faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-size:clamp(15px,2vw,17px);font-weight:700;color:#2d2d2d;display:flex;justify-content:space-between;align-items:center;gap:1rem;}\n .bj-faq-item summary::-webkit-details-marker{display:none;}\n .bj-faq-item summary::after{content:'+';font-size:26px;font-weight:400;color:#b08900;flex-shrink:0;transition:transform .3s ease;line-height:1;}\n .bj-faq-item[open] summary::after{transform:rotate(45deg);}\n .bj-faq-item summary:hover{background:#fffdf5;}\n .bj-faq-a{padding:0 22px 20px;}\n .bj-faq-a p{font-size:clamp(14px,2vw,16px);line-height:1.75;color:#4a4a4a;margin:0;}\n\u003c\/style\u003e\n\u003c!-- ============ STYLE CONTENU PREMIUM ============ --\u003e\n\u003cstyle\u003e\n :root{--bj-cream:#fdfbf7;--bj-white:#ffffff;--bj-yellow:#f9d842;--bj-yellow-dark:#e5c236;--bj-yellow-light:#fff8e1;--bj-rose:#f5a8b8;--bj-rose-light:#fde4e8;--bj-blue:#a8d5f5;--bj-blue-light:#e3f2fd;--bj-text:#2d2d2d;--bj-text-light:#6b6b6b;--bj-border:#ede5d8;--bj-shadow:0 4px 20px rgba(249,216,66,.15);--bj-shadow-lg:0 8px 32px rgba(249,216,66,.25);--bj-radius:20px;}\n .bj-premium{max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2rem);background:var(--bj-cream);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}\n .bj-hero{position:relative;background:linear-gradient(135deg,#f9d842 0%,#fae674 50%,#fff8b3 100%);border-radius:var(--bj-radius);padding:clamp(3rem,7vw,5rem) clamp(2rem,5vw,4rem);margin-bottom:clamp(3rem,6vw,5rem);overflow:hidden;box-shadow:var(--bj-shadow-lg);}\n .bj-hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(245,168,184,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,213,245,.2) 0%,transparent 50%);opacity:.7;}\n .bj-hero-content{position:relative;z-index:1;}\n .bj-brand{font-size:clamp(10px,1.5vw,12px);font-weight:700;letter-spacing:2px;color:#8b6f00;margin-bottom:.75rem;text-align:center;text-transform:uppercase;}\n .bj-hero-title{display:block;color:var(--bj-text);font-size:clamp(36px,7vw,56px);font-weight:900;margin:0 0 .5rem 0;text-align:center;letter-spacing:-.04em;text-shadow:0 2px 8px rgba(249,216,66,.3);}\n .bj-hero-subtitle{color:var(--bj-text);font-size:clamp(15px,2.5vw,18px);font-weight:600;text-align:center;margin-bottom:2rem;letter-spacing:.3px;}\n .bj-short-description{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:var(--bj-radius);padding:clamp(1.5rem,3vw,2rem);margin-bottom:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;box-shadow:0 4px 20px rgba(0,0,0,.08);}\n .bj-short-item{display:flex;flex-direction:column;gap:.25rem;}\n .bj-short-item strong{font-size:clamp(14px,2vw,16px);font-weight:800;color:var(--bj-text);letter-spacing:-.01em;display:flex;align-items:center;gap:6px;}\n .bj-short-item span{font-size:clamp(12px,1.8vw,14px);color:var(--bj-text-light);line-height:1.4;}\n @media (max-width:720px){.bj-short-description{grid-template-columns:1fr;gap:1rem;}}\n .bj-badges-top{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1.5rem;}\n .bj-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgba(255,255,255,.3);backdrop-filter:blur(10px);border-radius:999px;font-size:13px;font-weight:700;color:var(--bj-text);border:2px solid rgba(255,255,255,.6);transition:all .3s ease;}\n .bj-badge:hover{background:rgba(255,255,255,.5);transform:translateY(-2px);}\n .bj-description{color:var(--bj-text);font-size:clamp(15px,2.2vw,17px);line-height:1.7;text-align:center;max-width:900px;margin:0 auto;}\n .bj-description strong{font-weight:700;color:#8b6f00;}\n .bj-section{margin-bottom:clamp(3.5rem,6vw,5rem);}\n .bj-title{font-size:clamp(28px,5vw,38px);font-weight:800;color:var(--bj-text);margin-bottom:clamp(2rem,4vw,3rem);text-align:center;letter-spacing:-.03em;position:relative;}\n .bj-title span{position:relative;display:inline-block;padding:0 2rem;background:var(--bj-cream);z-index:1;}\n .bj-title::before{content:'';position:absolute;top:50%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--bj-yellow) 50%,transparent 100%);border-radius:2px;}\n .bj-emotion-box{background:linear-gradient(135deg,var(--bj-yellow-light) 0%,var(--bj-rose-light) 100%);border:3px solid var(--bj-yellow);border-radius:var(--bj-radius);padding:clamp(2.5rem,4vw,3.5rem);text-align:center;box-shadow:var(--bj-shadow-lg);}\n .bj-emotion-icon{font-size:80px;margin-bottom:1rem;}\n .bj-emotion-box h2{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--bj-text);margin:0 0 1.5rem 0;letter-spacing:-.02em;}\n .bj-emotion-box p{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0;max-width:800px;margin-left:auto;margin-right:auto;}\n .bj-emotion-box strong{color:var(--bj-text);font-weight:700;}\n .bj-mushrooms-intro{background:var(--bj-white);border-radius:var(--bj-radius);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--bj-shadow);border-left:4px solid var(--bj-yellow);margin-bottom:2rem;text-align:center;}\n .bj-mushrooms-intro p{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0;}\n .bj-mushrooms-intro strong{color:var(--bj-text);font-weight:700;}\n .bj-mushrooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;}\n .bj-mushroom-card{background:var(--bj-white);border-radius:var(--bj-radius);padding:2rem 1.5rem;box-shadow:var(--bj-shadow);transition:all .3s ease;text-align:center;border:2px solid var(--bj-border);}\n .bj-mushroom-card:hover{transform:translateY(-8px);box-shadow:var(--bj-shadow-lg);border-color:var(--bj-yellow);}\n .bj-mushroom-visual{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;}\n .bj-mushroom-emoji{font-size:64px;}\n .bj-mushroom-amount{background:var(--bj-yellow-light);color:var(--bj-text);font-size:18px;font-weight:800;padding:6px 18px;border-radius:999px;border:2px solid var(--bj-yellow);}\n .bj-mushroom-card h3{font-size:22px;font-weight:700;color:var(--bj-text);margin:0 0 .5rem 0;letter-spacing:-.01em;}\n .bj-mushroom-latin{font-size:13px;font-style:italic;color:var(--bj-text-light);margin-bottom:1rem;}\n .bj-mushroom-benefit{background:linear-gradient(135deg,var(--bj-yellow-light) 0%,var(--bj-rose-light) 100%);color:var(--bj-text);font-size:14px;font-weight:700;padding:8px 16px;border-radius:999px;margin-bottom:1rem;display:inline-block;}\n .bj-mushroom-card p{font-size:14px;line-height:1.7;color:var(--bj-text-light);margin:0;}\n .bj-mushroom-card strong{color:var(--bj-text);font-weight:700;}\n .bj-benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}\n .bj-benefit-card{background:var(--bj-white);border-radius:var(--bj-radius);padding:2rem 1.5rem;box-shadow:var(--bj-shadow);transition:all .3s ease;text-align:center;border:2px solid var(--bj-border);}\n .bj-benefit-card:hover{transform:translateY(-8px);box-shadow:var(--bj-shadow-lg);border-color:var(--bj-yellow);}\n .bj-benefit-icon{font-size:52px;margin-bottom:1rem;}\n .bj-benefit-card h3{font-size:19px;font-weight:700;color:var(--bj-text);margin:0 0 .75rem 0;letter-spacing:-.01em;}\n .bj-benefit-card p{font-size:15px;line-height:1.7;color:var(--bj-text-light);margin:0;}\n .bj-benefit-card strong{color:var(--bj-text);font-weight:700;}\n .bj-visual-benefits{background:linear-gradient(135deg,var(--bj-blue-light) 0%,var(--bj-rose-light) 100%);border-radius:var(--bj-radius);padding:clamp(2.5rem,4vw,3.5rem);box-shadow:var(--bj-shadow-lg);}\n .bj-visual-title{text-align:center;margin-bottom:2rem;}\n .bj-visual-title h2{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--bj-text);margin:0 0 .75rem 0;letter-spacing:-.02em;}\n .bj-visual-title p{font-size:16px;color:var(--bj-text-light);margin:0;}\n .bj-visual-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;}\n .bj-visual-item{background:var(--bj-white);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;}\n .bj-visual-emoji{font-size:48px;}\n .bj-visual-item strong{font-size:16px;font-weight:700;color:var(--bj-text);}\n .bj-comparison-table{background:var(--bj-white);border-radius:var(--bj-radius);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--bj-shadow-lg);overflow-x:auto;}\n .bj-comparison-header,.bj-comparison-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;padding:1rem 0;border-bottom:2px solid var(--bj-border);}\n .bj-comparison-header{border-bottom-color:var(--bj-yellow);border-bottom-width:3px;}\n .bj-comparison-row:last-child{border-bottom:none;}\n .bj-comparison-cell{display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(13px,2vw,15px);color:var(--bj-text-light);padding:.5rem;}\n .bj-comparison-label{font-weight:700;color:var(--bj-text);justify-content:flex-start;text-align:left;}\n .bj-comparison-winner{background:var(--bj-yellow-light);border-radius:12px;font-weight:700;color:var(--bj-text);}\n @media (max-width:640px){.bj-comparison-header,.bj-comparison-row{grid-template-columns:1fr;gap:.5rem;}.bj-comparison-cell{justify-content:flex-start;text-align:left;}.bj-comparison-label::after{content:':';}}\n .bj-composition-intro{background:var(--bj-white);border-radius:var(--bj-radius);padding:clamp(1.5rem,3vw,2rem);box-shadow:var(--bj-shadow);border-left:4px solid var(--bj-yellow);margin-bottom:2rem;text-align:center;}\n .bj-composition-intro p{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0;}\n .bj-composition-intro strong{color:var(--bj-text);font-weight:700;}\n .bj-ingredients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2rem;}\n .bj-ingredient-card{background:var(--bj-white);border-radius:var(--bj-radius);padding:2rem 1.5rem;box-shadow:var(--bj-shadow);transition:all .3s ease;border:2px solid var(--bj-border);}\n .bj-ingredient-card:hover{transform:translateY(-8px);box-shadow:var(--bj-shadow-lg);border-color:var(--bj-yellow);}\n .bj-ingredient-icon{font-size:48px;margin-bottom:1rem;text-align:center;}\n .bj-ingredient-card h3{font-size:18px;font-weight:700;color:var(--bj-text);margin:0 0 1rem 0;letter-spacing:-.01em;text-align:center;}\n .bj-ingredient-card ul{margin:0 0 1rem 0;padding-left:1.5rem;}\n .bj-ingredient-card li{font-size:14px;line-height:1.8;color:var(--bj-text-light);margin-bottom:.5rem;}\n .bj-ingredient-card li em{font-weight:600;color:var(--bj-text);}\n .bj-ingredient-card p{font-size:14px;line-height:1.7;color:var(--bj-text-light);margin:0;text-align:center;}\n .bj-ingredient-card strong{color:var(--bj-text);font-weight:700;}\n .bj-ingredient-natural{background:linear-gradient(135deg,var(--bj-yellow-light) 0%,var(--bj-rose-light) 100%);border-color:var(--bj-yellow);}\n .bj-lab-box{background:linear-gradient(135deg,var(--bj-blue-light) 0%,var(--bj-yellow-light) 100%);border-radius:var(--bj-radius);padding:2rem;border:2px solid var(--bj-yellow);display:flex;gap:1.5rem;align-items:center;}\n .bj-lab-icon{font-size:64px;flex-shrink:0;}\n .bj-lab-content h3{font-size:20px;font-weight:700;color:var(--bj-text);margin:0 0 .75rem 0;letter-spacing:-.01em;}\n .bj-lab-content p{font-size:15px;line-height:1.8;color:var(--bj-text-light);margin:0;}\n .bj-lab-content strong{color:var(--bj-text);font-weight:700;}\n @media (max-width:640px){.bj-lab-box{flex-direction:column;text-align:center;}}\n .bj-usage-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;}\n .bj-usage-step{background:var(--bj-white);border-radius:var(--bj-radius);padding:2rem 1.5rem;box-shadow:var(--bj-shadow);transition:all .3s ease;text-align:center;border:2px solid var(--bj-border);display:flex;flex-direction:column;align-items:center;}\n .bj-usage-step:hover{transform:translateY(-8px);box-shadow:var(--bj-shadow-lg);border-color:var(--bj-yellow);}\n .bj-usage-number{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--bj-yellow) 0%,var(--bj-yellow-dark) 100%);color:white;font-size:28px;font-weight:900;display:grid;place-items:center;margin-bottom:1.5rem;box-shadow:0 4px 16px rgba(249,216,66,.4);}\n .bj-usage-content h3{font-size:18px;font-weight:700;color:var(--bj-text);margin:0 0 .75rem 0;letter-spacing:-.01em;}\n .bj-usage-content p{font-size:14px;line-height:1.7;color:var(--bj-text-light);margin:0;}\n .bj-usage-content strong{color:var(--bj-text);font-weight:700;}\n .bj-flavors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;}\n .bj-flavor-card{background:var(--bj-white);border-radius:var(--bj-radius);padding:1.5rem;box-shadow:var(--bj-shadow);transition:all .3s ease;text-align:center;border:2px solid var(--bj-border);}\n .bj-flavor-card:hover{transform:translateY(-8px);box-shadow:var(--bj-shadow-lg);border-color:var(--bj-yellow);}\n .bj-flavor-img{width:100%;height:200px;object-fit:contain;border-radius:14px;background:var(--bj-cream);margin-bottom:1rem;}\n .bj-flavor-card h3{font-size:22px;font-weight:700;color:var(--bj-text);margin:0 0 .75rem 0;letter-spacing:-.01em;}\n .bj-flavor-badge{display:inline-block;background:var(--bj-yellow-light);color:var(--bj-text);font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;border:2px solid var(--bj-yellow);margin-bottom:1rem;}\n .bj-flavor-card p{font-size:15px;line-height:1.7;color:var(--bj-text-light);margin:0 0 1rem 0;}\n .bj-flavor-card strong{color:var(--bj-text);font-weight:700;}\n .bj-flavor-for{font-size:13px;color:var(--bj-text-light);font-style:italic;}\n .bj-flavors-tip{background:linear-gradient(135deg,var(--bj-rose-light) 0%,var(--bj-blue-light) 100%);border-radius:var(--bj-radius);padding:2rem;border:2px solid var(--bj-yellow);display:flex;gap:1.5rem;align-items:center;}\n .bj-flavors-tip-icon{font-size:64px;flex-shrink:0;}\n .bj-flavors-tip p{font-size:16px;line-height:1.8;color:var(--bj-text);margin:0;}\n .bj-flavors-tip strong{font-weight:700;}\n @media (max-width:640px){.bj-flavors-tip{flex-direction:column;text-align:center;}}\n .bj-scenario-box{background:linear-gradient(135deg,var(--bj-yellow-light) 0%,var(--bj-rose-light) 100%);border:3px solid var(--bj-yellow);border-radius:var(--bj-radius);padding:clamp(2.5rem,4vw,3.5rem);box-shadow:var(--bj-shadow-lg);}\n .bj-scenario-icon{font-size:80px;text-align:center;margin-bottom:1rem;}\n .bj-scenario-box h2{font-size:clamp(26px,4vw,34px);font-weight:800;color:var(--bj-text);margin:0 0 1.5rem 0;text-align:center;letter-spacing:-.02em;}\n .bj-scenario-box p{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0;text-align:center;max-width:850px;margin-left:auto;margin-right:auto;}\n .bj-scenario-box strong{color:var(--bj-text);font-weight:700;}\n .bj-quality-france{background:linear-gradient(135deg,var(--bj-blue-light) 0%,var(--bj-yellow-light) 100%);border-radius:var(--bj-radius);padding:clamp(2.5rem,4vw,3.5rem);box-shadow:var(--bj-shadow-lg);border:3px solid var(--bj-yellow);display:flex;gap:2rem;align-items:flex-start;}\n .bj-quality-france-icon{font-size:80px;flex-shrink:0;}\n .bj-quality-france-content h2{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--bj-text);margin:0 0 1rem 0;letter-spacing:-.02em;}\n .bj-quality-france-content\u003ep{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0 0 2rem 0;}\n .bj-quality-france-content strong{color:var(--bj-text);font-weight:700;}\n .bj-quality-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;}\n .bj-quality-feature{background:var(--bj-white);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;}\n .bj-quality-feature-icon{font-size:36px;}\n .bj-quality-feature strong{font-size:14px;font-weight:700;color:var(--bj-text);}\n @media (max-width:767px){.bj-quality-france{flex-direction:column;align-items:center;text-align:center;}}\n .bj-for-who-box{background:var(--bj-white);border-radius:var(--bj-radius);padding:clamp(2rem,4vw,3rem);box-shadow:var(--bj-shadow-lg);border:3px solid var(--bj-yellow);}\n .bj-for-who-box h2{font-size:26px;font-weight:800;color:var(--bj-text);margin:0 0 2rem 0;text-align:center;letter-spacing:-.02em;}\n .bj-for-who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;}\n .bj-for-who-item{background:var(--bj-yellow-light);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;text-align:center;align-items:center;}\n .bj-for-who-emoji{font-size:48px;margin-bottom:.5rem;}\n .bj-for-who-item strong{font-size:16px;font-weight:700;color:var(--bj-text);letter-spacing:-.01em;}\n .bj-for-who-item span{font-size:13px;color:var(--bj-text-light);line-height:1.6;}\n .bj-expert-box{background:linear-gradient(135deg,var(--bj-rose-light) 0%,var(--bj-blue-light) 100%);border-radius:var(--bj-radius);padding:clamp(2.5rem,4vw,3.5rem);border:3px solid var(--bj-yellow);box-shadow:var(--bj-shadow-lg);display:flex;gap:2rem;align-items:center;}\n .bj-expert-icon{font-size:80px;flex-shrink:0;}\n .bj-expert-content h2{font-size:clamp(24px,4vw,32px);font-weight:800;color:var(--bj-text);margin:0 0 1rem 0;letter-spacing:-.02em;}\n .bj-expert-content p{font-size:clamp(15px,2vw,17px);line-height:1.8;color:var(--bj-text-light);margin:0;}\n .bj-expert-content strong{color:var(--bj-text);font-weight:700;}\n @media (max-width:640px){.bj-expert-box{flex-direction:column;text-align:center;}}\n .bj-cta{background:linear-gradient(135deg,var(--bj-yellow) 0%,var(--bj-yellow-dark) 100%);border-radius:var(--bj-radius);padding:clamp(3rem,5vw,4rem);text-align:center;box-shadow:var(--bj-shadow-lg);}\n .bj-cta h3{font-size:clamp(24px,5vw,32px);font-weight:800;color:var(--bj-text);margin:0 0 1rem 0;letter-spacing:-.03em;}\n .bj-cta p{color:var(--bj-text);font-size:clamp(15px,2.5vw,18px);line-height:1.8;margin:0;max-width:750px;margin-left:auto;margin-right:auto;}\n @media (prefers-reduced-motion:no-preference){\n .bj-mushroom-card,.bj-benefit-card,.bj-ingredient-card,.bj-usage-step,.bj-flavor-card,.bj-for-who-item{animation:fadeInUp .7s ease backwards;}\n .bj-mushroom-card:nth-child(1),.bj-benefit-card:nth-child(1),.bj-ingredient-card:nth-child(1),.bj-usage-step:nth-child(1),.bj-flavor-card:nth-child(1),.bj-for-who-item:nth-child(1){animation-delay:.1s;}\n .bj-mushroom-card:nth-child(2),.bj-benefit-card:nth-child(2),.bj-ingredient-card:nth-child(2),.bj-usage-step:nth-child(2),.bj-flavor-card:nth-child(2),.bj-for-who-item:nth-child(2){animation-delay:.2s;}\n .bj-mushroom-card:nth-child(3),.bj-benefit-card:nth-child(3),.bj-ingredient-card:nth-child(3),.bj-usage-step:nth-child(3),.bj-flavor-card:nth-child(3),.bj-for-who-item:nth-child(3){animation-delay:.3s;}\n .bj-benefit-card:nth-child(4),.bj-ingredient-card:nth-child(4),.bj-usage-step:nth-child(4),.bj-flavor-card:nth-child(4),.bj-for-who-item:nth-child(4){animation-delay:.4s;}\n .bj-benefit-card:nth-child(5),.bj-ingredient-card:nth-child(5),.bj-flavor-card:nth-child(5),.bj-for-who-item:nth-child(5){animation-delay:.5s;}\n .bj-benefit-card:nth-child(6),.bj-ingredient-card:nth-child(6),.bj-flavor-card:nth-child(6),.bj-for-who-item:nth-child(6){animation-delay:.6s;}\n .bj-for-who-item:nth-child(7){animation-delay:.7s;}\n .bj-for-who-item:nth-child(8){animation-delay:.8s;}\n }\n @keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}\n\u003c\/style\u003e","brand":"BONJOUR","offers":[{"title":"Originale","offer_id":55438418248057,"sku":"BONJOURDRINK_ORIGINAL","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Cacao Décaféïné","offer_id":55438418280825,"sku":"BONJOURDRINK_CACAO","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Café","offer_id":55438418313593,"sku":"BONJOURDRINK_CAFE","price":34.99,"currency_code":"EUR","in_stock":true},{"title":"Rooibos Chaï","offer_id":63869964484985,"sku":"BONJOURDRINK_ROOIBOS","price":32.99,"currency_code":"EUR","in_stock":true},{"title":"Café Decaf","offer_id":63869964517753,"sku":"BONJOURDRINK_CAFEDECAF","price":32.99,"currency_code":"EUR","in_stock":true},{"title":"Choco Gourmand","offer_id":63869964550521,"sku":"BONJOURDRINK_CHOCOGOURMAND","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/bonjour_drink_super-cafe-aux-champignons_1__11zon.jpg?v=1766658547"},{"product_id":"jus-de-noni-hawaiien-bio-500-ml-sfb","title":"Jus de Noni Hawaiien Bio - 500 ml - SFB","description":"\u003cdiv class=\"noni-premium\"\u003e\n \u003cdiv class=\"noni-hero\"\u003e\n \u003cdiv class=\"noni-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"noni-hero-content\"\u003e\n \u003cdiv class=\"noni-badges-top\"\u003e\n \u003cspan class=\"noni-badge\"\u003e🌿 100% Pur Jus\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e✅ Certifié Bio AB\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e🌋 Origine Hawaï\u003c\/span\u003e\n \u003cspan class=\"noni-badge\"\u003e🍶 500 ml\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"noni-hero-title\"\u003eJus de Noni Hawaïen Bio\u003c\/span\u003e\n \u003cp class=\"noni-subtitle\"\u003eLa force du naturel — SFB Laboratoires\u003c\/p\u003e\n \u003cp class=\"noni-description\"\u003eUn jus authentique de \u003cem\u003eMorinda citrifolia\u003c\/em\u003e cueilli à la main sur les terres volcaniques d'Hawaï. Pur à 100 %, sans additifs ni conservateurs, pour une routine bien-être sincère et puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003ePourquoi choisir ce jus de noni hawaïen ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-grid\"\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌿 100 % pur jus \u0026amp; certifié bio (AB)\u003c\/h3\u003e\n \u003cp\u003eNon reconstitué à partir de concentré, pour une qualité authentique et sans compromis.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌋 Origine hawaïenne authentique\u003c\/h3\u003e\n \u003cp\u003eFruits récoltés à maturité, à la main, sur des sols volcaniques riches en minéraux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🤲 Extraction artisanale\u003c\/h3\u003e\n \u003cp\u003ePression douce limitant l'oxydation et préservant les antioxydants naturels.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🍶 Flacon en verre teinté\u003c\/h3\u003e\n \u003cp\u003eProtège la fraîcheur et les nutriments sensibles à la lumière.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e💎 Profil naturel intéressant\u003c\/h3\u003e\n \u003cp\u003ePauvre en sucres, source d'enzymes, de vitamines et d'acides aminés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eBienfaits traditionnels du jus de noni\u003c\/h2\u003e\n \u003cp class=\"noni-section-intro\"\u003eUtilisé depuis plus de \u003cstrong\u003e2 000 ans\u003c\/strong\u003e par les peuples polynésiens, le \u003cstrong\u003enoni\u003c\/strong\u003e est traditionnellement consommé pour soutenir les défenses naturelles, le confort digestif et la vitalité générale.\u003c\/p\u003e\n \u003cdiv class=\"noni-grid-compact\"\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🛡️ Défenses naturelles\u003c\/h3\u003e\n \u003cp\u003eSoutien traditionnel du système immunitaire.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🌱 Confort digestif\u003c\/h3\u003e\n \u003cp\u003eAllié des routines bien-être polynésiennes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e⚡ Vitalité générale\u003c\/h3\u003e\n \u003cp\u003eRegain d'énergie évoqué après plusieurs semaines.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-card\"\u003e\n \u003ch3\u003e🍇 Antioxydants naturels\u003c\/h3\u003e\n \u003cp\u003eProxéronine, scopolétine et polyphénols.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"noni-disclaimer\"\u003eCes usages relèvent de la tradition et ne constituent pas une promesse médicale.\u003c\/p\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eComposition \u0026amp; valeurs nutritionnelles\u003c\/h2\u003e\n \u003cdiv class=\"noni-composition\"\u003e\n \u003cdiv class=\"noni-ingredient\"\u003e\n \u003cspan class=\"noni-ingredient-label\"\u003eIngrédient unique\u003c\/span\u003e\n \u003cp\u003e\u003cstrong\u003e100 % pur jus de Noni hawaïen biologique\u003c\/strong\u003e (\u003cem\u003eMorinda citrifolia\u003c\/em\u003e), non reconstitué.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutrition\"\u003e\n \u003ch3\u003eValeurs nutritionnelles moyennes pour 100 ml\u003c\/h3\u003e\n \u003cdiv class=\"noni-nutrition-grid\"\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eÉnergie\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e65 kJ \/ 15 kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eLipides\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0,08 g \u003csmall\u003e(AG \u0026lt; 0,05 g)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eGlucides\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e2,53 g \u003csmall\u003e(dont sucres : 2,50 g)\u003c\/small\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eProtéines\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0,50 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-nutri-item\"\u003e\n \u003cspan class=\"noni-nutri-label\"\u003eSodium\u003c\/span\u003e\n \u003cspan class=\"noni-nutri-value\"\u003e0 g\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003eComment prendre le jus de noni ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-timeline\"\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003ePosologie quotidienne\u003c\/h3\u003e\n \u003cp\u003e30 ml le matin, 15 minutes \u003cstrong\u003eavant le petit-déjeuner\u003c\/strong\u003e. Possibilité de fractionner en 1 cuillère à café à soupe, 1 à 3 fois par jour.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003eAstuce goût\u003c\/h3\u003e\n \u003cp\u003eLa saveur du noni est puissante et atypique. Vous pouvez le diluer dans un jus de fruit non sucré ou un peu d'eau.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-item\"\u003e\n \u003cdiv class=\"noni-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"noni-timeline-content\"\u003e\n \u003ch3\u003eDurée de cure\u003c\/h3\u003e\n \u003cp\u003eEntre \u003cstrong\u003e16 et 30 jours\u003c\/strong\u003e selon la posologie choisie.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003ch3\u003eConservation\u003c\/h3\u003e\n \u003cdiv class=\"noni-accordion\"\u003e\n \u003cdetails class=\"noni-accordion-item\"\u003e\n \u003csummary class=\"noni-accordion-header\"\u003e🧊 Conditions de conservation\u003c\/summary\u003e\n \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n \u003cp\u003eConserver à l'abri de la chaleur et de la lumière. \u003cstrong\u003eRéfrigérer après ouverture\u003c\/strong\u003e. À consommer dans les \u003cstrong\u003e30 jours après ouverture\u003c\/strong\u003e. Agiter avant emploi.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\"\u003e\n \u003ch2\u003ePrécautions et effets secondaires éventuels\u003c\/h2\u003e\n \u003cp class=\"noni-section-intro\"\u003eLe \u003cstrong\u003ejus de noni\u003c\/strong\u003e est généralement bien toléré. Toutefois, à fortes doses, il peut entraîner de légers troubles digestifs. Il est \u003cstrong\u003edéconseillé en cas de pathologie hépatique\u003c\/strong\u003e ou rénale, ainsi qu'en cas de prise d'anticoagulants (richesse en potassium).\u003c\/p\u003e\n \u003cdiv class=\"noni-accordion\"\u003e\n \u003cdetails class=\"noni-accordion-item\"\u003e\n \u003csummary class=\"noni-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"noni-accordion-content mt-3\"\u003e\n \u003cp\u003eNe se substitue pas à une alimentation variée et équilibrée. Déconseillé aux femmes enceintes, allaitantes et aux jeunes enfants sans avis médical. En cas de traitement médical, demandez conseil à votre professionnel de santé. Tenir hors de portée des enfants. \u003cstrong\u003eNe pas dépasser la dose recommandée\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"noni-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003ePour qui ce jus de noni bio est-il fait ?\u003c\/h2\u003e\n \u003cdiv class=\"noni-cta-box\"\u003e\n \u003cp\u003eCe \u003cstrong\u003ejus de noni hawaïen\u003c\/strong\u003e s'adresse à toute personne adulte souhaitant explorer les bienfaits traditionnels du noni dans le cadre d'une hygiène de vie soignée. Une alternative de qualité aux jus vendus en pharmacie ou en grande surface, avec la garantie d'un produit pur, bio et issu d'une fabrication respectueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --noni-cream: #faf6f2;\n --noni-white: #ffffff;\n --noni-primary: #6b2d5c;\n --noni-primary-dark: #441a3c;\n --noni-primary-light: #f3e8ef;\n --noni-secondary: #d4a574;\n --noni-accent: #8fb83e;\n --noni-text: #1a1a1a;\n --noni-text-light: #5a5a5a;\n --noni-border: #e5dfe3;\n --noni-shadow: 0 4px 24px rgba(107, 45, 92, .08);\n --noni-shadow-lg: 0 12px 48px rgba(107, 45, 92, .18);\n --noni-radius: 20px;\n --noni-radius-sm: 12px;\n}\n\n.noni-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--noni-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--noni-text);\n}\n\n.noni-hero {\n position: relative;\n background: linear-gradient(135deg, #441a3c 0%, #6b2d5c 50%, #8a4673 100%);\n border-radius: var(--noni-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(--noni-shadow-lg);\n}\n\n.noni-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(212, 165, 116, .3) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(143, 184, 62, .2) 0%, transparent 40%);\n opacity: .8;\n}\n\n.noni-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.noni-hero-title {\n display: block;\n color: white;\n font-size: clamp(28px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.3);\n}\n\n.noni-subtitle {\n color: var(--noni-secondary);\n font-size: clamp(15px, 2.5vw, 19px);\n font-weight: 600;\n margin: 0 0 1.25rem 0;\n font-style: italic;\n}\n\n.noni-description {\n color: rgba(255,255,255,.95);\n font-size: clamp(14px, 2.2vw, 16px);\n line-height: 1.7;\n max-width: 650px;\n margin: 0 auto;\n}\n\n.noni-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.noni-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(--noni-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.noni-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.noni-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.noni-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--noni-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.noni-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(--noni-primary), var(--noni-secondary));\n border-radius: 2px;\n}\n\n.noni-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--noni-text-light);\n margin: 0 auto 1.5rem;\n max-width: 700px;\n line-height: 1.7;\n}\n\n.noni-card {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--noni-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.noni-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--noni-shadow-lg);\n border-color: var(--noni-primary);\n}\n\n.noni-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.noni-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--noni-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.noni-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.noni-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.noni-grid-compact .noni-card {\n padding: 1rem;\n}\n\n.noni-grid-compact .noni-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.noni-grid-compact .noni-card p {\n font-size: 12px;\n}\n\n.noni-composition {\n display: grid;\n grid-template-columns: 1fr 1.3fr;\n gap: 1.5rem;\n align-items: stretch;\n}\n\n.noni-ingredient {\n background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n border-radius: var(--noni-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n color: white;\n display: flex;\n flex-direction: column;\n justify-content: center;\n box-shadow: var(--noni-shadow);\n}\n\n.noni-ingredient-label {\n display: inline-block;\n background: rgba(255,255,255,.2);\n padding: 6px 14px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: .5px;\n margin-bottom: 1rem;\n align-self: flex-start;\n}\n\n.noni-ingredient p {\n font-size: clamp(15px, 2.5vw, 17px);\n line-height: 1.7;\n margin: 0;\n}\n\n.noni-nutrition {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n padding: clamp(1.25rem, 3vw, 1.75rem);\n box-shadow: var(--noni-shadow);\n}\n\n.noni-nutrition h3 {\n font-size: 15px;\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 0 0 1rem 0;\n text-align: center;\n}\n\n.noni-nutrition-grid {\n display: flex;\n flex-direction: column;\n gap: .5rem;\n}\n\n.noni-nutri-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: .75rem 1rem;\n background: var(--noni-primary-light);\n border-radius: var(--noni-radius-sm);\n gap: 1rem;\n}\n\n.noni-nutri-label {\n font-weight: 700;\n color: var(--noni-primary-dark);\n font-size: 14px;\n}\n\n.noni-nutri-value {\n font-weight: 600;\n color: var(--noni-text);\n font-size: 14px;\n text-align: right;\n}\n\n.noni-nutri-value small {\n display: block;\n font-size: 11px;\n color: var(--noni-text-light);\n font-weight: 400;\n margin-top: 2px;\n}\n\n.noni-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n}\n\n.noni-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.noni-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--noni-primary), var(--noni-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(107, 45, 92, .25);\n}\n\n.noni-timeline-content {\n flex: 1;\n background: var(--noni-white);\n padding: 1rem 1.25rem;\n border-radius: var(--noni-radius-sm);\n box-shadow: var(--noni-shadow);\n}\n\n.noni-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--noni-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.noni-timeline-content p {\n font-size: 14px;\n color: var(--noni-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.noni-section h3 {\n font-size: clamp(17px, 3vw, 20px);\n font-weight: 800;\n color: var(--noni-primary-dark);\n margin: 1.5rem 0 1rem;\n text-align: center;\n}\n\n.noni-accordion {\n background: var(--noni-white);\n border-radius: var(--noni-radius);\n box-shadow: var(--noni-shadow);\n overflow: hidden;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.noni-accordion-item {\n border-bottom: 1px solid var(--noni-border);\n margin: 0;\n padding: 0;\n}\n\n.noni-accordion-item:last-child {\n border-bottom: none;\n}\n\n.noni-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--noni-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.noni-accordion-header:hover {\n background: var(--noni-primary-light);\n}\n\n.noni-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.noni-accordion-header::after {\n content: '+';\n font-size: 22px;\n font-weight: 400;\n color: var(--noni-primary);\n transition: transform .2s ease;\n}\n\n.noni-accordion-item[open] .noni-accordion-header::after {\n content: '−';\n}\n\n.noni-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--noni-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.noni-accordion-content p {\n margin: 0;\n}\n\n.noni-disclaimer {\n font-size: 12px;\n color: var(--noni-text-light);\n text-align: center;\n margin-top: 1rem;\n font-style: italic;\n}\n\n.noni-cta-box {\n background: linear-gradient(135deg, var(--noni-primary) 0%, var(--noni-primary-dark) 100%);\n border-radius: var(--noni-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--noni-shadow-lg);\n}\n\n.noni-cta-box::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -20%;\n width: 300px;\n height: 300px;\n background: radial-gradient(circle, rgba(212, 165, 116, .25) 0%, transparent 70%);\n pointer-events: none;\n}\n\n.noni-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 500;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n position: relative;\n z-index: 1;\n}\n\n@media (max-width: 767px) {\n .noni-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .noni-card {\n padding: 1.125rem;\n }\n \n .noni-section {\n margin-bottom: 1.75rem;\n }\n \n .noni-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--noni-radius-sm);\n }\n \n .noni-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n \n .noni-premium h2::after {\n width: 40px;\n height: 3px;\n }\n \n .noni-grid-compact {\n gap: .625rem;\n }\n \n .noni-grid-compact .noni-card {\n padding: .75rem;\n }\n \n .noni-composition {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n \n .noni-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n \n .noni-timeline-content {\n padding: .875rem 1rem;\n }\n \n .noni-timeline-content h3 {\n font-size: 14px;\n }\n \n .noni-timeline-content p {\n font-size: 13px;\n }\n \n .noni-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n \n .noni-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n \n .noni-nutri-item {\n padding: .625rem .875rem;\n }\n \n .noni-nutri-label,\n .noni-nutri-value {\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .noni-card {\n animation: noniFadeInUp .5s ease backwards;\n }\n .noni-card:nth-child(1) { animation-delay: .05s; }\n .noni-card:nth-child(2) { animation-delay: .1s; }\n .noni-card:nth-child(3) { animation-delay: .15s; }\n .noni-card:nth-child(4) { animation-delay: .2s; }\n .noni-card:nth-child(5) { animation-delay: .25s; }\n .noni-card:nth-child(6) { animation-delay: .3s; }\n}\n\n@keyframes noniFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .noni-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"SFB Laboratoires","offers":[{"title":"Default Title","offer_id":55629670613369,"sku":"SF0245","price":26.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/sfb_jus-noni_500ml.jpg?v=1755020617"},{"product_id":"super-matcha-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Matcha Dyna - Boisson aux Champignons \u0026 Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Matcha Dyna - Boisson aux champignons \u0026 plantes adaptogènes\nPalette détectée:\n - Primaire: #6B8770 (vert sauge du packaging, naturel et apaisant)\n - Secondaire: #E8DCC8 (beige crème chaleureux du fond)\n - Accent: #8FAA7E (vert clair pour highlights)\n - Tertiaire: #5A6F5E (vert foncé pour contrastes)\nAmbiance: Naturel premium, zen, bien-être holistique, alternative lifestyle\nStyle: Organique moderne avec une touche japonisante (matcha), épuré, chaleureux\nType: Complément alimentaire \/ boisson fonctionnelle\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003c!-- HERO SECTION --\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍵 Alternative au café\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% végétal\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🇫🇷 Made in France\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Matcha Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alliance du matcha japonais et des champignons adaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne boisson instantanée qui marie la douceur du matcha au lait de coco et la puissance de 3 champignons adaptogènes + ashwagandha KSM-66®. Pour une énergie stable, une concentration optimale et un bien-être global, sans nervosité ni crash.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- POUR QUI ? --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eCette boisson adaptogène est faite pour vous si…\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e☕\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous êtes sensible au café\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe matcha offre une stimulation douce et progressive, sans les effets indésirables de la caféine pure.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous avez besoin de focus\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eConcentration stable tout au long de la journée grâce à la L-théanine et aux champignons nootropiques.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eVous adorez le matcha\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eSaveur authentique et onctueuse sublimée par le lait de coco et les notes exotiques naturelles.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- BÉNÉFICES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes 5 bienfaits qui changent tout\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e01\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e💚 Énergie\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eStimulation progressive et maîtrisée grâce au matcha et au guarana, sans coup de pompe\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e02\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🧠 Concentration\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eClarté mentale prolongée avec la L-théanine du matcha et le Lion's Mane pour la mémoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e03\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🌸 Anti-stress\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eAshwagandha KSM-66® cliniquement prouvé pour réguler le cortisol et l'anxiété\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e04\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🛡️ Anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eTrio de champignons + matcha + curcuma pour protéger vos cellules du stress oxydatif\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-card\"\u003e\n \u003cdiv class=\"dyna-benefit-number\"\u003e05\u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-content\"\u003e\n \u003cp class=\"dyna-benefit-title\"\u003e🔥 Anti-inflammatoire\u003c\/p\u003e\n \u003cp class=\"dyna-benefit-desc\"\u003eCurcuma doux et champignons pour apaiser les inflammations internes\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- COMPOSITION --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne formule d'exception hautement concentrée\u003c\/h2\u003e\n \u003cdiv class=\"dyna-ingredients-grid\"\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍵\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eMatcha\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie douce \u0026amp; antioxydants\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eThé vert japonais premium riche en L-théanine pour une concentration zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🦁\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon nootropique pour stimuler la neurogenèse\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eChaga\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eDigestion \u0026amp; antioxydant\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRoi des champignons pour l'immunité et la détox\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🍄‍🟫\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eReishi\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e550 mg (10:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eChampignon de longévité pour l'équilibre corps-esprit\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cspan class=\"dyna-ingredient-dose\"\u003e300 mg (12:1)\u003c\/span\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eAdaptogène ayurvédique breveté pour gérer le stress chronique\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eGuarana\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eÉnergie progressive\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eStimulation naturelle et durable sans nervosité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eCurcuma\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eAnti-inflammatoire doux\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eRacine d'or pour apaiser l'inflammation interne\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ingredient-card\"\u003e\n \u003cdiv class=\"dyna-ingredient-visual\"\u003e🥥\u003c\/div\u003e\n \u003cp class=\"dyna-ingredient-name\"\u003eLait de coco\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-benefit\"\u003eOnctuosité végétale\u003c\/p\u003e\n \u003cp class=\"dyna-ingredient-desc\"\u003eTexture crémeuse naturelle sans lactose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MODE D'EMPLOI --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eComment préparer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e1 cuillère à café rase de poudre dans votre tasse préférée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003e150-200 ml d'eau chaude (70-80°C, non bouillante) ou une boisson végétale (avoine, coco, amande)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eFouettez énergiquement ou utilisez un mousseur à lait pour une texture veloutée\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eDégustez chaud ou tiède, le matin ou l'après-midi pour un boost zen\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-tip-box\"\u003e\n \u003cdiv\u003e\n \u003cp class=\"dyna-tip-title\"\u003e💡 Notre conseil\u003c\/p\u003e\n \u003cp class=\"dyna-tip-text\"\u003ePour une version glacée rafraîchissante : mélangez avec du lait de coco froid + glaçons + 1 cuillère de sirop d'agave. Parfait pour l'été !\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- MOMENTS IDÉAUX --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eQuand consommer votre Super Matcha ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-moments-grid\"\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e☀️ Matin\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRéveil en douceur\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eRemplacez votre café pour démarrer sereinement, sans nervosité ni pic de cortisol\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🕐 Milieu de matinée\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eBoost productif\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eAvant une réunion importante ou une session de travail intense nécessitant de la concentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-moment-card\"\u003e\n \u003cdiv class=\"dyna-moment-time\"\u003e🌤️ Après-midi\u003c\/div\u003e\n \u003cp class=\"dyna-moment-title\"\u003eRecentrage mental\u003c\/p\u003e\n \u003cp class=\"dyna-moment-text\"\u003eCombattez le coup de barre de 14h-16h avec une énergie stable jusqu'au soir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cp\u003e\u003cstrong\u003e⚠️ Important :\u003c\/strong\u003e Ne pas consommer à jeun. Évitez après 16h si vous êtes sensible à la caféine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- INFOS PRATIQUES --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenu\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003e182,1 g (6,07 g\/dose)\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eComposition\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e100% végétal\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eSans lactose, sans gluten\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🇫🇷\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFabrication\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eMade in France\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eIngrédients sourcés responsablement\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eFormat\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003ePoudre instantanée\u003c\/p\u003e\n \u003cp class=\"dyna-info-detail\"\u003eDissolution rapide et facile\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- PRÉCAUTIONS --\u003e\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'usage\u003c\/h2\u003e\n \u003cdiv class=\"dyna-precautions-box\"\u003e\n \u003cdiv class=\"dyna-precaution-header\"\u003e\n \u003cspan class=\"dyna-precaution-icon\"\u003e⚕️\u003c\/span\u003e\n \u003cp class=\"dyna-precaution-title\"\u003eComplément alimentaire - Ne remplace pas un traitement médical\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precautions-content\"\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e🚫 Contre-indications\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eFemmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003ePersonnes souffrant d'ulcère gastro-duodénal\u003c\/li\u003e\n \u003cli\u003eTroubles cardiaques ou hyperthyroïdie\u003c\/li\u003e\n \u003cli\u003eObstruction biliaire ou troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003ePathologies des voies biliaires\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e⚠️ Interactions médicamenteuses\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eDéconseillé avec anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003eConsultez un professionnel de santé en cas de traitement médicamenteux\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-precaution-group\"\u003e\n \u003cp class=\"dyna-precaution-subtitle\"\u003e☕ Caféine\u003c\/p\u003e\n \u003cul class=\"dyna-precaution-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003eContient de la caféine (matcha + guarana)\u003c\/li\u003e\n \u003cli\u003eNe pas consommer à jeun\u003c\/li\u003e\n \u003cli\u003eNe pas dépasser 800 mg de 3-gallate d'épigallocatéchine par jour\u003c\/li\u003e\n \u003cli\u003eNe pas consommer avec d'autres produits à base de thé vert le même jour\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cp class=\"dyna-precaution-footer\"\u003eÀ consommer dans le cadre d'un mode de vie sain et d'une alimentation équilibrée. Réservé aux adultes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003c!-- CTA FINAL --\u003e\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eVotre rituel bien-être commence ici\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eRejoignez des milliers de personnes qui ont troqué leur café pour une alternative naturelle qui prend soin de leur corps et de leur esprit. Énergie stable, concentration optimale, stress maîtrisé : découvrez la différence dès la première tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --dyna-cream: #faf8f5;\n --dyna-white: #ffffff;\n --dyna-primary: #6B8770;\n --dyna-primary-dark: #5A6F5E;\n --dyna-primary-light: #e8ede9;\n --dyna-secondary: #8FAA7E;\n --dyna-accent: #E8DCC8;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0e0e0;\n --dyna-shadow: 0 4px 24px rgba(107,135,112,.08);\n --dyna-shadow-lg: 0 12px 48px rgba(107,135,112,.15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n line-height: 1.6;\n color: var(--dyna-text);\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(255,255,255,.1) 20px, rgba(255,255,255,.1) 40px),\n repeating-linear-gradient(-45deg, transparent, transparent 20px, rgba(255,255,255,.08) 20px, rgba(255,255,255,.08) 40px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 1.5rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 6px 20px rgba(0,0,0,.15);\n}\n\n.dyna-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0,0,0,.2);\n}\n\n.dyna-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 600;\n margin: 0 0 1.5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n font-weight: 400;\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dyna-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(--dyna-primary), var(--dyna-secondary));\n border-radius: 2px;\n}\n\n\/* === CARDS === *\/\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-icon {\n font-size: clamp(40px, 8vw, 56px);\n margin-bottom: 1rem;\n filter: grayscale(20%);\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === BENEFITS === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-benefit-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-benefit-number {\n flex-shrink: 0;\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 12px rgba(107,135,112,.2);\n}\n\n.dyna-benefit-content {\n flex: 1;\n}\n\n.dyna-benefit-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-benefit-desc {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === INGREDIENTS === *\/\n.dyna-ingredients-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-ingredient-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n position: relative;\n}\n\n.dyna-ingredient-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-ingredient-visual {\n font-size: clamp(44px, 9vw, 60px);\n margin-bottom: 1rem;\n}\n\n.dyna-ingredient-name {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-ingredient-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n padding: 4px 12px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n margin-bottom: .75rem;\n}\n\n.dyna-ingredient-benefit {\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-ingredient-desc {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === STEPS === *\/\n.dyna-steps {\n display: grid;\n gap: 1.5rem;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.5rem;\n align-items: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 56px;\n height: 56px;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n font-weight: 900;\n color: white;\n box-shadow: 0 4px 16px rgba(107,135,112,.25);\n}\n\n.dyna-step-content {\n flex: 1;\n}\n\n.dyna-step-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-step-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === TIP BOX === *\/\n.dyna-tip-box {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n margin-top: 2rem;\n display: flex;\n gap: 1.5rem;\n align-items: flex-start;\n border-left: 4px solid var(--dyna-primary);\n}\n\n.dyna-tip-icon {\n font-size: 32px;\n margin: 0;\n flex-shrink: 0;\n}\n\n.dyna-tip-title {\n font-size: clamp(16px, 2.2vw, 19px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n}\n\n.dyna-tip-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === MOMENTS === *\/\n.dyna-moments-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-bottom: 2rem;\n}\n\n.dyna-moment-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-moment-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-moment-time {\n display: inline-block;\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: white;\n background: linear-gradient(135deg, var(--dyna-primary), var(--dyna-secondary));\n padding: 8px 20px;\n border-radius: 999px;\n margin-bottom: 1rem;\n box-shadow: 0 4px 12px rgba(107,135,112,.2);\n}\n\n.dyna-moment-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.01em;\n}\n\n.dyna-moment-text {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n\/* === WARNING BOX === *\/\n.dyna-warning-box {\n background: #fff9e6;\n border: 2px solid #ffc107;\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n text-align: center;\n}\n\n.dyna-warning-box p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === INFO GRID === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n text-align: center;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-primary);\n}\n\n.dyna-info-icon {\n font-size: clamp(36px, 7vw, 48px);\n margin-bottom: .75rem;\n}\n\n.dyna-info-label {\n font-size: clamp(13px, 1.8vw, 15px);\n font-weight: 600;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: clamp(18px, 2.8vw, 22px);\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0 0 .25rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-info-detail {\n font-size: clamp(13px, 1.8vw, 15px);\n color: var(--dyna-text-light);\n margin: 0;\n}\n\n\/* === PRÉCAUTIONS === *\/\n.dyna-precautions-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid var(--dyna-accent);\n}\n\n.dyna-precaution-header {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-bottom: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid var(--dyna-border);\n}\n\n.dyna-precaution-icon {\n font-size: 36px;\n flex-shrink: 0;\n}\n\n.dyna-precaution-title {\n font-size: clamp(17px, 2.5vw, 20px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.01em;\n}\n\n.dyna-precautions-content {\n display: grid;\n gap: 1.5rem;\n}\n\n.dyna-precaution-group {\n background: var(--dyna-primary-light);\n border-radius: var(--dyna-radius-sm);\n padding: clamp(1rem, 2vw, 1.5rem);\n}\n\n.dyna-precaution-subtitle {\n font-size: clamp(15px, 2.2vw, 18px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-precaution-list {\n margin: 0;\n padding-left: 1.5rem;\n list-style: none;\n}\n\n.dyna-precaution-list li {\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text);\n line-height: 1.8;\n margin-bottom: .5rem;\n position: relative;\n}\n\n.dyna-precaution-list li::before {\n content: '•';\n position: absolute;\n left: -1rem;\n color: var(--dyna-primary);\n font-weight: 900;\n}\n\n.dyna-precaution-footer {\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 2px solid var(--dyna-border);\n font-size: clamp(14px, 2vw, 16px);\n color: var(--dyna-text-light);\n text-align: center;\n font-weight: 600;\n}\n\n\/* === CTA FINAL === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, #6B8770 0%, #7A9580 50%, #8FAA7E 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n radial-gradient(circle at 20% 50%, white 2px, transparent 2px),\n radial-gradient(circle at 80% 80%, white 2px, transparent 2px);\n background-size: 60px 60px;\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 5vw, 36px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n}\n\n.dyna-cta-text {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.2vw, 18px);\n line-height: 1.7;\n font-weight: 500;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 1px 6px rgba(0,0,0,.08);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-benefits-grid,\n .dyna-ingredients-grid,\n .dyna-moments-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n\n .dyna-step {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-tip-box {\n flex-direction: column;\n text-align: center;\n }\n\n .dyna-precaution-header {\n flex-direction: column;\n text-align: center;\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card,\n .dyna-step,\n .dyna-moment-card,\n .dyna-info-card {\n animation: fadeInUp .6s ease backwards;\n }\n\n .dyna-card:nth-child(1),\n .dyna-benefit-card:nth-child(1),\n .dyna-ingredient-card:nth-child(1),\n .dyna-step:nth-child(1),\n .dyna-moment-card:nth-child(1),\n .dyna-info-card:nth-child(1) {\n animation-delay: .1s;\n }\n\n .dyna-card:nth-child(2),\n .dyna-benefit-card:nth-child(2),\n .dyna-ingredient-card:nth-child(2),\n .dyna-step:nth-child(2),\n .dyna-moment-card:nth-child(2),\n .dyna-info-card:nth-child(2) {\n animation-delay: .2s;\n }\n\n .dyna-card:nth-child(3),\n .dyna-benefit-card:nth-child(3),\n .dyna-ingredient-card:nth-child(3),\n .dyna-step:nth-child(3),\n .dyna-moment-card:nth-child(3),\n .dyna-info-card:nth-child(3) {\n animation-delay: .3s;\n }\n\n .dyna-card:nth-child(4),\n .dyna-benefit-card:nth-child(4),\n .dyna-ingredient-card:nth-child(4),\n .dyna-step:nth-child(4),\n .dyna-moment-card:nth-child(4),\n .dyna-info-card:nth-child(4) {\n animation-delay: .4s;\n }\n\n .dyna-card:nth-child(5),\n .dyna-benefit-card:nth-child(5),\n .dyna-ingredient-card:nth-child(5) {\n animation-delay: .5s;\n }\n\n .dyna-card:nth-child(6),\n .dyna-benefit-card:nth-child(6),\n .dyna-ingredient-card:nth-child(6) {\n animation-delay: .6s;\n }\n\n .dyna-ingredient-card:nth-child(7) {\n animation-delay: .7s;\n }\n\n .dyna-ingredient-card:nth-child(8) {\n animation-delay: .8s;\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-primary: #5A6F5E;\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .dyna-premium {\n background: white;\n }\n \n .dyna-hero,\n .dyna-cta-box {\n background: var(--dyna-primary-light) !important;\n color: var(--dyna-text) !important;\n }\n \n .dyna-card,\n .dyna-benefit-card,\n .dyna-ingredient-card {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692220563833,"sku":"SUPERMATCHA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-matcha-aux-champignons-dyna-min_11zon.jpg?v=1756972026"},{"product_id":"super-chai-dyna-boisson-aux-champignons-et-plantes-adaptogenes","title":"Super Chaï Dyna - Boisson aux Champignons et Plantes Adaptogènes","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Super Chaï Dyna - Boisson aux champignons et plantes adaptogènes\nPalette détectée:\n - Primaire: #4A3829 (brun profond du logo et typographie, évoquant le cacao et les épices)\n - Secondaire: #D2691E (terracotta\/cannelle des épices et du fond chaleureux)\n - Accent: #8B4513 (brun-orangé rappelant le chai et les épices chaudes)\n - Cream: #F5F0E8 (beige crémeux du packaging, chaleur naturelle)\nAmbiance: Naturel\/Ayurvédique, chaleureux, réconfortant, rituel bien-être\nStyle: Premium naturel avec une forte identité épicée et authentique\nPréfixe CSS: dyna\n--\u003e\n\n\u003cdiv class=\"dyna-premium\"\u003e\n \u003cdiv class=\"dyna-hero\"\u003e\n \u003cdiv class=\"dyna-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-hero-content\"\u003e\n \u003cdiv class=\"dyna-badges-top\"\u003e\n \u003cspan class=\"dyna-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🚫 Sans caféine\u003c\/span\u003e\n \u003cspan class=\"dyna-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"dyna-hero-title\"\u003eSuper Chaï Dyna\u003c\/span\u003e\n \u003cp class=\"dyna-subtitle\"\u003eL'alternative réconfortante au café\u003c\/p\u003e\n \u003cp class=\"dyna-description\"\u003eUne infusion aux champignons fonctionnels et épices ayurvédiques pour une énergie apaisée, une concentration naturelle et un équilibre intérieur profond. Sans stimulant, 100% plaisir.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePourquoi choisir Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-grid\"\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧘\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eZéro caféine, zéro stress\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eParfait pour les personnes sensibles aux stimulants ou qui recherchent une boisson réconfortante en soirée, sans perturber le sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eClarté mentale naturelle\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLe trio Lion's Mane, Chaga et Reishi soutient la concentration, la mémoire et la fonction cognitive sans effet rebond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🌱\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eRésilience au quotidien\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eL'Ashwagandha KSM-66® aide votre corps à s'adapter au stress et maintient votre équilibre émotionnel.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eDigestion \u0026amp; vitalité\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eLes épices chaudes (gingembre, cannelle, curcuma) stimulent la digestion et réchauffent de l'intérieur.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e🍫\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003eGoût authentique \u0026amp; gourmand\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eUn équilibre parfait entre le cacao brut, les épices chai et une touche de douceur naturelle.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-card\"\u003e\n \u003cdiv class=\"dyna-icon\"\u003e✨\u003c\/div\u003e\n \u003cp class=\"dyna-card-title\"\u003ePur \u0026amp; sans additifs\u003c\/p\u003e\n \u003cp class=\"dyna-card-text\"\u003eAucun sucre ajouté, aucun ingrédient chimique. Juste des plantes, des champignons et des épices de qualité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes meilleurs adaptogènes hautement concentrés\u003c\/h2\u003e\n \u003cdiv class=\"dyna-adaptogen-grid\"\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🦁\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eLion's Mane\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eClarté mentale \u0026amp; mémoire\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe champignon de la cognition, utilisé depuis des siècles pour stimuler les fonctions cérébrales et favoriser la neurogenèse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🍄\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eReishi\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eImmunité \u0026amp; sérénité\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eLe roi des champignons médicinaux. Renforce le système immunitaire et apaise l'esprit pour un repos profond.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌲\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eChaga\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e550 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eDigestion \u0026amp; anti-oxydant\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003ePuissant antioxydant naturel qui protège les cellules du stress oxydatif et soutient la santé digestive.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-card\"\u003e\n \u003cdiv class=\"dyna-adaptogen-visual\"\u003e🌿\u003c\/div\u003e\n \u003cdiv class=\"dyna-adaptogen-content\"\u003e\n \u003cp class=\"dyna-adaptogen-name\"\u003eAshwagandha KSM-66®\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-dose\"\u003e300 mg\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-benefit\"\u003eAnti-stress \u0026amp; équilibre\u003c\/p\u003e\n \u003cp class=\"dyna-adaptogen-desc\"\u003eL'extrait breveté le plus pur et le plus concentré, cliniquement prouvé pour réduire le cortisol et l'anxiété.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eUne symphonie d'épices ayurvédiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-spices-container\"\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🍫\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCacao brut\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌰\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCannelle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🔶\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCurcuma\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eCardamome\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🥜\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eMuscade\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🧡\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eGingembre\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌹\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003eClou de girofle\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-spice-item\"\u003e\n \u003cspan class=\"dyna-spice-icon\"\u003e🌶️\u003c\/span\u003e\n \u003cp class=\"dyna-spice-name\"\u003ePoivre noir\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePour qui est fait Super Chaï Dyna ?\u003c\/h2\u003e\n \u003cdiv class=\"dyna-target-grid\"\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e😴\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eSensibles à la caféine\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous cherchez une alternative réconfortante qui n'impacte ni votre sommeil ni votre système nerveux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🔥\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eAmateurs d'épices\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous aimez les saveurs chaudes, épicées et authentiques : cannelle, gingembre, cardamome...\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-target-card\"\u003e\n \u003cdiv class=\"dyna-target-icon\"\u003e🎯\u003c\/div\u003e\n \u003cp class=\"dyna-target-title\"\u003eConcentrés \u0026amp; zen\u003c\/p\u003e\n \u003cp class=\"dyna-target-text\"\u003eVous souhaitez rester focus et productif sans stimuler excessivement votre organisme.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eMode d'emploi : un rituel simple et apaisant\u003c\/h2\u003e\n \u003cdiv class=\"dyna-steps\"\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eDosez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez une cuillère à café (environ 4,3 g) dans votre tasse favorite.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eVersez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eAjoutez de l'eau chaude ou un lait végétal (avoine, amande, coco...) selon vos envies.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eMélangez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003eRemuez bien pour dissoudre la poudre et libérer tous les arômes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-step\"\u003e\n \u003cdiv class=\"dyna-step-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"dyna-step-content\"\u003e\n \u003cp class=\"dyna-step-title\"\u003eSavourez\u003c\/p\u003e\n \u003cp class=\"dyna-step-text\"\u003ePrenez un moment pour vous, respirez les épices et dégustez lentement.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-ritual-tip\"\u003e\n \u003cp\u003e💡 \u003cstrong\u003eConseil rituel\u003c\/strong\u003e : parfait en fin de journée, après le repas ou en soirée pour un moment de recentrage profond sans perturber votre sommeil.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eLes bénéfices au quotidien\u003c\/h2\u003e\n \u003cdiv class=\"dyna-benefits-grid\"\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e⚡\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eÉnergie durable\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🧠\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eConcentration\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e😌\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-stress\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🛡️\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-inflammatoire\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-benefit-item\"\u003e\n \u003cdiv class=\"dyna-benefit-icon\"\u003e🔬\u003c\/div\u003e\n \u003cp class=\"dyna-benefit-label\"\u003eAnti-oxydant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003eInformations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"dyna-info-grid\"\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e📦\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eContenance\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e128,7 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🥄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDoses\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e30 portions\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e⚖️\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eDose par portion\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e4,29 g\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🍄\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eAdaptogènes\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e1950 mg\/dose\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🚫\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003eSans caféine\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003e0% stimulant\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-info-card\"\u003e\n \u003cdiv class=\"dyna-info-icon\"\u003e🌿\u003c\/div\u003e\n \u003cp class=\"dyna-info-label\"\u003e100% naturel\u003c\/p\u003e\n \u003cp class=\"dyna-info-value\"\u003eSans additifs\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\"\u003e\n \u003ch2\u003ePrécautions d'emploi\u003c\/h2\u003e\n \u003cdiv class=\"dyna-warning-box\"\u003e\n \u003cdiv class=\"dyna-warning-header\"\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dyna-warning-content\"\u003e\n \u003cp\u003eSuper Chaï Dyna est un complément alimentaire à base de cacao, de champignons et de plantes. Il ne remplace pas un traitement médical et doit être consommé dans le cadre d'un mode de vie sain. Réservé à l'adulte.\u003c\/p\u003e\n \u003cul class=\"dyna-warning-list\" style=\"list-style:none;\"\u003e\n \u003cli\u003e❌ Déconseillé en cas d'obstruction biliaire ou de troubles de la fonction biliaire\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux femmes enceintes ou allaitantes\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé aux personnes sous anticoagulants, anticancéreux ou immunosuppresseurs\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas de pathologies des voies biliaires\u003c\/li\u003e\n \u003cli\u003e❌ Déconseillé en cas d'allergie croisée connue au baume du Pérou\u003c\/li\u003e\n \u003cli\u003e✅ Respecter la dose journalière recommandée\u003c\/li\u003e\n \u003cli\u003e✅ Tenir hors de portée des enfants\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"dyna-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003cdiv class=\"dyna-cta-box\"\u003e\n \u003cdiv class=\"dyna-cta-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"dyna-cta-content\"\u003e\n \u003cp class=\"dyna-cta-title\"\u003eRedécouvrez le plaisir d'une pause bien-être\u003c\/p\u003e\n \u003cp class=\"dyna-cta-text\"\u003eSans caféine, sans stress, sans compromis sur le goût. Super Chaï Dyna vous offre une énergie apaisée et une concentration naturelle, tasse après tasse.\u003c\/p\u003e\n \u003cdiv class=\"dyna-cta-badges\"\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🌿 100% naturel\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🍄 1950 mg d'adaptogènes\u003c\/span\u003e\n \u003cspan class=\"dyna-cta-badge\"\u003e🔥 Goût chai authentique\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --dyna-cream: #FDF8F1;\n --dyna-white: #ffffff;\n --dyna-primary: #4A3829;\n --dyna-primary-dark: #2d221a;\n --dyna-primary-light: #f8f5f1;\n --dyna-secondary: #D2691E;\n --dyna-accent: #8B4513;\n --dyna-terracotta: #CD853F;\n\n \/* Textes *\/\n --dyna-text: #1a1a1a;\n --dyna-text-light: #5a5a5a;\n\n \/* Effets *\/\n --dyna-border: #e0d5c7;\n --dyna-shadow: 0 4px 24px rgba(74, 56, 41, .08);\n --dyna-shadow-lg: 0 12px 48px rgba(74, 56, 41, .15);\n --dyna-radius: 20px;\n --dyna-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.dyna-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--dyna-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--dyna-text);\n line-height: 1.6;\n}\n\n\/* === HERO === *\/\n.dyna-hero {\n position: relative;\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-accent) 50%, var(--dyna-secondary) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(3rem, 7vw, 5rem) clamp(2rem, 5vw, 4rem);\n margin-bottom: clamp(3rem, 6vw, 5rem);\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .06;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px),\n repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(255,255,255,.1) 35px, rgba(255,255,255,.1) 70px);\n}\n\n.dyna-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 800px;\n margin: 0 auto;\n}\n\n.dyna-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n margin-bottom: 2rem;\n}\n\n.dyna-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(--dyna-primary-dark);\n box-shadow: 0 2px 12px rgba(0, 0, 0, .1);\n transition: all .3s ease;\n}\n\n.dyna-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.dyna-hero-title {\n display: block;\n color: white;\n font-size: clamp(32px, 7vw, 52px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.04em;\n text-shadow: 0 4px 20px rgba(0, 0, 0, .3);\n}\n\n.dyna-subtitle {\n display: block;\n color: rgba(255, 255, 255, .95);\n font-size: clamp(18px, 3vw, 24px);\n font-weight: 700;\n margin-bottom: 1rem;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-description {\n color: rgba(255, 255, 255, .9);\n font-size: clamp(15px, 2vw, 18px);\n line-height: 1.8;\n margin: 0;\n max-width: 700px;\n margin: 0 auto;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n\/* === SECTIONS === *\/\n.dyna-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.dyna-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin-bottom: clamp(1.5rem, 3vw, 2.5rem);\n text-align: center;\n letter-spacing: -.03em;\n position: relative;\n padding-bottom: 1rem;\n}\n\n.dyna-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(--dyna-secondary), var(--dyna-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.dyna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.dyna-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--dyna-shadow-lg);\n border-color: var(--dyna-secondary);\n}\n\n.dyna-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-card-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-card-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ADAPTOGÈNES === *\/\n.dyna-adaptogen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-adaptogen-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid var(--dyna-secondary);\n transition: all .3s ease;\n}\n\n.dyna-adaptogen-card:hover {\n transform: translateX(8px);\n box-shadow: var(--dyna-shadow-lg);\n border-left-color: var(--dyna-accent);\n}\n\n.dyna-adaptogen-visual {\n font-size: 56px;\n margin-bottom: 1rem;\n text-align: center;\n filter: drop-shadow(0 4px 12px rgba(0,0,0,.1));\n}\n\n.dyna-adaptogen-name {\n font-size: clamp(20px, 3vw, 24px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-adaptogen-dose {\n display: inline-block;\n background: var(--dyna-primary-light);\n color: var(--dyna-primary-dark);\n font-size: 14px;\n font-weight: 700;\n padding: 4px 12px;\n border-radius: 999px;\n margin-bottom: .75rem;\n}\n\n.dyna-adaptogen-benefit {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-secondary);\n margin: 0 0 .75rem 0;\n}\n\n.dyna-adaptogen-desc {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉPICES === *\/\n.dyna-spices-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-spice-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem 1rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-spice-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-spice-icon {\n display: block;\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.08));\n}\n\n.dyna-spice-name {\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === TARGET === *\/\n.dyna-target-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-target-card {\n background: linear-gradient(135deg, var(--dyna-white) 0%, var(--dyna-primary-light) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n text-align: center;\n transition: all .3s ease;\n}\n\n.dyna-target-card:hover {\n transform: translateY(-8px);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-target-icon {\n font-size: 48px;\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-target-title {\n font-size: clamp(18px, 2.5vw, 22px);\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .75rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-target-text {\n font-size: clamp(14px, 1.8vw, 16px);\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === ÉTAPES === *\/\n.dyna-steps {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n gap: 1.5rem;\n}\n\n.dyna-step {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: 1.5rem;\n box-shadow: var(--dyna-shadow);\n display: flex;\n gap: 1.25rem;\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-step:hover {\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-step-number {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: linear-gradient(135deg, var(--dyna-secondary), var(--dyna-accent));\n color: white;\n font-size: 24px;\n font-weight: 900;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(210, 105, 30, .3);\n}\n\n.dyna-step-title {\n font-size: 18px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0 0 .5rem 0;\n letter-spacing: -.02em;\n}\n\n.dyna-step-text {\n font-size: 14px;\n color: var(--dyna-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.dyna-ritual-tip {\n background: var(--dyna-primary-light);\n border-left: 4px solid var(--dyna-secondary);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n margin-top: 2rem;\n}\n\n.dyna-ritual-tip p {\n font-size: 15px;\n color: var(--dyna-primary-dark);\n margin: 0;\n line-height: 1.7;\n}\n\n\/* === BÉNÉFICES === *\/\n.dyna-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-benefit-item {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.75rem 1.25rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-benefit-item:hover {\n transform: scale(1.08);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-benefit-icon {\n font-size: 44px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-benefit-label {\n font-size: 15px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n margin: 0;\n}\n\n\/* === INFOS === *\/\n.dyna-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n gap: 1.25rem;\n}\n\n.dyna-info-card {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--dyna-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.dyna-info-card:hover {\n transform: scale(1.05);\n border-color: var(--dyna-secondary);\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-info-icon {\n font-size: 40px;\n margin-bottom: .75rem;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--dyna-text-light);\n margin: 0 0 .5rem 0;\n text-transform: uppercase;\n letter-spacing: .05em;\n}\n\n.dyna-info-value {\n font-size: 20px;\n font-weight: 900;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n\/* === WARNING === *\/\n.dyna-warning-box {\n background: var(--dyna-white);\n border-radius: var(--dyna-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--dyna-shadow);\n border-left: 4px solid #f59e0b;\n}\n\n.dyna-warning-header {\n display: flex;\n align-items: center;\n gap: .75rem;\n margin-bottom: 1.25rem;\n}\n\n.dyna-warning-icon {\n font-size: 32px;\n filter: drop-shadow(0 2px 8px rgba(0,0,0,.1));\n}\n\n.dyna-warning-title {\n font-size: 20px;\n font-weight: 800;\n color: var(--dyna-primary-dark);\n margin: 0;\n letter-spacing: -.02em;\n}\n\n.dyna-warning-content p {\n font-size: 15px;\n color: var(--dyna-text);\n line-height: 1.7;\n margin: 0 0 1rem 0;\n}\n\n.dyna-warning-list {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\n.dyna-warning-list li {\n font-size: 14px;\n color: var(--dyna-text-light);\n line-height: 1.8;\n padding: .5rem 0;\n border-bottom: 1px solid var(--dyna-border);\n}\n\n.dyna-warning-list li:last-child {\n border-bottom: none;\n}\n\n\/* === CTA === *\/\n.dyna-cta-box {\n background: linear-gradient(135deg, var(--dyna-primary) 0%, var(--dyna-primary-dark) 100%);\n border-radius: var(--dyna-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--dyna-shadow-lg);\n}\n\n.dyna-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: \n repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,.1) 40px, rgba(255,255,255,.1) 80px);\n}\n\n.dyna-cta-content {\n position: relative;\n z-index: 1;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.dyna-cta-title {\n color: white;\n font-size: clamp(24px, 4vw, 34px);\n font-weight: 900;\n margin: 0 0 1rem 0;\n letter-spacing: -.03em;\n text-shadow: 0 2px 12px rgba(0, 0, 0, .2);\n}\n\n.dyna-cta-text {\n color: rgba(255, 255, 255, .95);\n font-size: clamp(16px, 2.5vw, 19px);\n line-height: 1.8;\n margin: 0 0 2rem 0;\n text-shadow: 0 1px 8px rgba(0, 0, 0, .15);\n}\n\n.dyna-cta-badges {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 12px;\n}\n\n.dyna-cta-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 10px 20px;\n background: rgba(255, 255, 255, .95);\n backdrop-filter: blur(10px);\n border-radius: 999px;\n font-size: 14px;\n font-weight: 700;\n color: var(--dyna-primary-dark);\n box-shadow: 0 4px 16px rgba(0, 0, 0, .15);\n transition: all .3s ease;\n}\n\n.dyna-cta-badge:hover {\n transform: translateY(-4px) scale(1.05);\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .dyna-grid,\n .dyna-adaptogen-grid,\n .dyna-spices-container,\n .dyna-target-grid,\n .dyna-steps,\n .dyna-benefits-grid,\n .dyna-info-grid {\n grid-template-columns: 1fr;\n }\n \n .dyna-spices-container {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n\/* === ANIMATIONS === *\/\n@media (prefers-reduced-motion: no-preference) {\n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n animation: fadeInUp .6s ease backwards;\n }\n \n .dyna-card:nth-child(1),\n .dyna-adaptogen-card:nth-child(1),\n .dyna-target-card:nth-child(1),\n .dyna-step:nth-child(1) { animation-delay: .1s; }\n \n .dyna-card:nth-child(2),\n .dyna-adaptogen-card:nth-child(2),\n .dyna-target-card:nth-child(2),\n .dyna-step:nth-child(2) { animation-delay: .2s; }\n \n .dyna-card:nth-child(3),\n .dyna-adaptogen-card:nth-child(3),\n .dyna-target-card:nth-child(3),\n .dyna-step:nth-child(3) { animation-delay: .3s; }\n \n .dyna-card:nth-child(4),\n .dyna-adaptogen-card:nth-child(4),\n .dyna-step:nth-child(4) { animation-delay: .4s; }\n \n .dyna-card:nth-child(5),\n .dyna-card:nth-child(6) { animation-delay: .5s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .dyna-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .dyna-premium {\n --dyna-shadow: 0 0 0 2px currentColor;\n }\n \n .dyna-card,\n .dyna-adaptogen-card,\n .dyna-target-card,\n .dyna-step {\n border: 2px solid currentColor;\n }\n}\n\u003c\/style\u003e","brand":"DYNA","offers":[{"title":"Default Title","offer_id":55692287050105,"sku":"SUPERCHAIDYNA","price":34.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/super-chai-champignons-adaptogenes-dyna.jpg?v=1758546018"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/epicerie.webp?v=1790071803","url":"https:\/\/www.naturellement-bio.com\/collections\/epicerie.oembed?page=6","provider":"Naturellement Bio","version":"1.0","type":"link"}