{"product_id":"assortiment-de-10-chocolats-chauds-cafe-tasse-5-saveurs-a-prix-doux","title":"Assortiment de 10 chocolats chauds Café-Tasse – 5 saveurs à prix doux","description":"\u003cdiv class=\"ctas-premium\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"ctas-hero\"\u003e\n\u003cdiv class=\"ctas-hero-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ctas-hero-content\"\u003e\n\u003cspan class=\"ctas-marque\"\u003eCafé-Tasse · Bruxelles\u003c\/span\u003e\n\u003cdiv class=\"ctas-badges-top\"\u003e\n\u003cspan class=\"ctas-badge\"\u003e🍫 Chocolat fin artisanal\u003c\/span\u003e \u003cspan class=\"ctas-badge\"\u003e5 saveurs · 10 sachets\u003c\/span\u003e \u003cspan class=\"ctas-badge\"\u003e−14 % prix doux\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cspan class=\"ctas-hero-title\"\u003eAssortiment de 10 chocolats chauds Café-Tasse – 5 saveurs à prix doux\u003c\/span\u003e\n\u003cp class=\"ctas-subtitle\"\u003e\u003cstrong\u003eUn chocolat chaud, c'est un petit rituel. Cinq saveurs, c'est un voyage entier.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ctas-description\"\u003eAvec cet assortiment de 10 sachets Café-Tasse, vous changez d'ambiance à chaque tasse : un jour l'intensité du cacao, le lendemain la douceur de la vanille ou la chaleur de la cannelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- H2 #1 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003eUn assortiment de chocolats chauds Café-Tasse pour goûter 5 saveurs\u003c\/h2\u003e\n\u003cp class=\"ctas-lead\"\u003eCafé-Tasse, maison de \u003cstrong\u003echocolat fin artisanal\u003c\/strong\u003e née à Bruxelles, propose ici un \u003cstrong\u003elot découverte de 10 sachets individuels de chocolat en poudre\u003c\/strong\u003e. Chaque sachet renferme une dose prête à déguster, pensée pour transformer un simple verre de lait en boisson gourmande.\u003c\/p\u003e\n\u003cp class=\"ctas-intro-list\"\u003eVoici ce que contient votre assortiment :\u003c\/p\u003e\n\u003cdiv class=\"ctas-grid\"\u003e\n\u003cdiv class=\"ctas-card\"\u003e\n\u003cspan class=\"ctas-card-tag\"\u003e\u003cstrong\u003e2 sachets\u003c\/strong\u003e\u003c\/span\u003e\n\u003ch3\u003e\u003cstrong\u003eCacao intense\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003ePour les amateurs de caractère, un goût de cacao franc et profond.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card\"\u003e\n\u003cspan class=\"ctas-card-tag\"\u003e\u003cstrong\u003e2 sachets\u003c\/strong\u003e\u003c\/span\u003e\n\u003ch3\u003e\u003cstrong\u003eCannelle\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUne note épicée et réconfortante, comme un parfum de cuisine en hiver.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card\"\u003e\n\u003cspan class=\"ctas-card-tag\"\u003e\u003cstrong\u003e2 sachets\u003c\/strong\u003e\u003c\/span\u003e\n\u003ch3\u003e\u003cstrong\u003eCaramel\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eLa rondeur gourmande du caramel mêlée au cacao.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card\"\u003e\n\u003cspan class=\"ctas-card-tag\"\u003e\u003cstrong\u003e2 sachets\u003c\/strong\u003e\u003c\/span\u003e\n\u003ch3\u003e\u003cstrong\u003eVanille\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUne douceur enveloppante, délicate et rassurante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card\"\u003e\n\u003cspan class=\"ctas-card-tag\"\u003e\u003cstrong\u003e2 sachets\u003c\/strong\u003e\u003c\/span\u003e\n\u003ch3\u003e\u003cstrong\u003eNoisette\u003c\/strong\u003e\u003c\/h3\u003e\n\u003cp\u003eUne touche de fruit sec, tendre et suave.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-summary\"\u003e\n\u003cp\u003eSoit \u003cstrong\u003e10 sachets de 20 g\u003c\/strong\u003e, pour préparer 10 chocolats chauds, deux par saveur. De quoi comparer, choisir votre favori ou varier les plaisirs au fil des jours.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #2 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003ePour qui ce lot découverte de chocolat chaud est-il fait ?\u003c\/h2\u003e\n\u003cdiv class=\"ctas-grid-compact\"\u003e\n\u003cdiv class=\"ctas-card ctas-card-soft\"\u003e\n\u003cp\u003ePour les amateurs qui hésitent entre plusieurs parfums et ne veulent pas choisir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card ctas-card-soft\"\u003e\n\u003cp\u003ePour le bureau, où chacun trouve la saveur de sa pause.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-card ctas-card-soft\"\u003e\n\u003cp\u003eOu pour vous, tout simplement, quand l'hiver s'installe et que le canapé vous appelle.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ctas-text-center\"\u003eLes sachets individuels sont faciles à doser, à conserver et à emporter. Vous les glissez dans un sac pour une pause en voyage, au travail ou chez des proches.\u003c\/p\u003e\n\u003cdiv class=\"ctas-price\"\u003e\n\u003cspan class=\"ctas-price-figure\"\u003e−14 %\u003c\/span\u003e\n\u003cp\u003e\u003cstrong\u003e14 % de réduction\u003c\/strong\u003e par rapport à l'achat des sachets à l'unité : c'est le prix doux de cet assortiment. Les chocolats sont livrés \u003cstrong\u003esans pochon ni emballage cadeau\u003c\/strong\u003e, ce qui permet de proposer ce tarif plus avantageux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #3 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003eLa recette du chocolat chaud avec les sachets Café-Tasse\u003c\/h2\u003e\n\u003cp class=\"ctas-lead\"\u003ePas besoin d'être pâtissier. Cette \u003cstrong\u003erecette de chocolat chaud\u003c\/strong\u003e se réalise en quelques minutes :\u003c\/p\u003e\n\u003cdiv class=\"ctas-timeline\"\u003e\n\u003cdiv class=\"ctas-etape\"\u003e\n\u003cspan class=\"ctas-etape-num\"\u003e01\u003c\/span\u003e\n\u003cp\u003eVersez \u003cstrong\u003e1 sachet de 20 g\u003c\/strong\u003e dans votre tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-etape\"\u003e\n\u003cspan class=\"ctas-etape-num\"\u003e02\u003c\/span\u003e\n\u003cp\u003eFaites chauffer \u003cstrong\u003e250 ml de lait\u003c\/strong\u003e ou de boisson végétale.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-etape\"\u003e\n\u003cspan class=\"ctas-etape-num\"\u003e03\u003c\/span\u003e\n\u003cp\u003eAjoutez le liquide chaud \u003cstrong\u003eprogressivement\u003c\/strong\u003e sur la poudre, tout en mélangeant, pour obtenir une texture homogène et sans grumeaux.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-etape\"\u003e\n\u003cspan class=\"ctas-etape-num\"\u003e04\u003c\/span\u003e\n\u003cp\u003eDégustez sans attendre, tant que la vapeur s'élève de la tasse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-tip\"\u003e\n\u003cp class=\"ctas-tip-title\"\u003e\u003cstrong\u003eNos petits conseils pour un chocolat chaud maison réussi :\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ctas-tip-list\"\u003e\n\u003cli\u003eChauffez le lait doucement, sans le faire bouillir, pour préserver sa douceur.\u003c\/li\u003e\n\u003cli\u003eSi vous utilisez une \u003cstrong\u003emachine à chocolat chaud\u003c\/strong\u003e ou un mousseur à lait, suivez les indications de votre appareil pour chauffer et émulsionner le liquide avant de le verser sur la poudre.\u003c\/li\u003e\n\u003cli\u003ePour une version végétale, la boisson de votre choix s'utilise comme le lait, dans les mêmes proportions.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #4 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003eCacao, cannelle, caramel, vanille, noisette : un voyage gustatif en 5 tasses\u003c\/h2\u003e\n\u003cp class=\"ctas-lead\"\u003eChaque saveur raconte une ambiance.\u003c\/p\u003e\n\u003cdiv class=\"ctas-voyage\"\u003e\n\u003cdiv class=\"ctas-voyage-item\"\u003e\n\u003cspan class=\"ctas-voyage-num\"\u003e1\u003c\/span\u003e\n\u003cp\u003eLe \u003cstrong\u003ecacao intense\u003c\/strong\u003e séduit par sa profondeur, il rappelle les grands carrés de chocolat noir.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-voyage-item\"\u003e\n\u003cspan class=\"ctas-voyage-num\"\u003e2\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003ecannelle\u003c\/strong\u003e évoque les desserts d'hiver et les cuisines qui sentent bon.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-voyage-item\"\u003e\n\u003cspan class=\"ctas-voyage-num\"\u003e3\u003c\/span\u003e\n\u003cp\u003eLe \u003cstrong\u003ecaramel\u003c\/strong\u003e arrondit le cacao d'une douceur gourmande.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-voyage-item\"\u003e\n\u003cspan class=\"ctas-voyage-num\"\u003e4\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003evanille\u003c\/strong\u003e apporte une note plus feutrée, tout en délicatesse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-voyage-item\"\u003e\n\u003cspan class=\"ctas-voyage-num\"\u003e5\u003c\/span\u003e\n\u003cp\u003eLa \u003cstrong\u003enoisette\u003c\/strong\u003e ajoute une touche de fruit sec, tendre et réconfortante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-testimonial\"\u003e\n\u003cp\u003eEn goûtant les cinq, vous éduquez votre palais : vous remarquez comment chaque parfum change la texture perçue, la longueur en bouche et l'envie de la tasse suivante.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #5 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003eInformations pratiques sur l'assortiment Café-Tasse\u003c\/h2\u003e\n\u003cdiv class=\"ctas-infos\"\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003eMarque :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003eCafé-Tasse, chocolat fin artisanal (Bruxelles)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003eProduit :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003echocolat en poudre pour boisson\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003eContenu :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003e10 sachets individuels de 20 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003eSaveurs :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003e5 (cacao intense, cannelle, caramel, vanille, noisette), 2 sachets de chaque\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003ePoids net total :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003e200 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctas-info-row\"\u003e\n\u003cspan class=\"ctas-info-label\"\u003e\u003cstrong\u003ePrésentation :\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"ctas-info-value\"\u003esans pochon ni emballage cadeau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"ctas-note\"\u003eEn cas d'allergie ou d'intolérance, référez-vous à la composition indiquée sur l'emballage de chaque sachet.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- H2 #6 --\u003e\n\u003csection class=\"ctas-section\"\u003e\n\u003ch2\u003eVos questions sur le chocolat chaud en sachet\u003c\/h2\u003e\n\u003cdiv class=\"ctas-accordion\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eQuelle quantité de lait pour un sachet ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ctas-accordion-content\"\u003e\n\u003cp\u003eComptez 250 ml de lait chaud ou de boisson végétale pour un sachet de 20 g.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003ePeut-on le préparer avec une boisson végétale ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ctas-accordion-content\"\u003e\n\u003cp\u003eOui, elle remplace le lait dans les mêmes proportions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eComment éviter les grumeaux ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ctas-accordion-content\"\u003e\n\u003cp\u003eVersez le liquide chaud petit à petit sur la poudre en mélangeant.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\u003cstrong\u003eCombien de tasses prépare-t-on avec cet assortiment ?\u003c\/strong\u003e\u003c\/summary\u003e\n\u003cdiv class=\"ctas-accordion-content\"\u003e\n\u003cp\u003e10 tasses, soit une par sachet, avec 2 tasses pour chacune des 5 saveurs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- CTA FINAL --\u003e\n\u003csection class=\"ctas-section\" style=\"margin-bottom: 0px!important;\"\u003e\n\u003cdiv class=\"ctas-cta-box\"\u003e\n\u003cdiv class=\"ctas-cta-pattern\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"ctas-cta-kicker\"\u003eCafé-Tasse · Chocolat fin artisanal\u003c\/span\u003e\n\u003cp\u003eVotre nouvelle pause chocolatée préférée tient dans \u003cspan class=\"ctas-cta-accent\"\u003ecinq couleurs de sachets\u003c\/span\u003e. Déchirez, versez, mélangez : la vapeur monte, le parfum de cacao vous enveloppe, la première gorgée est chaude et veloutée.\u003c\/p\u003e\n\u003cp class=\"ctas-cta-last\"\u003eCacao intense, cannelle, caramel, vanille ou noisette : chaque tasse a son humeur, et vous avez \u003cspan class=\"ctas-cta-accent\"\u003etoute la liberté de choisir la vôtre\u003c\/span\u003e.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n:root {\n  --ctas-chocolat: #331803;\n  --ctas-orange: #FF4F33;\n  --ctas-beige: #FBF1EF;\n  --ctas-dore: #CDAC79;\n  --ctas-brun-profond: #351903;\n  --ctas-blanc: #FFFFFF;\n  --ctas-gris: #DEDEDE;\n  --ctas-text: #331803;\n  --ctas-text-light: #5C3D1E;\n  --ctas-shadow: 0 2px 12px rgba(51,24,3,.08);\n  --ctas-shadow-lg: 0 8px 30px rgba(51,24,3,.12);\n  --ctas-radius: 8px;\n  --ctas-radius-cta: 0px;\n}\n\n\/* ===== CONTENEUR ===== *\/\n.ctas-premium {\n  max-width: 900px;\n  margin: 0 auto;\n  padding: clamp(2rem, 5vw, 4rem) clamp(1rem, 3vw, 2rem);\n  font-family: \"Montserrat\", sans-serif;\n  color: var(--ctas-text);\n  line-height: 1.75;\n  font-size: clamp(15px, 2.5vw, 17px);\n  box-sizing: border-box;\n}\n\n.ctas-premium *,\n.ctas-premium *::before,\n.ctas-premium *::after {\n  box-sizing: border-box;\n}\n\n.ctas-premium p {\n  margin: 0 0 1rem 0;\n}\n\n.ctas-premium strong {\n  font-weight: 600;\n  color: var(--ctas-chocolat);\n}\n\n\/* ===== HERO ===== *\/\n.ctas-hero {\n  background: linear-gradient(135deg, var(--ctas-beige) 0%, rgba(205,172,121,.15) 100%);\n  border-radius: var(--ctas-radius);\n  padding: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 4vw, 3rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n  margin-bottom: clamp(2rem, 4vw, 3.5rem);\n  border: 1px solid rgba(205,172,121,.2);\n}\n\n.ctas-hero-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .08;\n  background-image:\n    radial-gradient(ellipse 9px 14px at 20px 20px, var(--ctas-chocolat) 60%, transparent 62%),\n    radial-gradient(ellipse 9px 14px at 60px 55px, var(--ctas-dore) 60%, transparent 62%);\n  background-size: 80px 80px;\n  pointer-events: none;\n}\n\n.ctas-hero-content {\n  position: relative;\n  z-index: 1;\n}\n\n.ctas-marque {\n  display: block;\n  font-family: \"Montserrat\", sans-serif;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--ctas-dore);\n  margin-bottom: 1rem;\n}\n\n.ctas-hero-title {\n  display: block;\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(28px, 5.5vw, 42px);\n  font-weight: 700;\n  color: var(--ctas-chocolat);\n  margin: 0.5rem 0 1rem 0;\n  line-height: 1.2;\n}\n\n.ctas-subtitle {\n  font-family: \"Playfair Display\", serif;\n  font-style: italic;\n  font-size: clamp(16px, 2.5vw, 20px);\n  color: var(--ctas-text-light);\n  margin-bottom: 1rem;\n}\n\n.ctas-subtitle strong {\n  font-weight: 700;\n}\n\n.ctas-description {\n  max-width: 620px;\n  margin: 0 auto !important;\n  color: var(--ctas-text-light);\n}\n\n\/* ===== BADGES ===== *\/\n.ctas-badges-top {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  justify-content: center;\n  margin-bottom: 1rem;\n}\n\n.ctas-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 14px;\n  background: var(--ctas-blanc);\n  border: 1px solid rgba(205,172,121,.3);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ctas-chocolat);\n  box-shadow: 0 1px 4px rgba(51,24,3,.06);\n}\n\n\/* ===== SECTIONS ===== *\/\n.ctas-section {\n  margin-bottom: clamp(3rem, 6vw, 4.5rem);\n}\n\n.ctas-premium h2 {\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(22px, 4vw, 30px);\n  font-weight: 700;\n  color: var(--ctas-chocolat);\n  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;\n  text-align: center;\n  position: relative;\n  padding-bottom: 1rem;\n  line-height: 1.3;\n}\n\n.ctas-premium h2::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 40px;\n  height: 2px;\n  background: var(--ctas-dore);\n}\n\n.ctas-lead {\n  text-align: center;\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: 1.5rem;\n}\n\n.ctas-intro-list {\n  text-align: center;\n  font-family: \"Playfair Display\", serif;\n  font-style: italic;\n  color: var(--ctas-text-light);\n  margin-bottom: 1.5rem;\n}\n\n.ctas-text-center {\n  text-align: center;\n  max-width: 700px;\n  margin: 2rem auto 2rem auto !important;\n  color: var(--ctas-text-light);\n}\n\n\/* ===== CARDS ===== *\/\n.ctas-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap: 1.5rem;\n}\n\n.ctas-grid-compact {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.ctas-card {\n  background: var(--ctas-blanc);\n  border-radius: var(--ctas-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  box-shadow: var(--ctas-shadow);\n  border: 1px solid var(--ctas-gris);\n  transition: all .3s ease;\n  position: relative;\n}\n\n.ctas-card:hover {\n  transform: translateY(-4px);\n  box-shadow: var(--ctas-shadow-lg);\n  border-color: var(--ctas-dore);\n}\n\n.ctas-card h3 {\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(17px, 2.5vw, 20px);\n  font-weight: 700;\n  color: var(--ctas-chocolat);\n  margin: 0 0 0.75rem 0;\n}\n\n.ctas-card h3 strong {\n  font-weight: 700;\n}\n\n.ctas-card p {\n  color: var(--ctas-text-light);\n  font-size: clamp(14px, 2vw, 15px);\n  line-height: 1.7;\n  margin: 0;\n}\n\n.ctas-card-tag {\n  display: inline-block;\n  font-size: 11px;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n  color: var(--ctas-dore);\n  margin-bottom: 0.5rem;\n  padding-bottom: 0.4rem;\n  border-bottom: 1px solid rgba(205,172,121,.3);\n}\n\n.ctas-card-tag strong {\n  color: var(--ctas-dore);\n  font-weight: 700;\n}\n\n.ctas-card-soft {\n  border-left: 3px solid var(--ctas-dore);\n}\n\n.ctas-card-soft p {\n  font-family: \"Playfair Display\", serif;\n  font-style: italic;\n  font-size: clamp(15px, 2.2vw, 17px);\n  color: var(--ctas-chocolat);\n}\n\n.ctas-summary {\n  margin-top: 2rem;\n  text-align: center;\n  padding: 1.5rem;\n  border-top: 1px solid rgba(205,172,121,.3);\n  border-bottom: 1px solid rgba(205,172,121,.3);\n}\n\n.ctas-summary p {\n  margin: 0;\n}\n\n\/* ===== PRIX DOUX ===== *\/\n.ctas-price {\n  display: flex;\n  align-items: center;\n  gap: clamp(1rem, 3vw, 2rem);\n  background: var(--ctas-beige);\n  border-radius: var(--ctas-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 1px solid rgba(205,172,121,.3);\n}\n\n.ctas-price-figure {\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(32px, 6vw, 48px);\n  font-weight: 700;\n  color: var(--ctas-orange);\n  line-height: 1;\n  flex-shrink: 0;\n}\n\n.ctas-price p {\n  margin: 0;\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--ctas-text-light);\n}\n\n\/* ===== TIMELINE ===== *\/\n.ctas-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  max-width: 720px;\n  margin: 0 auto 2.5rem auto;\n  position: relative;\n}\n\n.ctas-etape {\n  display: flex;\n  gap: 1.5rem;\n  align-items: flex-start;\n  padding-bottom: 1.5rem;\n  border-bottom: 1px solid var(--ctas-gris);\n}\n\n.ctas-etape:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.ctas-etape-num {\n  font-family: \"Playfair Display\", serif;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--ctas-dore);\n  flex-shrink: 0;\n  min-width: 2.5rem;\n  line-height: 1.4;\n}\n\n.ctas-etape p {\n  margin: 0;\n  font-size: clamp(15px, 2.5vw, 17px);\n  color: var(--ctas-text);\n}\n\n\/* ===== TIP ===== *\/\n.ctas-tip {\n  background: var(--ctas-beige);\n  border-radius: var(--ctas-radius);\n  padding: clamp(1.5rem, 3vw, 2rem);\n  border: 1px solid rgba(205,172,121,.3);\n}\n\n.ctas-tip-title {\n  font-family: \"Playfair Display\", serif;\n  font-weight: 700;\n  font-size: clamp(16px, 2.5vw, 18px);\n  color: var(--ctas-chocolat);\n  margin-bottom: 1rem !important;\n}\n\n.ctas-tip-title strong {\n  font-weight: 700;\n}\n\n.ctas-tip-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.ctas-tip-list li {\n  position: relative;\n  padding-left: 1.5rem;\n  margin-bottom: 0.75rem;\n  font-size: clamp(14px, 2vw, 15px);\n  color: var(--ctas-text-light);\n}\n\n.ctas-tip-list li:last-child {\n  margin-bottom: 0;\n}\n\n.ctas-tip-list li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0.65em;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--ctas-dore);\n}\n\n\/* ===== VOYAGE GUSTATIF ===== *\/\n.ctas-voyage {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 1rem;\n  margin-bottom: 2rem;\n}\n\n.ctas-voyage-item {\n  background: var(--ctas-blanc);\n  border: 1px solid var(--ctas-gris);\n  border-radius: var(--ctas-radius);\n  padding: 1.25rem 1rem;\n  text-align: center;\n  box-shadow: var(--ctas-shadow);\n  transition: all .3s ease;\n}\n\n.ctas-voyage-item:hover {\n  border-color: var(--ctas-dore);\n  box-shadow: var(--ctas-shadow-lg);\n}\n\n.ctas-voyage-num {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 1px solid var(--ctas-dore);\n  font-family: \"Playfair Display\", serif;\n  font-weight: 700;\n  color: var(--ctas-dore);\n  margin-bottom: 0.75rem;\n}\n\n.ctas-voyage-item p {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.6;\n  color: var(--ctas-text-light);\n}\n\n\/* ===== TESTIMONIAL ===== *\/\n.ctas-testimonial {\n  background: var(--ctas-beige);\n  border-radius: var(--ctas-radius);\n  padding: clamp(2rem, 4vw, 3rem);\n  border-left: 3px solid var(--ctas-dore);\n  font-style: italic;\n  position: relative;\n}\n\n.ctas-testimonial::before {\n  content: '❝';\n  font-size: 3rem;\n  color: var(--ctas-dore);\n  opacity: .3;\n  position: absolute;\n  top: 0.5rem;\n  left: 1rem;\n  line-height: 1;\n}\n\n.ctas-testimonial p {\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(16px, 2.4vw, 19px);\n  color: var(--ctas-chocolat);\n  margin: 0;\n  position: relative;\n}\n\n\/* ===== INFOS PRATIQUES ===== *\/\n.ctas-infos {\n  background: var(--ctas-blanc);\n  border: 1px solid var(--ctas-gris);\n  border-radius: var(--ctas-radius);\n  box-shadow: var(--ctas-shadow);\n  overflow: hidden;\n}\n\n.ctas-info-row {\n  display: grid;\n  grid-template-columns: 200px 1fr;\n  gap: 1rem;\n  padding: 1rem 1.5rem;\n  border-bottom: 1px solid var(--ctas-gris);\n  font-size: clamp(14px, 2vw, 15px);\n}\n\n.ctas-info-row:nth-child(odd) {\n  background: var(--ctas-beige);\n}\n\n.ctas-info-row:last-child {\n  border-bottom: none;\n}\n\n.ctas-info-label {\n  color: var(--ctas-chocolat);\n}\n\n.ctas-info-value {\n  color: var(--ctas-text-light);\n}\n\n.ctas-note {\n  margin-top: 1.25rem !important;\n  font-size: 13px;\n  font-style: italic;\n  color: var(--ctas-text-light);\n  text-align: center;\n}\n\n\/* ===== ACCORDION ===== *\/\n.ctas-accordion {\n  max-width: 760px;\n  margin: 0 auto;\n}\n\n.ctas-accordion details {\n  border: 1px solid var(--ctas-gris);\n  border-radius: var(--ctas-radius);\n  margin-bottom: 0.75rem;\n  overflow: hidden;\n  background: var(--ctas-blanc);\n  transition: border-color .3s ease;\n}\n\n.ctas-accordion details[open] {\n  border-color: var(--ctas-dore);\n}\n\n.ctas-accordion summary {\n  padding: 1rem 3rem 1rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  background: var(--ctas-blanc);\n  color: var(--ctas-chocolat);\n  transition: background .3s ease;\n  list-style: none;\n  position: relative;\n}\n\n.ctas-accordion summary::-webkit-details-marker {\n  display: none;\n}\n\n.ctas-accordion summary::after {\n  content: '+';\n  position: absolute;\n  right: 1.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  font-family: \"Playfair Display\", serif;\n  font-size: 22px;\n  color: var(--ctas-dore);\n  transition: transform .3s ease;\n}\n\n.ctas-accordion details[open] summary::after {\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.ctas-accordion summary:hover {\n  background: var(--ctas-beige);\n}\n\n.ctas-accordion details[open] summary {\n  border-bottom: 1px solid var(--ctas-gris);\n}\n\n.ctas-accordion-content {\n  padding: 1.5rem;\n}\n\n.ctas-accordion-content p {\n  margin: 0;\n  color: var(--ctas-text-light);\n}\n\n\/* ===== CTA FINAL ===== *\/\n.ctas-cta-box {\n  background: var(--ctas-chocolat);\n  border-radius: var(--ctas-radius);\n  padding: clamp(2.5rem, 5vw, 4rem);\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n\n.ctas-cta-pattern {\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  opacity: .06;\n  background-image: radial-gradient(ellipse 9px 14px at 20px 20px, var(--ctas-dore) 60%, transparent 62%);\n  background-size: 70px 70px;\n  pointer-events: none;\n}\n\n.ctas-cta-kicker {\n  display: block;\n  position: relative;\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .15em;\n  text-transform: uppercase;\n  color: var(--ctas-dore);\n  margin-bottom: 1.25rem;\n}\n\n.ctas-cta-box p {\n  position: relative;\n  color: var(--ctas-blanc);\n  font-family: \"Playfair Display\", serif;\n  font-size: clamp(17px, 2.5vw, 22px);\n  font-style: italic;\n  line-height: 1.6;\n  max-width: 680px;\n  margin: 0 auto 1rem auto;\n}\n\n.ctas-cta-box .ctas-cta-last {\n  margin-bottom: 0;\n  padding-top: 1rem;\n  border-top: 1px solid rgba(205,172,121,.3);\n}\n\n.ctas-cta-accent {\n  color: var(--ctas-dore);\n}\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 767px) {\n  .ctas-grid {\n    grid-template-columns: 1fr;\n  }\n  .ctas-grid-compact {\n    grid-template-columns: 1fr;\n  }\n  .ctas-voyage {\n    grid-template-columns: 1fr;\n  }\n  .ctas-voyage-item {\n    display: flex;\n    align-items: center;\n    gap: 1rem;\n    text-align: left;\n  }\n  .ctas-voyage-num {\n    margin-bottom: 0;\n    flex-shrink: 0;\n  }\n  .ctas-price {\n    flex-direction: column;\n    text-align: center;\n  }\n  .ctas-info-row {\n    grid-template-columns: 1fr;\n    gap: 0.25rem;\n  }\n  .ctas-etape {\n    gap: 1rem;\n  }\n}\n\n@media (min-width: 768px) and (max-width: 900px) {\n  .ctas-voyage {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n\n\/* ===== ACCESSIBILITÉ ===== *\/\n@media (prefers-reduced-motion: reduce) {\n  .ctas-premium * {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .ctas-premium {\n    --ctas-text: #1a0a00;\n    --ctas-text-light: #3a1c08;\n  }\n}\n\n\/* ===== ANIMATIONS ===== *\/\n@media (prefers-reduced-motion: no-preference) {\n  .ctas-card,\n  .ctas-section {\n    opacity: 0;\n    transform: translateY(8px);\n    animation: ctas-fadeIn .5s ease forwards;\n  }\n\n  @keyframes ctas-fadeIn {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .ctas-section:nth-child(2) { animation-delay: .1s; }\n  .ctas-section:nth-child(3) { animation-delay: .2s; }\n  .ctas-section:nth-child(4) { animation-delay: .3s; }\n  .ctas-section:nth-child(5) { animation-delay: .4s; }\n  .ctas-section:nth-child(6) { animation-delay: .5s; }\n  .ctas-section:nth-child(7) { animation-delay: .6s; }\n  .ctas-section:nth-child(8) { animation-delay: .7s; }\n}\n\u003c\/style\u003e","brand":"Raconte Moi un Chocolat","offers":[{"title":"Default Title","offer_id":57553545560388,"sku":"LOT-CP-5x2","price":12.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0278\/1832\/8112\/files\/Sachets_de_chocolat_chaud_Cafe-Tasse.jpg?v=1792702030","url":"https:\/\/www.racontemoiunchocolat.com\/products\/assortiment-de-10-chocolats-chauds-cafe-tasse-5-saveurs-a-prix-doux","provider":"Raconte Moi un Chocolat","version":"1.0","type":"link"}