{"title":"Café","description":"\u003cp\u003eUn café bio est cultivé sans pesticides ni engrais de synthèse. Ceux de cette sélection sont tous 100 % arabica, torréfiés en France par \u003ca href=\"\/collections\/les-cafes-dagobert\"\u003eLes Cafés Dagobert\u003c\/a\u003e et issus du commerce équitable. Reste à trouver le vôtre : en grains ou moulu, doux ou corsé, fruité ou chocolaté, et même sans caféine.\u003c\/p\u003e\n\u003ch2\u003eLe bon café selon vos goûts\u003c\/h2\u003e\n\u003cp\u003eCommencez par votre cafetière : nos cafés moulus sont prévus pour le filtre. Pour l'expresso, l'italienne ou le piston, prenez des grains et réglez la mouture vous-même. Ensuite, c'est une affaire de goût.\u003c\/p\u003e\n\u003cdiv style=\"overflow-x: auto;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 0.95em;\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eVotre envie\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eCafé à privilégier\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eCe que vous trouverez dans la tasse\u003c\/th\u003e\n\u003cth style=\"text-align: left !important; padding: 12px 10px !important; border: 1px solid #ddd !important; background: #3f5a3a !important; color: #ffffff !important; font-weight: 700 !important; opacity: 1 !important;\"\u003eFormat\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUn café doux pour tous les jours\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCafé Mon P'tit Bio\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eUn assemblage Pérou et Honduras torréfié d'un bloc : parfumé, équilibré, sans amertume marquée.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMoulu, 1 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDes notes florales\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003ca href=\"\/products\/moka-sidamo-100-arabica-bio-moulu-500g-les-cafes-dagobert\"\u003eMoka Sidamo\u003c\/a\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eUn arabica d'Éthiopie cultivé à 2 000 m : jasmin, confiture d'abricot, une tasse légère et longue en bouche.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMoulu 500 g, grains 1 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDu fruité\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCafé Pérou\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMangue, fruit de la passion et noisette, avec une texture ronde et suave.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGrains, 250 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eDu corps et du cacao\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCafé Brésil à la Voile\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eIntensité 8\/10, noisette et chocolat. Certifié Demeter et transporté à la voile.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eGrains, 500 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUn mélange de plusieurs origines\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMélange Globe-Trotteur\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003ePapouasie, Congo et Nicaragua : des agrumes, une touche fruitée, puis une finale chocolatée.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMoulu, 500 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUne tasse ronde et subtile\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eCafé Nicaragua\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAssez doux et parfumé, avec une belle acidité sans agressivité.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMoulu, 250 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eLe goût torréfié, sans caféine\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eAltercafé\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eLupin, sarrasin, orge et chicorée : des notes de noisette et de pain grillé, à boire aussi le soir.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eMoulu, 250 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003e\u003cstrong\u003eUn café instantané adouci à la chicorée\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eChicorée et Café bio de \u003ca href=\"\/collections\/cherico\"\u003eChérico\u003c\/a\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eChicorée et café bio solubles, prêts en quelques secondes. Celui-ci contient de la caféine.\u003c\/td\u003e\n\u003ctd style=\"padding: 10px; border: 1px solid #ddd; vertical-align: top;\"\u003eInstantané, 80 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp\u003eVous découvrez une origine ? Prenez un 250 g. Le format 1 kg, lui, convient aux grands buveurs de café, à la maison comme au bureau.\u003c\/p\u003e\n\u003ch2\u003eCafé en grains ou café moulu : ce qui change\u003c\/h2\u003e\n\u003cp\u003e\u003cstrong\u003e✓ En grains\u003c\/strong\u003e : le café garde ses arômes bien plus longtemps. On le moud juste avant la préparation, ce qui demande un moulin ou une machine à broyeur intégré. C'est aussi le seul choix sérieux pour l'expresso.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e✓ Moulu\u003c\/strong\u003e : prêt tout de suite, parfait pour la cafetière filtre. Il s'évente plus vite une fois le sachet ouvert : comptez trois à quatre semaines pour en profiter pleinement.\u003c\/p\u003e\n\u003ch2\u003eBio, équitable, Demeter : ce que garantissent les labels\u003c\/h2\u003e\n\u003cp\u003eLe label \u003cstrong\u003eAB\u003c\/strong\u003e et l'Eurofeuille garantissent une culture sans pesticides ni engrais de synthèse. Les certifications équitables comme \u003cstrong\u003eFair for Life\u003c\/strong\u003e assurent une rémunération plus juste aux producteurs : la coopérative du Moka Sidamo finance par exemple des écoles et des points d'accès à l'eau potable. \u003cstrong\u003eDemeter\u003c\/strong\u003e certifie l'agriculture biodynamique, plus exigeante encore que le bio européen ; c'est le cas du Brésil à la Voile.\u003c\/p\u003e\n\u003cp\u003eCôté emballage, la plupart des sachets Dagobert sont compostables : le film en contact avec le café est fabriqué à base de cellulose.\u003c\/p\u003e\n\u003ch2\u003eMoins de caféine, ou pas du tout\u003c\/h2\u003e\n\u003cp\u003ePour la tasse de l'après-midi ou du soir, l'Altercafé garde le rituel et le goût torréfié, sans caféine. Si vous aimez l'idée d'un café enrichi en champignons, regardez du côté de nos \u003ca href=\"\/collections\/cafe-aux-champignons\"\u003ecafés aux champignons adaptogènes\u003c\/a\u003e. Et quand l'envie d'une boisson chaude dure jusqu'au coucher, nos \u003ca href=\"\/collections\/thes-et-tisanes\"\u003ethés et tisanes\u003c\/a\u003e prennent le relais.\u003c\/p\u003e\n\u003ch2\u003ePour aller avec votre café\u003c\/h2\u003e\n\u003cp\u003eLe \u003ca href=\"\/products\/filtre-a-cafe-en-lin-bio-angie-be-green\"\u003efiltre à café réutilisable en lin bio\u003c\/a\u003e remplace les filtres en papier, sans goût de carton dans la tasse. Pour sucrer sans sucre blanc, le \u003ca href=\"\/products\/xylitol-bio-250g-qualidiet\"\u003exylitol bio\u003c\/a\u003e, extrait du bouleau, sucre à peu près comme le sucre classique. Le reste de notre \u003ca href=\"\/collections\/epicerie\"\u003eépicerie bio\u003c\/a\u003e est là pour compléter le panier.\u003c\/p\u003e\n\u003ch2\u003eBien conserver votre café\u003c\/h2\u003e\n\u003cp\u003eSachet bien refermé ou boîte hermétique et opaque, dans un placard sec, loin de la chaleur. Évitez le réfrigérateur : le café y prend l'humidité et les odeurs.\u003c\/p\u003e\n\u003ch2\u003eQuestions fréquentes\u003c\/h2\u003e\n\u003cdetails\u003e\n\u003csummary\u003eLe café bio a-t-il meilleur goût que le café classique ?\u003c\/summary\u003e\n\u003cp\u003eLe label bio garantit le mode de culture, pas le goût. Ce qui fait une bonne tasse, c'est surtout l'origine, l'altitude, la fraîcheur de la torréfaction et la mouture. Nos cafés ont une origine identifiée, sont 100 % arabica et torréfiés en France : de bonnes bases pour une tasse aromatique.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de tasses dans un paquet de café ?\u003c\/summary\u003e\n\u003cp\u003eSur la base d'environ 7 g de café par tasse, un paquet de 250 g donne à peu près 35 tasses, un 500 g environ 70 tasses et un 1 kg autour de 140 tasses. Le chiffre varie selon votre dosage et votre méthode de préparation.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003ePeut-on utiliser un café moulu pour filtre dans une cafetière italienne ou une machine expresso ?\u003c\/summary\u003e\n\u003cp\u003eÇa fonctionne, mais le résultat déçoit souvent : la mouture filtre est trop grosse pour ces méthodes, et le café sort clair et peu aromatique. Pour l'italienne ou l'expresso, prenez plutôt un café en grains et moulez-le plus finement.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eL'Altercafé est-il un café décaféiné ?\u003c\/summary\u003e\n\u003cp\u003eNon : il ne contient pas de café du tout. Il est fait de lupin, de sarrasin, d'orge et de chicorée, des ingrédients naturellement sans caféine. Attention en revanche aux allergies : l'orge contient du gluten, et le lupin est lui aussi un allergène.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCombien de temps se conserve un café moulu après ouverture ?\u003c\/summary\u003e\n\u003cp\u003eIl ne devient pas impropre à la consommation, mais il perd ses arômes au fil des semaines. Pour en profiter pleinement, finissez votre paquet de café moulu dans les trois à quatre semaines qui suivent l'ouverture, et fiez-vous à la date de durabilité minimale indiquée sur le sachet.\u003c\/p\u003e\n\u003c\/details\u003e","products":[{"product_id":"chicoree-et-cafe-bio-80g-cherico","title":"Chicorée et Café bio - 80g - Chérico","description":"\u003c!--\n=== ANALYSE VISUELLE ===\nProduit: Chicorée et Café bio - Chérico\nPalette détectée:\n - Primaire: #E74C3C (rouge terracotta\/orange du packaging et logo \"chérico\")\n - Secondaire: #87CEEB (bleu turquoise clair du fond de la boîte)\n - Accent: #FFA500 (jaune\/orange chaud de la première image)\nAmbiance: Rétro-moderne, énergique, vintage seventies avec typographie groovy, bio\/naturel mais fun et accessible. Univers café gourmand et convivial.\nPréfixe CSS: cher\n--\u003e\n\u003cdiv class=\"cher-premium\"\u003e\n\u003cdiv class=\"cher-hero\"\u003e\n\u003cdiv class=\"cher-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cher-hero-content\"\u003e\n\u003cdiv class=\"cher-badges-top\"\u003e\n\u003cspan class=\"cher-badge\"\u003e🌱 Bio certifié\u003c\/span\u003e \u003cspan class=\"cher-badge\"\u003e☕ Avec caféine\u003c\/span\u003e \u003cspan class=\"cher-badge\"\u003e⚡ Instantané\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"cher-hero-title\"\u003eChicorée \u0026amp; café bio\u003c\/span\u003e\n\u003cp class=\"cher-subtitle\"\u003eLes bénéfices de la chicorée, le kick du café en plus\u003c\/p\u003e\n\u003cp class=\"cher-description\"\u003eDécouvrez le meilleur des deux mondes : la douceur digestive de la chicorée associée à l'énergie du café bio. Une boisson instantanée qui réinvente votre pause café avec gourmandise et vitalité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e🌟 Pourquoi choisir Chérico ?\u003c\/h2\u003e\n\u003cdiv class=\"cher-grid\"\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003eDouble énergie\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003eLa caféine du café pour un boost immédiat, associée à l'énergie douce et durable de la chicorée. Le parfait équilibre pour tenir toute la journée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003e100% bio\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003eIngrédients issus de l'agriculture biologique certifiée. Pas de pesticides, pas de produits chimiques, juste le meilleur de la nature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003eInstantané\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003ePrêt en quelques secondes ! Versez, mélangez, savourez. Parfait pour les matins pressés ou les pauses express au bureau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e🍃\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003eDigestion facilitée\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003eLa chicorée est reconnue pour ses propriétés prébiotiques qui favorisent une digestion harmonieuse, contrairement au café pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e☕\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003eGoût authentique\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003eLe caractère torréfié de la chicorée se marie parfaitement avec les arômes du café. Une saveur ronde, profonde et délicieusement réconfortante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-card\"\u003e\n\u003cdiv class=\"cher-card-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"cher-card-title\"\u003eMoins acidité\u003c\/div\u003e\n\u003cp class=\"cher-card-text\"\u003eGrâce à la chicorée, cette boisson est moins acide qu'un café traditionnel. Plus douce pour l'estomac, plus agréable à déguster.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e🔬 Composition naturelle\u003c\/h2\u003e\n\u003cdiv class=\"cher-composition-grid\"\u003e\n\u003cdiv class=\"cher-ingredient-card\"\u003e\n\u003cdiv class=\"cher-ingredient-icon\"\u003e🌾\u003c\/div\u003e\n\u003cdiv class=\"cher-ingredient-name\"\u003eChicorée torréfiée bio\u003c\/div\u003e\n\u003cp class=\"cher-ingredient-desc\"\u003eRacine de chicorée soigneusement torréfiée, riche en inuline (fibre prébiotique) qui favorise le bien-être digestif et nourrit votre microbiote.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-ingredient-card\"\u003e\n\u003cdiv class=\"cher-ingredient-icon\"\u003e☕\u003c\/div\u003e\n\u003cdiv class=\"cher-ingredient-name\"\u003eCafé arabica bio\u003c\/div\u003e\n\u003cp class=\"cher-ingredient-desc\"\u003eGrains de café arabica bio torréfiés avec expertise, apportant la caféine naturelle et les arômes corsés que vous aimez dans votre tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-banner\"\u003e\n\u003cspan class=\"cher-info-icon\"\u003eℹ️\u003c\/span\u003e\n\u003cp\u003eSans sucres ajoutés • Sans arômes artificiels • Sans conservateurs • Vegan • Sans gluten\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e☕ Mode de préparation\u003c\/h2\u003e\n\u003cdiv class=\"cher-steps-container\"\u003e\n\u003cdiv class=\"cher-step\"\u003e\n\u003cdiv class=\"cher-step-number\"\u003e1\u003c\/div\u003e\n\u003cdiv class=\"cher-step-content\"\u003e\n\u003cdiv class=\"cher-step-title\"\u003eDosez\u003c\/div\u003e\n\u003cp class=\"cher-step-text\"\u003eVersez 1 à 2 cuillères à café de poudre dans votre tasse (selon votre goût et l'intensité désirée).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-step\"\u003e\n\u003cdiv class=\"cher-step-number\"\u003e2\u003c\/div\u003e\n\u003cdiv class=\"cher-step-content\"\u003e\n\u003cdiv class=\"cher-step-title\"\u003eAjoutez l'eau\u003c\/div\u003e\n\u003cp class=\"cher-step-text\"\u003eVersez 200 ml d'eau chaude (non bouillante, environ 80-85°C pour préserver les arômes).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-step\"\u003e\n\u003cdiv class=\"cher-step-number\"\u003e3\u003c\/div\u003e\n\u003cdiv class=\"cher-step-content\"\u003e\n\u003cdiv class=\"cher-step-title\"\u003eMélangez\u003c\/div\u003e\n\u003cp class=\"cher-step-text\"\u003eRemuez quelques secondes jusqu'à dissolution complète de la poudre.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-step\"\u003e\n\u003cdiv class=\"cher-step-number\"\u003e4\u003c\/div\u003e\n\u003cdiv class=\"cher-step-content\"\u003e\n\u003cdiv class=\"cher-step-title\"\u003ePersonnalisez\u003c\/div\u003e\n\u003cp class=\"cher-step-text\"\u003eAjoutez lait végétal, sucre, miel ou épices selon vos envies. Savourez chaud ou froid !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e🎯 Parfait pour vous si...\u003c\/h2\u003e\n\u003cdiv class=\"cher-grid\"\u003e\n\u003cdiv class=\"cher-profile-card\"\u003e\n\u003cdiv class=\"cher-profile-emoji\"\u003e👨💼\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-title\"\u003eVous êtes actif\u003c\/div\u003e\n\u003cp class=\"cher-profile-text\"\u003eBesoin d'énergie le matin et de concentration dans la journée sans les effets secondaires du café pur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-card\"\u003e\n\u003cdiv class=\"cher-profile-emoji\"\u003e🧘♀️\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-title\"\u003eVous cherchez l'équilibre\u003c\/div\u003e\n\u003cp class=\"cher-profile-text\"\u003eVous voulez les bienfaits du café mais avec moins d'acidité et un impact plus doux sur votre système digestif.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-card\"\u003e\n\u003cdiv class=\"cher-profile-emoji\"\u003e🌱\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-title\"\u003eVous consommez bio\u003c\/div\u003e\n\u003cp class=\"cher-profile-text\"\u003eVous privilégiez les produits naturels, sans produits chimiques, respectueux de votre santé et de la planète.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-card\"\u003e\n\u003cdiv class=\"cher-profile-emoji\"\u003e⏰\u003c\/div\u003e\n\u003cdiv class=\"cher-profile-title\"\u003eVous manquez de temps\u003c\/div\u003e\n\u003cp class=\"cher-profile-text\"\u003eVous cherchez une solution rapide et pratique pour votre pause café, sans machine ni préparation compliquée.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e💡 Les bienfaits de la chicorée\u003c\/h2\u003e\n\u003cdiv class=\"cher-benefits-grid\"\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e🌿\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eRiche en inuline, une fibre prébiotique qui nourrit les bonnes bactéries intestinales\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e✨\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eFavorise une digestion harmonieuse et le confort intestinal\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e💪\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eSource naturelle de minéraux (potassium, calcium, magnésium)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e🛡️\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eAntioxydants naturels qui protègent les cellules du stress oxydatif\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e❤️\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eAide à réguler le transit et maintenir un poids de forme\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-benefit-item\"\u003e\n\u003cspan class=\"cher-benefit-icon\"\u003e🌟\u003c\/span\u003e \u003cspan class=\"cher-benefit-text\"\u003eEffet détoxifiant naturel, soutient les fonctions hépatiques\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e📦 Informations pratiques\u003c\/h2\u003e\n\u003cdiv class=\"cher-info-grid\"\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eContenance\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003e80g\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eFormat\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003ePoudre instantanée\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eNombre de tasses\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003eEnviron 40 tasses\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eConservation\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003eÀ l'abri de la lumière et de l'humidité\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eCertification\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003eAgriculture biologique\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-info-card\"\u003e\n\u003cdiv class=\"cher-info-label\"\u003eContient\u003c\/div\u003e\n\u003cdiv class=\"cher-info-value\"\u003eCaféine naturelle\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"cher-section\"\u003e\n\u003ch2\u003e⚠️ Conseils et précautions\u003c\/h2\u003e\n\u003cdiv class=\"cher-warning-box\"\u003e\n\u003cdiv class=\"cher-warning-item\"\u003e\n\u003cspan class=\"cher-warning-icon\"\u003e☕\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCaféine :\u003c\/strong\u003e Ce produit contient de la caféine naturelle. À consommer avec modération, particulièrement le soir. Déconseillé aux femmes enceintes, allaitantes et aux enfants.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-warning-item\"\u003e\n\u003cspan class=\"cher-warning-icon\"\u003e🌡️\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eConservation :\u003c\/strong\u003e Refermez soigneusement le couvercle après chaque utilisation. Conservez dans un endroit sec, à l'abri de la lumière et de l'humidité pour préserver tous les arômes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-warning-item\"\u003e\n\u003cspan class=\"cher-warning-icon\"\u003e💊\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eCompléments :\u003c\/strong\u003e Ne remplace pas une alimentation variée et équilibrée ni un mode de vie sain. Respectez les doses recommandées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cher-warning-item\"\u003e\n\u003cspan class=\"cher-warning-icon\"\u003e🌾\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003eAllergies :\u003c\/strong\u003e La chicorée peut provoquer des réactions chez les personnes allergiques aux plantes de la famille des Astéracées (marguerite, pissenlit).\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection style=\"margin-bottom: 0px!important;\" class=\"cher-section\"\u003e\n\u003cdiv class=\"cher-cta-box\"\u003e\n\u003cdiv class=\"cher-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cher-cta-content\"\u003e\n\u003cp class=\"cher-cta-text\"\u003ePrêt à réinventer votre pause café ? Chérico vous offre l'alliance parfaite entre plaisir, énergie et bien-être. Une expérience gustative unique qui prend soin de vous, tasse après tasse. ☕✨\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n\/* === VARIABLES === *\/\n:root {\n \/* Couleurs principales *\/\n --cher-cream: #fef9f5;\n --cher-white: #ffffff;\n --cher-primary: #E74C3C;\n --cher-primary-dark: #C0392B;\n --cher-primary-light: #FFF0ED;\n --cher-secondary: #87CEEB;\n --cher-accent: #FFA500;\n\n \/* Textes *\/\n --cher-text: #1a1a1a;\n --cher-text-light: #5a5a5a;\n\n \/* Effets *\/\n --cher-border: #e0e0e0;\n --cher-shadow: 0 4px 24px rgba(231,76,60,.08);\n --cher-shadow-lg: 0 12px 48px rgba(231,76,60,.15);\n --cher-radius: 20px;\n --cher-radius-sm: 12px;\n}\n\n\/* === CONTENEUR === *\/\n.cher-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--cher-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n}\n\n\/* === HERO === *\/\n.cher-hero {\n position: relative;\n background: linear-gradient(135deg, var(--cher-secondary) 0%, var(--cher-accent) 50%, var(--cher-primary) 100%);\n border-radius: var(--cher-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(--cher-shadow-lg);\n}\n\n.cher-hero-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .05;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 20px),\n repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,.3) 10px, rgba(255,255,255,.3) 20px);\n}\n\n.cher-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.cher-badges-top {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n justify-content: center;\n margin-bottom: 2rem;\n}\n\n.cher-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(--cher-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.cher-badge:hover {\n transform: translateY(-2px) scale(1.05);\n box-shadow: 0 4px 20px rgba(0,0,0,.15);\n}\n\n.cher-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 text-transform: lowercase;\n}\n\n.cher-subtitle {\n color: white;\n font-size: clamp(17px, 3vw, 22px);\n font-weight: 700;\n margin: 0 0 1.5rem 0;\n text-shadow: 0 2px 12px rgba(0,0,0,.15);\n opacity: .95;\n}\n\n.cher-description {\n color: white;\n font-size: clamp(15px, 2.5vw, 18px);\n line-height: 1.7;\n max-width: 800px;\n margin: 0 auto;\n text-shadow: 0 2px 8px rgba(0,0,0,.1);\n opacity: .9;\n}\n\n\/* === SECTIONS === *\/\n.cher-section {\n margin-bottom: clamp(3rem, 6vw, 5rem);\n}\n\n.cher-premium h2 {\n font-size: clamp(26px, 5vw, 36px);\n font-weight: 900;\n color: var(--cher-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.cher-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(--cher-primary), var(--cher-accent));\n border-radius: 2px;\n}\n\n\/* === GRILLES === *\/\n.cher-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n\n\/* === CARDS === *\/\n.cher-card {\n background: var(--cher-white);\n border-radius: var(--cher-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cher-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cher-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cher-shadow-lg);\n border-color: var(--cher-primary);\n}\n\n.cher-card-icon {\n font-size: clamp(36px, 6vw, 48px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(231,76,60,.2));\n}\n\n.cher-card-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--cher-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.cher-card-text {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text-light);\n margin: 0;\n}\n\n\/* === COMPOSITION === *\/\n.cher-composition-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.cher-ingredient-card {\n background: linear-gradient(135deg, var(--cher-white) 0%, var(--cher-primary-light) 100%);\n border-radius: var(--cher-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--cher-shadow);\n border: 2px solid var(--cher-border);\n transition: all .3s ease;\n text-align: center;\n}\n\n.cher-ingredient-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cher-shadow-lg);\n border-color: var(--cher-primary);\n}\n\n.cher-ingredient-icon {\n font-size: clamp(42px, 7vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 12px rgba(231,76,60,.2));\n}\n\n.cher-ingredient-name {\n font-size: clamp(20px, 3.5vw, 26px);\n font-weight: 800;\n color: var(--cher-primary-dark);\n margin-bottom: 1rem;\n letter-spacing: -.02em;\n}\n\n.cher-ingredient-desc {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text-light);\n margin: 0;\n}\n\n\/* === INFO BANNER === *\/\n.cher-info-banner {\n background: var(--cher-secondary);\n border-radius: var(--cher-radius-sm);\n padding: 1.5rem 2rem;\n display: flex;\n align-items: center;\n gap: 1rem;\n box-shadow: var(--cher-shadow);\n}\n\n.cher-info-icon {\n font-size: 32px;\n flex-shrink: 0;\n}\n\n.cher-info-banner p {\n margin: 0;\n font-size: clamp(14px, 2vw, 16px);\n font-weight: 600;\n color: var(--cher-text);\n line-height: 1.6;\n}\n\n\/* === ÉTAPES === *\/\n.cher-steps-container {\n display: grid;\n gap: 1.5rem;\n max-width: 900px;\n margin: 0 auto;\n}\n\n.cher-step {\n display: flex;\n gap: 1.5rem;\n background: var(--cher-white);\n border-radius: var(--cher-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cher-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n}\n\n.cher-step:hover {\n transform: translateX(8px);\n box-shadow: var(--cher-shadow-lg);\n border-color: var(--cher-primary);\n}\n\n.cher-step-number {\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n background: linear-gradient(135deg, var(--cher-primary), var(--cher-accent));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n font-weight: 900;\n box-shadow: 0 4px 16px rgba(231,76,60,.3);\n}\n\n.cher-step-content {\n flex: 1;\n}\n\n.cher-step-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--cher-primary-dark);\n margin-bottom: .5rem;\n letter-spacing: -.02em;\n}\n\n.cher-step-text {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text-light);\n margin: 0;\n}\n\n\/* === PROFILS === *\/\n.cher-profile-card {\n background: var(--cher-white);\n border-radius: var(--cher-radius);\n padding: clamp(1.5rem, 3vw, 2rem);\n box-shadow: var(--cher-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.cher-profile-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--cher-shadow-lg);\n border-color: var(--cher-secondary);\n}\n\n.cher-profile-emoji {\n font-size: clamp(42px, 7vw, 56px);\n margin-bottom: 1rem;\n filter: drop-shadow(0 2px 8px rgba(135,206,235,.3));\n}\n\n.cher-profile-title {\n font-size: clamp(18px, 3vw, 22px);\n font-weight: 800;\n color: var(--cher-primary-dark);\n margin-bottom: .75rem;\n letter-spacing: -.02em;\n}\n\n.cher-profile-text {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text-light);\n margin: 0;\n}\n\n\/* === BÉNÉFICES === *\/\n.cher-benefits-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n}\n\n.cher-benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n background: var(--cher-white);\n padding: 1.5rem;\n border-radius: var(--cher-radius-sm);\n box-shadow: var(--cher-shadow);\n border-left: 4px solid var(--cher-primary);\n transition: all .3s ease;\n}\n\n.cher-benefit-item:hover {\n transform: translateX(8px);\n box-shadow: var(--cher-shadow-lg);\n border-left-color: var(--cher-accent);\n}\n\n.cher-benefit-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(231,76,60,.2));\n}\n\n.cher-benefit-text {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text);\n font-weight: 500;\n margin: 0;\n}\n\n\/* === INFO GRID === *\/\n.cher-info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 1.5rem;\n}\n\n.cher-info-card {\n background: linear-gradient(135deg, var(--cher-white) 0%, var(--cher-primary-light) 100%);\n border-radius: var(--cher-radius-sm);\n padding: 1.5rem;\n text-align: center;\n box-shadow: var(--cher-shadow);\n border: 2px solid var(--cher-border);\n transition: all .3s ease;\n}\n\n.cher-info-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--cher-shadow-lg);\n border-color: var(--cher-primary);\n}\n\n.cher-info-label {\n font-size: 13px;\n font-weight: 700;\n color: var(--cher-text-light);\n text-transform: uppercase;\n letter-spacing: .05em;\n margin-bottom: .5rem;\n}\n\n.cher-info-value {\n font-size: clamp(16px, 2.5vw, 19px);\n font-weight: 800;\n color: var(--cher-primary-dark);\n letter-spacing: -.02em;\n}\n\n\/* === WARNING BOX === *\/\n.cher-warning-box {\n background: var(--cher-white);\n border-radius: var(--cher-radius);\n padding: clamp(2rem, 4vw, 3rem);\n box-shadow: var(--cher-shadow);\n border: 2px solid var(--cher-accent);\n}\n\n.cher-warning-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n}\n\n.cher-warning-item:last-child {\n margin-bottom: 0;\n}\n\n.cher-warning-icon {\n font-size: 28px;\n flex-shrink: 0;\n filter: drop-shadow(0 2px 8px rgba(255,165,0,.3));\n}\n\n.cher-warning-item p {\n font-size: clamp(14px, 2vw, 16px);\n line-height: 1.7;\n color: var(--cher-text);\n margin: 0;\n}\n\n.cher-warning-item strong {\n color: var(--cher-primary-dark);\n font-weight: 700;\n}\n\n\/* === CTA FINAL === *\/\n.cher-cta-box {\n background: linear-gradient(135deg, var(--cher-primary) 0%, var(--cher-primary-dark) 100%);\n border-radius: var(--cher-radius);\n padding: clamp(2.5rem, 5vw, 4rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--cher-shadow-lg);\n}\n\n.cher-cta-pattern {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: .08;\n background-image: radial-gradient(circle at 20% 50%, transparent 20%, rgba(255,255,255,.5) 21%, rgba(255,255,255,.5) 34%, transparent 35%, transparent),\n radial-gradient(circle at 60% 80%, transparent 20%, rgba(255,255,255,.5) 21%, rgba(255,255,255,.5) 34%, transparent 35%, transparent);\n background-size: 80px 80px;\n}\n\n.cher-cta-content {\n position: relative;\n z-index: 1;\n}\n\n.cher-cta-text {\n color: white;\n font-size: clamp(17px, 2.5vw, 21px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n max-width: 800px;\n margin: 0 auto;\n}\n\n\/* === RESPONSIVE === *\/\n@media (max-width: 767px) {\n .cher-grid,\n .cher-composition-grid,\n .cher-benefits-grid,\n .cher-info-grid {\n grid-template-columns: 1fr;\n }\n\n .cher-step {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .cher-info-banner {\n flex-direction: column;\n text-align: center;\n }\n\n .cher-benefit-item {\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .cher-warning-item {\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 .cher-card,\n .cher-ingredient-card,\n .cher-profile-card,\n .cher-step,\n .cher-benefit-item {\n animation: fadeInUp .6s ease backwards;\n }\n\n .cher-card:nth-child(1),\n .cher-ingredient-card:nth-child(1),\n .cher-profile-card:nth-child(1),\n .cher-step:nth-child(1),\n .cher-benefit-item:nth-child(1) { animation-delay: .1s; }\n\n .cher-card:nth-child(2),\n .cher-ingredient-card:nth-child(2),\n .cher-profile-card:nth-child(2),\n .cher-step:nth-child(2),\n .cher-benefit-item:nth-child(2) { animation-delay: .2s; }\n\n .cher-card:nth-child(3),\n .cher-ingredient-card:nth-child(3),\n .cher-profile-card:nth-child(3),\n .cher-step:nth-child(3),\n .cher-benefit-item:nth-child(3) { animation-delay: .3s; }\n\n .cher-card:nth-child(4),\n .cher-ingredient-card:nth-child(4),\n .cher-profile-card:nth-child(4),\n .cher-step:nth-child(4),\n .cher-benefit-item:nth-child(4) { animation-delay: .4s; }\n\n .cher-card:nth-child(5),\n .cher-benefit-item:nth-child(5) { animation-delay: .5s; }\n\n .cher-card:nth-child(6),\n .cher-benefit-item:nth-child(6) { animation-delay: .6s; }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* === ACCESSIBILITÉ === *\/\n@media (prefers-reduced-motion: reduce) {\n .cher-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\n@media (prefers-contrast: high) {\n .cher-premium {\n --cher-shadow: 0 0 0 2px currentColor;\n --cher-shadow-lg: 0 0 0 3px currentColor;\n }\n}\n\n\/* === PRINT === *\/\n@media print {\n .cher-premium {\n background: white;\n }\n\n .cher-card,\n .cher-ingredient-card,\n .cher-step {\n break-inside: avoid;\n }\n}\n\u003c\/style\u003e","brand":"CHERICO","offers":[{"title":"Default Title","offer_id":56345069650297,"sku":"NBAICHE0002","price":7.48,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/chicoree_et_cafe_cherico_11zon.jpg?v=1766062655"},{"product_id":"moka-sidamo-arabica-grains-1kg-les-cafes-dagobert","title":"Café Moka Sidamo 100% Arabica Bio - Grains 1kg - Les Cafés Dagobert","description":"\u003cdiv class=\"mks-premium\"\u003e\n \u003cdiv class=\"mks-hero\"\u003e\n \u003cdiv class=\"mks-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mks-hero-content\"\u003e\n \u003cdiv class=\"mks-badges-top\"\u003e\n \u003cspan class=\"mks-badge\"\u003e🌿 100% Arabica Bio\u003c\/span\u003e\n \u003cspan class=\"mks-badge\"\u003e🇪🇹 Sidama, Éthiopie\u003c\/span\u003e\n \u003cspan class=\"mks-badge\"\u003e🤝 Fair for Life\u003c\/span\u003e\n \u003cspan class=\"mks-badge\"\u003e♻️ Compostable\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mks-hero-title\"\u003eUn voyage sensoriel au cœur de l'Éthiopie\u003c\/span\u003e\n \u003cp class=\"mks-subtitle\"\u003eFloral, puissant \u0026amp; d'exception\u003c\/p\u003e\n \u003cp class=\"mks-description\"\u003eCultivé à 2 000 mètres d'altitude, ce Moka Sidamo révèle des notes délicates de jasmin et de confiture d'abricot, pour une tasse à la fois légère et voluptueuse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mks-section\"\u003e\n \u003ch2\u003eUn café moka d'altitude, né dans la région de Sidama\u003c\/h2\u003e\n \u003cp class=\"mks-section-intro\"\u003eBerceau historique du café, l'Éthiopie offre à ce cru une signature aromatique unique, forgée par la nature et le temps.\u003c\/p\u003e\n \u003cdiv class=\"mks-grid-compact\"\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e⛰️ 2 000 m d'altitude\u003c\/h3\u003e\n \u003cp\u003eUne maturation lente qui développe une acidité fine et des arômes complexes.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🍒 Grains mûrs uniquement\u003c\/h3\u003e\n \u003cp\u003eSeules les cerises à pleine maturité sont cueillies, pour une tasse sans amertume.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🏫 Projets sociaux\u003c\/h3\u003e\n \u003cp\u003eFinancement d'écoles et de points d'accès à l'eau potable pour les familles productrices.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e⚖️ Filière juste\u003c\/h3\u003e\n \u003cp\u003eUn partenariat équitable qui améliore concrètement la vie des caféiculteurs depuis 2009.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mks-section\"\u003e\n \u003ch2\u003eProfil aromatique : floral et puissant\u003c\/h2\u003e\n \u003cdiv class=\"mks-grid\"\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🌸 Notes dominantes\u003c\/h3\u003e\n \u003cp\u003eJasmin et confiture d'abricot pour une expérience florale et fruitée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e👅 En bouche\u003c\/h3\u003e\n \u003cp\u003eÀ la fois légère et voluptueuse, avec une belle longueur en bouche.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e⚡ Force intermédiaire\u003c\/h3\u003e\n \u003cp\u003eNi trop douce ni trop corsée, parfaitement équilibrée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e✨ Acidité élégante\u003c\/h3\u003e\n \u003cp\u003eVive mais raffinée, typique des grands cafés éthiopiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-tip\"\u003e\n \u003cspan class=\"mks-tip-icon\"\u003e☕\u003c\/span\u003e\n \u003cp\u003eVous préférez les cafés fruités aux profils très torréfiés et chocolatés ? Ce moka risque de devenir rapidement votre rituel du matin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mks-section\"\u003e\n \u003ch2\u003eComposition et caractéristiques\u003c\/h2\u003e\n \u003cdiv class=\"mks-grid-compact\"\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🫘 Ingrédient\u003c\/h3\u003e\n \u003cp\u003e100% café Arabica issu de l'agriculture biologique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🌍 Origine\u003c\/h3\u003e\n \u003cp\u003eSidama, Éthiopie — berceau historique du café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e📦 Format\u003c\/h3\u003e\n \u003cp\u003eCafé en grains, sachet kraft de 1 kg.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\"\u003e\n \u003ch3\u003e🏅 Labels\u003c\/h3\u003e\n \u003cp\u003eAB, bio européen, Fair for Life (commerce équitable).\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-card\" style=\"grid-column:1\/-1;\"\u003e\n \u003ch3\u003e♻️ Emballage\u003c\/h3\u003e\n \u003cp\u003eCompostable à domicile (OK compost HOME) — un geste pour la planète.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mks-section\"\u003e\n \u003ch2\u003eComment préparer votre café moka en grains ?\u003c\/h2\u003e\n \u003cp class=\"mks-section-intro\"\u003ePour profiter pleinement de ses arômes, moulez vos grains juste avant l'infusion.\u003c\/p\u003e\n \u003cdiv class=\"mks-timeline\"\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e☕ Cafetière italienne (moka)\u003c\/h3\u003e\n \u003cp\u003eMouture moyenne-fine, environ 15 g pour 2 tasses. Chauffez à feu doux pour ne pas brûler le café.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e💧 Méthode douce (V60, Chemex)\u003c\/h3\u003e\n \u003cp\u003eMouture moyenne, 6 g pour 100 ml d'eau à 92-94 °C. C'est avec cette méthode que le jasmin s'exprime le mieux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e⚡ Expresso\u003c\/h3\u003e\n \u003cp\u003eMouture fine, 7 à 9 g par tasse pour un shot intense et aromatique.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e🫖 Cafetière à piston\u003c\/h3\u003e\n \u003cp\u003eMouture grossière, laissez infuser 4 minutes pour une tasse ronde et pleine.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mks-section\"\u003e\n \u003ch2\u003eRecette moka au café : la gourmandise maison\u003c\/h2\u003e\n \u003cp class=\"mks-section-intro\"\u003eEnvie d'une boisson réconfortante ? Voici une recette simple et rapide.\u003c\/p\u003e\n \u003cdiv class=\"mks-timeline\"\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e☕ Préparez un expresso serré\u003c\/h3\u003e\n \u003cp\u003eAvec ce Moka Sidamo pour une base aromatique puissante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e🍫 Ajoutez le chocolat noir\u003c\/h3\u003e\n \u003cp\u003eFaites fondre 15 g de chocolat noir dans le café encore chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e🥛 Incorporez le lait\u003c\/h3\u003e\n \u003cp\u003eAjoutez 150 ml de lait moussé ou de boisson végétale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-item\"\u003e\n \u003cdiv class=\"mks-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mks-timeline-content\"\u003e\n \u003ch3\u003e🍊 Finition gourmande\u003c\/h3\u003e\n \u003cp\u003eSaupoudrez de cacao ou d'un zeste d'orange pour souligner les notes fruitées.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-tip\"\u003e\n \u003cspan class=\"mks-tip-icon\"\u003e🌸\u003c\/span\u003e\n \u003cp\u003eLe caractère floral de ce café apporte à votre moka café recette une fraîcheur inattendue, bien loin des versions lourdes des chaînes de cafés.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mks-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eConservation et conseils\u003c\/h2\u003e\n \u003cdiv class=\"mks-accordion\"\u003e\n \u003cdetails class=\"mks-accordion-item\" open\u003e\n \u003csummary class=\"mks-accordion-header\"\u003e🫙 Comment bien conserver vos grains ?\u003c\/summary\u003e\n \u003cdiv class=\"mks-accordion-content mt-3\"\u003e\n \u003cp\u003eRefermez bien le sachet après chaque ouverture. Conservez-le à l'abri de l'air, de la lumière et de l'humidité. Le format 1 kg en grains convient parfaitement aux grands amateurs et aux familles, car le grain garde ses arômes bien plus longtemps que le café moulu.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mks-accordion-item\"\u003e\n \u003csummary class=\"mks-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mks-accordion-content mt-3\"\u003e\n \u003cp\u003eLe café contient de la caféine. Consommez-le avec modération, en particulier si vous êtes enceinte, si vous allaitez ou si vous êtes sensible à la caféine. Ce produit ne remplace pas un avis ni un traitement médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mks-cta-box\" style=\"margin-top:1.5rem;\"\u003e\n \u003cp\u003eOffrez-vous une pause d'exception avec le Moka Sidamo — un café de terroir, bon pour vous et pour la planète. ☕🌿\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n:root {\n --mks-cream: #faf7f0;\n --mks-white: #ffffff;\n --mks-primary: #2d8f4e;\n --mks-primary-dark: #1e5e34;\n --mks-primary-light: #e8f4ec;\n --mks-secondary: #6b3a1f;\n --mks-accent: #d4a04a;\n --mks-text: #2a1f17;\n --mks-text-light: #6b5d50;\n --mks-border: #e8ddd0;\n --mks-shadow: 0 4px 24px rgba(45, 60, 30, .08);\n --mks-shadow-lg: 0 12px 48px rgba(45, 60, 30, .15);\n --mks-radius: 20px;\n --mks-radius-sm: 12px;\n}\n\n.mks-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mks-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mks-text);\n}\n\n.mks-hero {\n position: relative;\n background: linear-gradient(135deg, #2d8f4e 0%, #1e5e34 50%, #6b3a1f 100%);\n border-radius: var(--mks-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(--mks-shadow-lg);\n}\n\n.mks-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(212,160,74,.4) 0%, transparent 40%);\n opacity: .15;\n}\n\n.mks-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mks-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.mks-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 letter-spacing: .02em;\n}\n\n.mks-description {\n color: rgba(255,255,255,.9);\n font-size: clamp(14px, 2vw, 17px);\n line-height: 1.7;\n max-width: 640px;\n margin: 0 auto;\n}\n\n.mks-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mks-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(--mks-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mks-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mks-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mks-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mks-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.mks-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(--mks-primary), var(--mks-secondary));\n border-radius: 2px;\n}\n\n.mks-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mks-text-light);\n margin-bottom: 1.5rem;\n max-width: 640px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.mks-card {\n background: var(--mks-white);\n border-radius: var(--mks-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mks-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mks-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mks-shadow-lg);\n border-color: var(--mks-primary);\n}\n\n.mks-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mks-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mks-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mks-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mks-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mks-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mks-grid-compact .mks-card {\n padding: 1rem;\n}\n\n.mks-grid-compact .mks-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mks-grid-compact .mks-card p {\n font-size: 12px;\n}\n\n.mks-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mks-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mks-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mks-primary), var(--mks-secondary));\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 16px;\n box-shadow: 0 4px 12px rgba(45, 143, 78, .25);\n}\n\n.mks-timeline-content {\n flex: 1;\n background: var(--mks-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mks-radius-sm);\n box-shadow: var(--mks-shadow);\n}\n\n.mks-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mks-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mks-timeline-content p {\n font-size: 14px;\n color: var(--mks-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mks-accordion {\n background: var(--mks-white);\n border-radius: var(--mks-radius);\n box-shadow: var(--mks-shadow);\n overflow: hidden;\n}\n\n.mks-accordion-item {\n border-bottom: 1px solid var(--mks-border);\n margin: 0;\n padding: 0;\n}\n\n.mks-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mks-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mks-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.mks-accordion-header:hover {\n background: var(--mks-primary-light);\n}\n\n.mks-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mks-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--mks-primary);\n transition: transform .2s ease;\n}\n\n.mks-accordion-item[open] .mks-accordion-header::after {\n content: '−';\n}\n\n.mks-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mks-text-light);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.mks-accordion-content p {\n margin: 0;\n}\n\n.mks-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mks-primary-light);\n border-radius: var(--mks-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mks-primary);\n}\n\n.mks-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mks-tip p {\n font-size: 14px;\n color: var(--mks-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mks-cta-box {\n background: linear-gradient(135deg, var(--mks-primary) 0%, var(--mks-primary-dark) 100%);\n border-radius: var(--mks-radius);\n padding: clamp(1.75rem, 4vw, 3rem);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: var(--mks-shadow-lg);\n}\n\n.mks-cta-box p {\n color: white;\n font-size: clamp(15px, 2.5vw, 19px);\n line-height: 1.7;\n font-weight: 600;\n text-shadow: 0 2px 12px rgba(0,0,0,.1);\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .mks-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n .mks-card {\n padding: 1.125rem;\n }\n .mks-section {\n margin-bottom: 1.75rem;\n }\n .mks-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mks-radius-sm);\n }\n .mks-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n .mks-premium h2::after {\n width: 40px;\n height: 3px;\n }\n .mks-grid-compact {\n gap: .625rem;\n }\n .mks-grid-compact .mks-card {\n padding: .75rem;\n }\n .mks-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n .mks-timeline-content {\n padding: .875rem 1rem;\n }\n .mks-timeline-content h3 {\n font-size: 14px;\n }\n .mks-timeline-content p {\n font-size: 13px;\n }\n .mks-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n .mks-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mks-card {\n animation: mksFadeInUp .5s ease backwards;\n }\n .mks-card:nth-child(1) { animation-delay: .05s; }\n .mks-card:nth-child(2) { animation-delay: .1s; }\n .mks-card:nth-child(3) { animation-delay: .15s; }\n .mks-card:nth-child(4) { animation-delay: .2s; }\n .mks-card:nth-child(5) { animation-delay: .25s; }\n}\n\n@keyframes mksFadeInUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mks-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Les Cafés Dagobert","offers":[{"title":"Default Title","offer_id":64948018872697,"sku":"NBAIDAG0161","price":31.15,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/moka-sidamo-100-arabica-bio-grains-1kg-les-cafes-dagobert-packshothd.webp?v=1792506274"},{"product_id":"moka-sidamo-100-arabica-bio-moulu-500g-les-cafes-dagobert","title":"Café Moka Sidamo 100% Arabica Bio - Moulu 500g - Les Cafés Dagobert","description":"\u003cdiv class=\"mok-premium\"\u003e\n \u003cdiv class=\"mok-hero\"\u003e\n \u003cdiv class=\"mok-hero-pattern\"\u003e\u003c\/div\u003e\n \u003cdiv class=\"mok-hero-content\"\u003e\n \u003cdiv class=\"mok-badges-top\"\u003e\n \u003cspan class=\"mok-badge\"\u003e🌱 Agriculture Biologique\u003c\/span\u003e\n \u003cspan class=\"mok-badge\"\u003e🤝 Commerce Équitable\u003c\/span\u003e\n \u003cspan class=\"mok-badge\"\u003e☕ 100% Arabica\u003c\/span\u003e\n \u003cspan class=\"mok-badge\"\u003e🇪🇹 Éthiopie\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cspan class=\"mok-hero-title\"\u003eLe berceau historique du café révélé en tasse\u003c\/span\u003e\n \u003cp class=\"mok-subtitle\"\u003eUn arabica d'altitude cultivé à 2 000 mètres\u003c\/p\u003e\n \u003cp class=\"mok-description\"\u003eLéger, floral et voluptueux, ce Moka Sidamo offre une expérience sensorielle unique, portée par des notes de jasmin et d'abricot.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003csection class=\"mok-section\"\u003e\n \u003ch2\u003eD'où vient ce café moka ?\u003c\/h2\u003e\n \u003cp class=\"mok-section-intro\"\u003eLe nom « moka » vient du port yéménite de Mokha, par lequel transitaient autrefois les cafés éthiopiens.\u003c\/p\u003e\n \u003cdiv class=\"mok-grid-compact\"\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🌍 Région\u003c\/h3\u003e\n \u003cp\u003eSidama, au sud de l'Éthiopie\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e⛰️ Altitude\u003c\/h3\u003e\n \u003cp\u003e2 000 mètres au-dessus du niveau de la mer\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🍒 Récolte\u003c\/h3\u003e\n \u003cp\u003eCerises cueillies à pleine maturité\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e✨ Qualité\u003c\/h3\u003e\n \u003cp\u003eArômes complexes, maturation lente\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mok-section\"\u003e\n \u003ch2\u003eQuels arômes attendre de ce Moka Sidamo ?\u003c\/h2\u003e\n \u003cp class=\"mok-section-intro\"\u003eEn tasse, ce café moka se montre léger et voluptueux, avec une belle longueur en bouche.\u003c\/p\u003e\n \u003cdiv class=\"mok-grid\"\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🌸 Au nez\u003c\/h3\u003e\n \u003cp\u003eDes notes florales délicates de \u003cstrong\u003ejasmin\u003c\/strong\u003e, signature des grands arabicas éthiopiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🍑 En bouche\u003c\/h3\u003e\n \u003cp\u003eUne douceur fruitée qui rappelle la \u003cstrong\u003econfiture d'abricots\u003c\/strong\u003e, enveloppante et élégante.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e💫 Corps\u003c\/h3\u003e\n \u003cp\u003eRond, avec une \u003cstrong\u003eacidité fine\u003c\/strong\u003e et une amertume discrète parfaitement maîtrisée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e⚡ Force\u003c\/h3\u003e\n \u003cp\u003eModérée, \u003cstrong\u003eidéale pour une dégustation sans lait\u003c\/strong\u003e, pour apprécier chaque nuance.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-tip\"\u003e\n \u003cspan class=\"mok-tip-icon\"\u003e💡\u003c\/span\u003e\n \u003cp\u003eSi les cafés très corsés vous semblent trop agressifs, c'est une excellente porte d'entrée vers les cafés de spécialité.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mok-section\"\u003e\n \u003ch2\u003eComment préparer ce café moulu ?\u003c\/h2\u003e\n \u003cp class=\"mok-section-intro\"\u003eSa mouture est pensée pour la \u003cstrong\u003ecafetière filtre\u003c\/strong\u003e. Comptez environ 7 g de café (une cuillère à soupe bombée) pour 12 cl d'eau.\u003c\/p\u003e\n \u003cdiv class=\"mok-timeline\"\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e💧 Choisir la bonne eau\u003c\/h3\u003e\n \u003cp\u003eUtilisez une eau filtrée, chauffée entre 92 et 95 °C pour une extraction optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e📄 Rincer le filtre\u003c\/h3\u003e\n \u003cp\u003eRincez le filtre en papier au préalable pour éviter tout goût de carton en tasse.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e☕ Déguster nature\u003c\/h3\u003e\n \u003cp\u003eGoûtez-le d'abord nature, pour apprécier pleinement ses notes florales de jasmin.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e4\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e🔒 Bien conserver\u003c\/h3\u003e\n \u003cp\u003eAprès ouverture, refermez bien le sachet et conservez-le au 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 \u003csection class=\"mok-section\"\u003e\n \u003ch2\u003eUne recette de moka au café facile à réaliser\u003c\/h2\u003e\n \u003cp class=\"mok-section-intro\"\u003eEssayez la boisson moka, mariage gourmand du café et du chocolat.\u003c\/p\u003e\n \u003cdiv class=\"mok-timeline\"\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e1\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e☕ Préparer le café\u003c\/h3\u003e\n \u003cp\u003ePréparez 10 cl de café filtre bien chaud avec votre Moka Sidamo.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e2\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e🍫 Lait chocolaté\u003c\/h3\u003e\n \u003cp\u003eFaites fondre 20 g de chocolat noir dans 10 cl de lait chaud.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-item\"\u003e\n \u003cdiv class=\"mok-timeline-number\"\u003e3\u003c\/div\u003e\n \u003cdiv class=\"mok-timeline-content\"\u003e\n \u003ch3\u003e✨ Assembler\u003c\/h3\u003e\n \u003cp\u003eVersez le café sur le lait chocolaté, puis ajoutez un peu de mousse de lait ou de crème fouettée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-tip\"\u003e\n \u003cspan class=\"mok-tip-icon\"\u003e🎂\u003c\/span\u003e\n \u003cp\u003ePour le célèbre gâteau moka, remplacez le café soluble par un café filtre très serré : la crème au beurre n'en sera que plus parfumée.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mok-section\"\u003e\n \u003ch2\u003eUn café bio et équitable qui soutient les producteurs\u003c\/h2\u003e\n \u003cdiv class=\"mok-grid\"\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🌱 Agriculture biologique\u003c\/h3\u003e\n \u003cp\u003eCertifié bio, cultivé sans pesticides ni engrais chimiques, dans le respect des sols éthiopiens.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🤝 Commerce équitable\u003c\/h3\u003e\n \u003cp\u003eUne organisation de producteurs partenaire créée en 2009, qui finance des programmes sociaux.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🏫 Impact social\u003c\/h3\u003e\n \u003cp\u003eÉcoles, accès à l'eau potable et projets qui améliorent le quotidien des familles de caféiculteurs.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"mok-card\"\u003e\n \u003ch3\u003e🇫🇷 Torréfié en France\u003c\/h3\u003e\n \u003cp\u003eCafé torréfié et conditionné en France par Les Cafés Dagobert, pour une fraîcheur optimale.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/section\u003e\n\n \u003csection class=\"mok-section\" style=\"margin-bottom:0px!important;\"\u003e\n \u003ch2\u003eComposition et informations pratiques\u003c\/h2\u003e\n \u003cdiv class=\"mok-accordion\"\u003e\n \u003cdetails class=\"mok-accordion-item\" open\u003e\n \u003csummary class=\"mok-accordion-header\"\u003e📋 Caractéristiques du produit\u003c\/summary\u003e\n \u003cdiv class=\"mok-accordion-content mt-3\"\u003e\n \u003cp\u003e\u003cstrong\u003eIngrédient :\u003c\/strong\u003e 100 % café arabica moulu issu de l'agriculture biologique.\u003cbr\u003e\n \u003cstrong\u003eOrigine :\u003c\/strong\u003e région de Sidama, Éthiopie.\u003cbr\u003e\n \u003cstrong\u003eMouture :\u003c\/strong\u003e filtre.\u003cbr\u003e\n \u003cstrong\u003eConditionnement :\u003c\/strong\u003e sachet kraft de 500 g.\u003cbr\u003e\n \u003cstrong\u003eFabrication :\u003c\/strong\u003e France, étiquetage en français.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mok-accordion-item\"\u003e\n \u003csummary class=\"mok-accordion-header\"\u003e⚠️ Précautions d'emploi\u003c\/summary\u003e\n \u003cdiv class=\"mok-accordion-content mt-3\"\u003e\n \u003cp\u003eLe café contient de la caféine : consommez-le avec modération, en particulier si vous êtes enceinte ou sensible aux excitants. Ce produit ne remplace ni une alimentation variée ni un avis médical.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n \u003cdetails class=\"mok-accordion-item\"\u003e\n \u003csummary class=\"mok-accordion-header\"\u003e🧊 Conservation\u003c\/summary\u003e\n \u003cdiv class=\"mok-accordion-content mt-3\"\u003e\n \u003cp\u003eAprès ouverture, refermez bien le sachet kraft et conservez-le au sec, à l'abri de la lumière et de la chaleur, pour préserver tous les arômes floraux et fruités.\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 --mok-cream: #f8f1e7;\n --mok-white: #ffffff;\n --mok-primary: #d87a2a;\n --mok-primary-dark: #5a2f17;\n --mok-primary-light: #fcf0e2;\n --mok-secondary: #8b4513;\n --mok-accent: #e89a4f;\n --mok-text: #2a1a10;\n --mok-text-light: #6b5444;\n --mok-border: #e8dcc8;\n --mok-shadow: 0 4px 24px rgba(90, 47, 23, .08);\n --mok-shadow-lg: 0 12px 48px rgba(90, 47, 23, .18);\n --mok-radius: 20px;\n --mok-radius-sm: 12px;\n}\n\n.mok-premium {\n max-width: 1200px;\n margin: 0 auto;\n padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n background: var(--mok-cream);\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n color: var(--mok-text);\n}\n\n.mok-hero {\n position: relative;\n background: linear-gradient(135deg, #5a2f17 0%, #8b4513 50%, #d87a2a 100%);\n border-radius: var(--mok-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(--mok-shadow-lg);\n}\n\n.mok-hero-pattern {\n position: absolute;\n top: 0; left: 0; right: 0; bottom: 0;\n background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,.3) 2px, transparent 3px),\n radial-gradient(circle at 70% 60%, rgba(255,255,255,.2) 2px, transparent 3px),\n radial-gradient(circle at 40% 80%, rgba(255,255,255,.25) 2px, transparent 3px);\n background-size: 80px 80px, 120px 120px, 100px 100px;\n opacity: .3;\n}\n\n.mok-hero-content {\n position: relative;\n z-index: 1;\n text-align: center;\n}\n\n.mok-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.mok-subtitle {\n color: rgba(255,255,255,.95);\n font-size: clamp(15px, 2.5vw, 20px);\n font-weight: 600;\n margin: 0 0 1rem 0;\n letter-spacing: .02em;\n}\n\n.mok-description {\n color: rgba(255,255,255,.88);\n font-size: clamp(14px, 2.2vw, 17px);\n line-height: 1.7;\n max-width: 700px;\n margin: 0 auto;\n}\n\n.mok-badges-top {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n margin-bottom: 1.5rem;\n}\n\n.mok-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(--mok-primary-dark);\n box-shadow: 0 2px 12px rgba(0,0,0,.1);\n transition: all .3s ease;\n}\n\n.mok-badge:hover {\n transform: translateY(-2px) scale(1.05);\n}\n\n.mok-section {\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n}\n\n.mok-premium h2 {\n font-size: clamp(22px, 5vw, 36px);\n font-weight: 900;\n color: var(--mok-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.mok-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(--mok-primary), var(--mok-secondary));\n border-radius: 2px;\n}\n\n.mok-section-intro {\n text-align: center;\n font-size: clamp(15px, 2.5vw, 17px);\n color: var(--mok-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.mok-card {\n background: var(--mok-white);\n border-radius: var(--mok-radius);\n padding: clamp(1.25rem, 3vw, 2rem);\n box-shadow: var(--mok-shadow);\n border: 2px solid transparent;\n transition: all .3s ease;\n text-align: center;\n}\n\n.mok-card:hover {\n transform: translateY(-6px);\n box-shadow: var(--mok-shadow-lg);\n border-color: var(--mok-primary);\n}\n\n.mok-card h3 {\n font-size: clamp(15px, 2.5vw, 18px);\n font-weight: 800;\n color: var(--mok-primary-dark);\n margin: 0 0 .5rem 0;\n line-height: 1.3;\n}\n\n.mok-card p {\n font-size: clamp(13px, 2vw, 15px);\n color: var(--mok-text-light);\n margin: 0;\n line-height: 1.6;\n}\n\n.mok-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.25rem;\n}\n\n.mok-grid-compact {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n}\n\n.mok-grid-compact .mok-card {\n padding: 1rem;\n}\n\n.mok-grid-compact .mok-card h3 {\n font-size: 14px;\n margin-bottom: .35rem;\n}\n\n.mok-grid-compact .mok-card p {\n font-size: 12px;\n}\n\n.mok-timeline {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.mok-timeline-item {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n}\n\n.mok-timeline-number {\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--mok-primary), var(--mok-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(216, 122, 42, .3);\n}\n\n.mok-timeline-content {\n flex: 1;\n background: var(--mok-white);\n padding: 1rem 1.25rem;\n border-radius: var(--mok-radius-sm);\n box-shadow: var(--mok-shadow);\n}\n\n.mok-timeline-content h3 {\n font-size: 16px;\n font-weight: 700;\n color: var(--mok-primary-dark);\n margin: 0 0 .25rem 0;\n}\n\n.mok-timeline-content p {\n font-size: 14px;\n color: var(--mok-text-light);\n margin: 0;\n line-height: 1.5;\n}\n\n.mok-tip {\n display: flex;\n gap: 1rem;\n align-items: flex-start;\n background: var(--mok-primary-light);\n border-radius: var(--mok-radius-sm);\n padding: 1rem 1.25rem;\n margin-top: 1.25rem;\n border-left: 4px solid var(--mok-primary);\n}\n\n.mok-tip-icon {\n font-size: 24px;\n flex-shrink: 0;\n}\n\n.mok-tip p {\n font-size: 14px;\n color: var(--mok-text);\n margin: 0;\n line-height: 1.6;\n}\n\n.mok-accordion {\n background: var(--mok-white);\n border-radius: var(--mok-radius);\n box-shadow: var(--mok-shadow);\n overflow: hidden;\n}\n\n.mok-accordion-item {\n border-bottom: 1px solid var(--mok-border);\n margin: 0;\n padding: 0;\n}\n\n.mok-accordion-item:last-child {\n border-bottom: none;\n}\n\n.mok-accordion-header {\n padding: 1rem 1.25rem;\n font-weight: 700;\n font-size: 15px;\n color: var(--mok-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.mok-accordion-header:hover {\n background: var(--mok-primary-light);\n}\n\n.mok-accordion-header::-webkit-details-marker {\n display: none;\n}\n\n.mok-accordion-header::after {\n content: '+';\n font-size: 24px;\n font-weight: 400;\n color: var(--mok-primary);\n transition: transform .2s ease;\n}\n\n.mok-accordion-item[open] .mok-accordion-header::after {\n content: '−';\n}\n\n.mok-accordion-content {\n padding: 0 1.25rem 1rem;\n color: var(--mok-text-light);\n font-size: 14px;\n line-height: 1.7;\n margin-top: 10px;\n}\n\n.mok-accordion-content p {\n margin: 0;\n}\n\n@media (max-width: 767px) {\n .mok-grid {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .mok-card {\n padding: 1.125rem;\n }\n\n .mok-section {\n margin-bottom: 1.75rem;\n }\n\n .mok-hero {\n padding: 2rem 1.25rem;\n margin-bottom: 1.75rem;\n border-radius: var(--mok-radius-sm);\n }\n\n .mok-premium h2 {\n margin-bottom: 1rem;\n padding-bottom: .75rem;\n }\n\n .mok-premium h2::after {\n width: 40px;\n height: 3px;\n }\n\n .mok-grid-compact {\n gap: .625rem;\n }\n\n .mok-grid-compact .mok-card {\n padding: .75rem;\n }\n\n .mok-timeline-number {\n width: 32px;\n height: 32px;\n font-size: 14px;\n }\n\n .mok-timeline-content {\n padding: .875rem 1rem;\n }\n\n .mok-timeline-content h3 {\n font-size: 14px;\n }\n\n .mok-timeline-content p {\n font-size: 13px;\n }\n\n .mok-accordion-header {\n padding: .875rem 1rem;\n font-size: 14px;\n }\n\n .mok-accordion-content {\n padding: 0 1rem .875rem;\n font-size: 13px;\n }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n .mok-card {\n animation: fadeInUp .5s ease backwards;\n }\n .mok-card:nth-child(1) { animation-delay: .05s; }\n .mok-card:nth-child(2) { animation-delay: .1s; }\n .mok-card:nth-child(3) { animation-delay: .15s; }\n .mok-card:nth-child(4) { animation-delay: .2s; }\n .mok-card:nth-child(5) { animation-delay: .25s; }\n .mok-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 .mok-premium * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n}\n\u003c\/style\u003e","brand":"Les Cafés Dagobert","offers":[{"title":"Default Title","offer_id":64967766245753,"sku":"NBAIDAG0157","price":15.89,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/files\/cafe-moka-sidamo-100-arabica-bio-moulu-500g-les-cafes-dagobe-packshothd.webp?v=1794474251"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0659\/2597\/2125\/collections\/cafe-bio.webp?v=1794472490","url":"https:\/\/www.naturellement-bio.com\/collections\/cafe-bio.oembed","provider":"Naturellement Bio","version":"1.0","type":"link"}