{"title":"NOS COUPS DE CŒUR","description":null,"products":[{"product_id":"colombie-huila-decafeine","title":"DÉCAFÉINÉ - COLOMBIE","description":"\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eTOFFEE + ABRICOT + SIROP DE COLA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eMunicipalité de Buesaco, département de Nariño, Colombie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003ePlusieurs petit·es producteur·rices\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003eVariées\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé et décaféiné à l’acétate d’éthyle\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e2100 à 2400 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eApex Coffee Imports\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e5600 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e4,20 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRIX LIVRÉ\u003c\/td\u003e\n\u003ctd\u003e8,30 $ CAD\/LB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e1 an\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eCe café offre un profil classique, aux arômes de chocolat, de sirop de cola et de toffee, avec une belle acidité qui rappelle l’abricot, qui s’apprécie aussi bien en espresso qu’en infusion filtre. Il a été décaféiné à l’acétate d’éthyle, un solvant pouvant être obtenu à partir de la canne à sucre. Le procédé consiste à humidifier les grains de café vert, à les mettre en contact avec le solvant, puis à les rincer à la vapeur et à les sécher. Cette méthode permet d’extraire la caféine tout en préservant une bonne partie des arômes du café.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eLe nom de ce café, Buesaco Jardines, signifie « Jardins de Buesaco », un clin d’œil aux jardins verdoyants qui entourent les petites fermes caféières de cette municipalité perchée dans la cordillère des Andes. Le projet Jardines est né d’une volonté collective : regrouper de petites récoltes afin de créer des lots plus cohérents, plus simples à gérer et capables de mettre pleinement en valeur la personnalité du terroir.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eCe lot réunit plusieurs producteur·rices, dont Aura Montánchez, deuxième génération de cultivateur·rices, Yovanny Pinchao de la ferme La Esperanza, premier de sa famille à se lancer dans le café en 2019, ainsi que Javier Martínez, producteur de Villa Moreno établi au village d’El Cortijo.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : PARAMÈTRES D'EXTRACTION — ESPRESSO\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eEspresso — paramètres recommandés\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé moulu\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e17,7 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé dans la tasse\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e34 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800;\"\u003eTemps d'extraction\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right;\"\u003e28 sec\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .7; line-height: 1.4;\"\u003e\n\u003cstrong\u003eÀ noter —\u003c\/strong\u003e Recette optimisée pour un panier de \u003cstrong\u003e18 g\u003c\/strong\u003e. Consulte le manuel de ta machine pour connaître la capacité de ton panier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 5 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-decafbuesaco\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:16\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 240 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 91 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-decafbuesaco\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-decafbuesaco\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-decafbuesaco\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-decafbuesaco\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-decafbuesaco\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-decafbuesaco\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-decafbuesaco\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:40\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-decafbuesaco\"\u003eVerser pendant 0:30s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 150 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+100 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-decafbuesaco\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:20\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-decafbuesaco\"\u003eVerser pendant 0:25s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 240 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+90 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e2:15\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 5 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-decafbuesaco';\n var END_AT = 135;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 40, pourLen: 30 },\n { key: 3, t: 80, pourLen: 25 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e","brand":"ZAB","offers":[{"title":"300g","offer_id":10369779662891,"sku":"CAF-SIN-DECA-300","price":26.5,"currency_code":"CAD","in_stock":true},{"title":"808g","offer_id":32797185572939,"sku":"CAF-SIN-DECA-808","price":64.5,"currency_code":"CAD","in_stock":true},{"title":"2268g (5lbs)","offer_id":32797183901771,"sku":"CAF-SIN-DECA-2268","price":165.0,"currency_code":"CAD","in_stock":true},{"title":"100g","offer_id":51434155704629,"sku":"CAF-SIN-DECA-100","price":13.75,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 5lbs (Livraison locale seulement)","offer_id":52564443463989,"sku":"CAF-SIN-DECA-BUCK-5","price":190.0,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 15lbs (Livraison locale seulement)","offer_id":52478907842869,"sku":"CAF-SIN-DECA-BUCK-15","price":520.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/decaf-buesaco-300g.jpg?v=1793313023"},{"product_id":"ethiopie-tero","title":"ÉTHIOPIE - TERO","description":"\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eFRAMBOISE + CARAMEL + EARL GREY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;\"\u003e\u003ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;\" src=\"https:\/\/www.youtube.com\/embed\/ISfsfawrmVs\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"\u003e\n\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eZone de Guji, région d’Oromia, Éthiopie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003e450 petit·es producteur·rices du groupe Dimtu Coffee Industry\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFERME\u003c\/td\u003e\n\u003ctd\u003eTero\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003e74110, 74158\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e2400 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eCrop to Cup\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e600 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e4,90 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e3 ans\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eDès la première gorgée, la framboise apporte une touche fruitée et délicatement acidulée. Le caramel s’installe ensuite avec une douceur gourmande et une texture crémeuse, accompagné de notes florales et bergamotées rappelant le thé Earl Grey. La finale douce et persistante révèle des notes de thé noir qui équilibrent la richesse du caramel et la fraîcheur de la framboise.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eTero, c’est le nom de la ferme de Getachew Zeleke, le propriétaire du groupe d’exportation Dimtu. Tero est composé du café de Getachew ainsi que de celui de 450 petit·es producteur·rices des collines avoisinantes.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eBien avant de cultiver du café, Getachew était comptable. Grâce à ses économies, il a réussi à s’acheter un terrain à Addis-Abeba. En 2008, avec la montée de l'immobilier, il revend ce terrain et utilise l’argent pour acheter une parcelle de terre, qui deviendra la ferme Tero.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003ePetit à petit, il commence à récolter ses propres cerises puis celles des producteur·rices de sa région, pour les revendre une fois séchées sur le marché local. En 2016, il construit sa propre station de lavage et passe au café de spécialité : Dimtu Coffee Industry est né.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eMais ce n’est pas tout. Insatisfait des centres de décorticage du café, trop lents et pas assez précis, Getachew décide d’en construire une lui-même. Résultat : un contrôle total sur chaque étape, de la cerise à l’exportation. Et c’est ça qu’on aime. Ce souci du détail, cet engagement pour la qualité, cette rigueur de comptable… tout ça fait de Getachew un partenaire exceptionnel !\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : PARAMÈTRES D'EXTRACTION — ESPRESSO\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eEspresso — paramètres recommandés\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé moulu\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e18 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé dans la tasse\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e37 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800;\"\u003eTemps d'extraction\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right;\"\u003e27 sec\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .7; line-height: 1.4;\"\u003e\n\u003cstrong\u003eÀ noter —\u003c\/strong\u003e Recette optimisée pour un panier de \u003cstrong\u003e18 g\u003c\/strong\u003e. Consulte le manuel de ta machine pour connaître la capacité de ton panier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 5 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-tero\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:15\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 225 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 91 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-tero\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-tero\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-tero\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-tero\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-tero\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-tero\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-tero\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:40\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-tero\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 100 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-tero\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:20\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-tero\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 170 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+70 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-4-tero\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:55\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-4-tero\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 225 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+55 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e2:40\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 5 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-tero';\n var END_AT = 160;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 40, pourLen: 10 },\n { key: 3, t: 80, pourLen: 10 },\n { key: 4, t: 115, pourLen: 10 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX),\n 4: document.getElementById('v60-pill-4' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX),\n 4: document.getElementById('v60-card-4' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e","brand":"ZAB","offers":[{"title":"300g","offer_id":51101415866677,"sku":"CAF-SIN-TERO-300","price":33.0,"currency_code":"CAD","in_stock":true},{"title":"808g","offer_id":51101415899445,"sku":"CAF-SIN-TERO-808","price":80.0,"currency_code":"CAD","in_stock":true},{"title":"2268g (5lbs)","offer_id":51101415932213,"sku":"CAF-SIN-TERO-2268","price":205.0,"currency_code":"CAD","in_stock":true},{"title":"100g","offer_id":53629276782901,"sku":"CAF-SIN-TERO-100","price":16.0,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 5lbs (Livraison locale seulement)","offer_id":53629051601205,"sku":"CAF-SIN-TERO-BUCK-5","price":230.0,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 15lbs (Livraison locale seulement)","offer_id":53629051633973,"sku":"CAF-SIN-TERO-BUCK-15","price":640.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/tero-300g-retour_0615c84f-aa3f-45b6-992d-5db4be0c19cf.jpg?v=1793119978"},{"product_id":"guatemala-raul-perez","title":"GUATEMALA - FAMILLE PEREZ","description":"\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eFUDGE + CARAMEL + POMME ROUGE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;\"\u003e\u003ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;\" src=\"https:\/\/www.youtube.com\/embed\/emoBWvgfMF0\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"\u003e\n\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eAcatenango, Chimaltenango, Guatemala\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003eFamille Perez\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFERME\u003c\/td\u003e\n\u003ctd\u003eFinca La Soledad\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003eCaturra, Catuai\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e1400-1600 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eApex\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e345 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e4,75 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRIX LIVRÉ\u003c\/td\u003e\n\u003ctd\u003e9,49 $ CAD\/LB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e3 ans\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eUn café d'Amérique centrale avec le côté juteux et sucré de la pomme ainsi qu'une longueur en cacao et sucre. En espresso, sa texture et son sucre rappellent le caramel écossais. En filtre, on découvre un café avec une belle délicatesse et une vibrance qui nous ramène aux temps des pommes. Réconfortant, mais avec cette petite acidité qui nous donne envie de prendre une autre gorgée.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eLa Finca La Soledad se trouve au cœur d'Acatenango, au Guatemala et couvre 90 hectares dont seulement la moitié est consacrée à la production ; le reste est laissé en forêt naturelle, un choix qui préserve l'écosystème et renforce la qualité du terroir.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eRaúl Pérez est un producteur de sixième génération. Avec son père Henio, sa mère Mercedes et son frère José, ils affinent constamment leurs méthodes de transformation pour révéler tout le potentiel de leurs cafés. La Finca La Soledad est d'ailleurs reconnue pour son sens du détail et ses cafés lavés réalisés avec un soin exceptionnel.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eLa famille Perez utilise un procédé lavé traditionnel : les cerises mûres sont cueillies à la main, fermentées 40 à 45 heures, puis lavées et séchées sur lits africains pendant 12 à 18 jours. Ce processus donne une tasse propre et vive, aux notes florales, citronnées et tropicales, avec un corps soyeux et une belle complexité.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : PARAMÈTRES D'EXTRACTION — ESPRESSO\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eEspresso — paramètres recommandés\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé moulu\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e18 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé dans la tasse\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e35 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800;\"\u003eTemps d'extraction\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right;\"\u003e30 sec\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .7; line-height: 1.4;\"\u003e\n\u003cstrong\u003eÀ noter —\u003c\/strong\u003e Recette optimisée pour un panier de \u003cstrong\u003e18 g\u003c\/strong\u003e. Consulte le manuel de ta machine pour connaître la capacité de ton panier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 5 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-perez\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:15\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 225 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 93 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-perez\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-perez\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-perez\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-perez\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-perez\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-perez\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 40 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-perez\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:40\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-perez\"\u003eVerser pendant 0:30s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 160 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+120 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-perez\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:20\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-perez\"\u003eVerser pendant 0:20s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 225 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+65 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e2:45\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 5 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-perez';\n var END_AT = 165;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 40, pourLen: 30 },\n { key: 3, t: 80, pourLen: 20 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e","brand":"ZAB","offers":[{"title":"300g","offer_id":51756481282357,"sku":"CAF-SIN-PERE-300","price":30.0,"currency_code":"CAD","in_stock":true},{"title":"808g","offer_id":51756481315125,"sku":"CAF-SIN-PERE-808","price":72.0,"currency_code":"CAD","in_stock":true},{"title":"2268g (5lbs)","offer_id":51756481347893,"sku":"CAF-SIN-PERE-2268","price":190.0,"currency_code":"CAD","in_stock":true},{"title":"100g","offer_id":51756481380661,"sku":"CAF-SIN-PERE-100","price":15.0,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 5lbs (Livraison locale seulement)","offer_id":52568888115509,"sku":"CAF-SIN-PERE-BUCK-5","price":215.0,"currency_code":"CAD","in_stock":true},{"title":"Bucket - 15lbs (Livraison locale seulement)","offer_id":52568888148277,"sku":"CAF-SIN-PERE-BUCK-15","price":595.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/famille-perez-300g-retour_61700b9a-7699-4ac5-92d0-4f7a678e0631.jpg?v=1791466811"},{"product_id":"colombie-francy-castillo-varietes-rares","title":"COLOMBIE - FRANCY CASTILLO: VARIÉTÉS RARES","description":"\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eMELON MIEL + TANGERINE + OOLONG\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eRégion d'Arboleda, département de Nariño, Colombie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003eFrancy Castillo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFERME\u003c\/td\u003e\n\u003ctd\u003eEl Ubérrimo\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003eBourbon rose, Geisha, Sidra et Wush wush\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e2118 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eApex\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e96 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e8,44 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRIX LIVRÉ\u003c\/td\u003e\n\u003ctd\u003e18,22 $ CAD\/LB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e4 ans\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;\"\u003e\u003ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;\" src=\"https:\/\/www.youtube.com\/embed\/PasUD7LZEUQ?si=aqQ2pJqOIrqiiNWr\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eNous avons eu la chance, durant l'été 2023, d'être accueillis en Colombie dans la région de Nariño par nul autre que la remarquable Francy Castillo. C'est en suivant ses pas enthousiastes et son rire éclatant que nous nous sommes rendus à 2000 mètres d'altitude, à travers un petit sentier étroit et ardu, pour finalement arriver à sa ferme de caféiers. La vue à travers les montagnes était incroyable, et l'accueil de Francy encore plus remarquable.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eFrancy est une femme impressionnante, non seulement pour son expertise hors du commun, mais aussi pour le dévouement dont elle fait preuve pour sa communauté. Elle travaille sur sa ferme ainsi que sur les terres familiales, mais aussi avec plus de 900 petits producteurs et productrices de sa région. Elle supervise le projet Berruecos, qui regroupe les cerises des petits producteurs de la région à son point de collecte. Cette initiative permet aux producteurs isolés d'accéder au marché du café de spécialité, leur offrant ainsi la possibilité de toucher des prix premium. Le projet génère des lots plus grands et plus faciles à gérer, provenant de fermes et de producteurs exceptionnels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-francycastillo\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:16\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 240 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 92 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-francycastillo\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-francycastillo\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-francycastillo\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-francycastillo\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-francycastillo\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-francycastillo\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-francycastillo\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:30\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-francycastillo\"\u003eVerser pendant 0:30s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 115 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+65 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-francycastillo\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:15\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-francycastillo\"\u003eVerser pendant 0:20s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 170 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+55 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-4-francycastillo\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:50\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-4-francycastillo\"\u003eVerser pendant 0:25s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 240 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+70 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e3:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-francycastillo';\n var END_AT = 180;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 30, pourLen: 30 },\n { key: 3, t: 75, pourLen: 20 },\n { key: 4, t: 110, pourLen: 25 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX),\n 4: document.getElementById('v60-pill-4' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX),\n 4: document.getElementById('v60-card-4' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e","brand":"ZAB","offers":[{"title":"200g","offer_id":52990481629493,"sku":"CAF-SIN-FRAN-FANC-GB","price":35.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/francy-spring2026-200g.jpg?v=1781285595"},{"product_id":"colombie-frank-torres-1","title":"COLOMBIE - FRANK TORRES","description":"\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eFRAMBOISE + CERISE NOIRE + MOUSSE AU CHOCOLAT + ÉPICES\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;\"\u003e\u003ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;\" src=\"https:\/\/www.youtube.com\/embed\/k_m6QRPaKwA?si=VFFSxu2aolAbwHhb\"\u003e\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eRégion de la Union, province de Nariño, Colombie\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003eFrank Torres\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFERME\u003c\/td\u003e\n\u003ctd\u003eLa Indonesia\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003eBourbon rose\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e1750 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eApex Coffee Imports\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e96 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e10,95 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRIX LIVRÉ\u003c\/td\u003e\n\u003ctd\u003e21,75 $ CAD\/LB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e2 ans\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eFrank Torres vient d'une famille avec une longue tradition caféière à La Unión, en Colombie, où son grand-père, Marco Antonio Torres, a été l'un des premiers à cultiver le café il y a plus de 80 ans.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eAujourd'hui, Frank est le principal gestionnaire de la Finca La Indonesia, une partie de la propriété familiale dont il supervise l'ensemble des pratiques agricoles et de transformation. Il cherche constamment à améliorer les pratiques agricoles, avec un fort accent sur la durabilité : santé des sols, gestion responsable de l'eau, intégration d'arbres d'ombrage et diversification des cultures. Grâce à ses efforts, 90 % de l'exploitation est aujourd'hui convertie à l'agriculture biologique. Il se distingue aussi par son travail en transformation, nourri par son expérience et son goût pour l'expérimentation.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003ePour ce Bourbon Rose, les cerises sont d'abord dépulpées puis fermentées en bioréacteur, un environnement fermé qui permet de contrôler très précisément le processus. On y ajoute une petite portion de « moût », un liquide issu d'une fermentation précédente qui agit comme un « starter » naturel, riche en sucres et en micro-organismes. La fermentation se déroule ensuite sous CO₂, sans contact avec l'oxygène, pendant environ 48 heures, à pression stable. Tout au long du processus, les paramètres clés sont surveillés afin d'assurer une évolution optimale du café.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eUn procédé hautement contrôlé et précis, qui donne naissance à un café singulier et met en valeur tout le savoir-faire de Frank Torres.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-laindonesia\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:15\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 225 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 92 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-laindonesia\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-laindonesia\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-laindonesia\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-laindonesia\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-laindonesia\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-laindonesia\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 45 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-laindonesia\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:45\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-laindonesia\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 105 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+60 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-laindonesia\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:15\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-laindonesia\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 170 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+65 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-4-laindonesia\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:50\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-4-laindonesia\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 225 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+55 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e2:50\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-laindonesia';\n var END_AT = 170;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 45, pourLen: 10 },\n { key: 3, t: 75, pourLen: 10 },\n { key: 4, t: 110, pourLen: 10 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX),\n 4: document.getElementById('v60-pill-4' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX),\n 4: document.getElementById('v60-card-4' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e","brand":"ZAB","offers":[{"title":"200g","offer_id":53100163531061,"sku":"CAF-SIN-FRAN-TORR-GB","price":42.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/frank-torres-200g.jpg?v=1784050501"},{"product_id":"kenya-rungeto-kiangoi","title":"KENYA - KIANGOI","description":"\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 1 : NOTES DE DÉGUSTATION\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto; border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden;\"\u003e\n\u003cdiv style=\"padding: 10px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eNotes de dégustation\u003c\/div\u003e\n\u003cdiv style=\"padding: 16px 14px; font-weight: 900; text-transform: uppercase; font-size: 28px; letter-spacing: .05em; text-align: center; background: transparent;\"\u003eCAMERISE + PAMPLEMOUSSE + VANILLE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 1 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv style=\"position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px;\"\u003e\u003ciframe style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 8px;\" src=\"https:\/\/www.youtube.com\/embed\/PAlWZj5F3lk\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen=\"\"\u003e\n\u003c\/iframe\u003e\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 2 : APPROVISIONNEMENT\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eApprovisionnement\u003c\/div\u003e\n\u003ctable border=\"3\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"width: 20%;\"\u003eORIGINE\u003c\/td\u003e\n\u003ctd\u003eZone de Gichugu, comté de Kirinyaga, Kenya\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRODUCTEURS\u003c\/td\u003e\n\u003ctd\u003ePlusieurs petit·es producteur·rices\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCOOPÉRATIVE\u003c\/td\u003e\n\u003ctd\u003eKiangoi\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVARIÉTÉ\u003c\/td\u003e\n\u003ctd\u003eBatian, SL-34, Ruiru 11, SL-28\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePROCÉDÉ\u003c\/td\u003e\n\u003ctd\u003eLavé\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eALTITUDE\u003c\/td\u003e\n\u003ctd\u003e1600 à 1800 m\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePARTENAIRES\u003c\/td\u003e\n\u003ctd\u003eApex Coffee imports\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eVOLUME ACHETÉ\u003c\/td\u003e\n\u003ctd\u003e180 kg\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFAB\u003c\/td\u003e\n\u003ctd\u003e5,84 $ US\/lb\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePRIX LIVRÉ\u003c\/td\u003e\n\u003ctd\u003e12,20 $ CAD\/LB\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRELATION\u003c\/td\u003e\n\u003ctd\u003e1 an\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 2 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 : INFORMATIONS SUR LE CAFÉ\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv style=\"padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center; border-radius: 12px 12px 0 0;\"\u003eInformations sur le café\u003c\/div\u003e\n\u003cdiv style=\"border: 2px solid var(--product-box-background, #000); border-top: none; border-radius: 0 0 12px 12px; padding: 16px 14px; background: transparent;\"\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eUn café lumineux qui, en filtre, nous offre une belle complexité, balançant l’amertume douce du pamplemousse et l’acidité vive de la camerise, avec un fond tout en sucre. En espresso, on vise un shot long, mais rapide, sacrifiant le corps pour nous laisser avec un café vif et expressif, qui goûte la mûre et le jus d’orange, miam!\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px 0;\"\u003eLa station de lavage Kiangoi est à Gichugu, dans le comté de Kirinyaga, au cœur du Kenya. Elle a été fondée dans les années 60 et elle travaille avec les producteur·rices des villages de Kiangoro et Karinga. La station est certifiée Fairtrade et se trouve dans une région où les arbres indigènes font encore partie du paysage. On y trie aussi les cerises à la main, question de garder uniquement les plus mûres, et ainsi avoir la meilleure qualité de grains possible.\u003c\/p\u003e\n\u003cp style=\"margin: 0;\"\u003eLe café est dépulpé pour ensuite être mis en fermentation pour une période de 8 à 12 heures. Les grains sont ensuite lavés, immergés dans de l’eau pendant 16 à 18 heures, puis séchés au soleil sur des lits surélevés pendant près de deux semaines. Un travail minutieux, du fruit au grain vert, pour préserver toute la qualité du café. Et ça, ça se sent clairement dans la tasse!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 3 BIS : CARROUSEL PHOTOS\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto 12px auto;\"\u003e\n\u003cdiv id=\"zabCar-kiangoi\" style=\"display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; border: 2px solid var(--product-box-background, #000); border-radius: 12px; scrollbar-width: none;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/2026-11-01-kiangoi-01-web.jpg?v=1793546185\" alt=\"Homme souriant portant une casquette grise et un polo blanc, devant un bâtiment de bois et de la verdure\" loading=\"lazy\" width=\"1600\" height=\"1067\" style=\"flex: 0 0 100%; width: 100%; height: auto; aspect-ratio: 3 \/ 2; object-fit: cover; scroll-snap-align: center; display: block;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/2026-11-01-kiangoi-02-web.jpg?v=1793546185\" alt=\"Mur de briques de la station Kiangoi, enseigne « Rungeto Farmers Co-op Society – Kiangoi Coffee Factory »\" loading=\"lazy\" width=\"1600\" height=\"1067\" style=\"flex: 0 0 100%; width: 100%; height: auto; aspect-ratio: 3 \/ 2; object-fit: cover; scroll-snap-align: center; display: block;\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; justify-content: center; gap: 8px; margin-top: 8px;\"\u003e\n\u003cbutton type=\"button\" id=\"zabCarDot-1-kiangoi\" aria-label=\"Photo 1\" style=\"cursor: pointer; width: 10px; height: 10px; padding: 0; border-radius: 999px; border: 2px solid var(--product-box-background, #000); background: #000;\"\u003e\u003c\/button\u003e \u003cbutton type=\"button\" id=\"zabCarDot-2-kiangoi\" aria-label=\"Photo 2\" style=\"cursor: pointer; width: 10px; height: 10px; padding: 0; border-radius: 999px; border: 2px solid var(--product-box-background, #000); background: transparent;\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 3 BIS ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-kiangoi';\n var N = 2;\n var track = document.getElementById('zabCar' + SUFFIX);\n if (!track) return;\n function dot(i) { return document.getElementById('zabCarDot-' + i + SUFFIX); }\n function setActive(k) {\n for (var i = 1; i \u0026lt;= N; i++) { var d = dot(i); if (d) d.style.background = (i === k) ? '#000' : 'transparent'; }\n }\n var DELAY = 3000;\n var cur = 1;\n var timer = null;\n var reduce = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n function go(k) { track.scrollTo({ left: (k - 1) * track.clientWidth, behavior: 'smooth' }); }\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\n function start() {\n stop();\n if (reduce) return;\n timer = setInterval(function() { cur = (cur % N) + 1; go(cur); }, DELAY);\n }\n for (var i = 1; i \u0026lt;= N; i++) {\n (function(k) {\n var d = dot(k);\n if (d) d.addEventListener('click', function() { cur = k; go(k); start(); });\n })(i);\n }\n track.addEventListener('scroll', function() {\n cur = Math.round(track.scrollLeft \/ Math.max(1, track.clientWidth)) + 1;\n setActive(cur);\n });\n track.addEventListener('mouseenter', stop);\n track.addEventListener('mouseleave', start);\n track.addEventListener('touchstart', stop, { passive: true });\n track.addEventListener('touchend', start);\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible') { start(); } else { stop(); }\n });\n start();\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 4 : PARAMÈTRES D'EXTRACTION — ESPRESSO\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eEspresso — paramètres recommandés\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; background: transparent;\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé moulu\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e18 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003eCafé dans la tasse\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e42 g\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"padding: 10px 0; font-weight: 800;\"\u003eTemps d'extraction\u003c\/td\u003e\n\u003ctd style=\"padding: 10px 0; text-align: right;\"\u003e21 sec\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 10px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .7; line-height: 1.4;\"\u003e\n\u003cstrong\u003eÀ noter —\u003c\/strong\u003e Recette optimisée pour un panier de \u003cstrong\u003e18 g\u003c\/strong\u003e. Consulte le manuel de ta machine pour connaître la capacité de ton panier.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 4 ========= --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- =========================================================\n SECTION 5 : V60\n========================================================= --\u003e\n\u003cdiv style=\"width: 100%; margin: 0 auto;\"\u003e\n\u003cdetails id=\"v60Details-kiangoi\" open=\"\" style=\"border: 2px solid var(--product-box-background, #000); border-radius: 12px; overflow: hidden; margin: 0 0 12px 0; background: rgba(255,255,255,0.5);\"\u003e\n\u003csummary style=\"cursor: pointer; list-style: none; padding: 12px 14px; font-weight: 800; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; background: var(--product-box-background, #000); color: var(--product-box-text, #fff); text-align: center;\"\u003eV60 – Recette\u003c\/summary\u003e\n\u003cdiv style=\"padding: 12px 14px;\"\u003e\n\u003cdiv style=\"padding: 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2);\"\u003e\n\u003cdiv style=\"font-weight: 900; font-size: 16px;\"\u003eRatio 1:15\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 4px; opacity: .7; font-size: 13px;\"\u003e15 g in – 225 g out\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 6px; font-size: 13px;\"\u003e\n\u003cstrong\u003eTempérature de l'eau :\u003c\/strong\u003e 91 °C\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 10px 0 8px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 8px; align-items: center; flex-wrap: wrap;\"\u003e\n\u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-background, #000); color: var(--product-box-text, #fff); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px;\" type=\"button\" id=\"v60StartBtn-kiangoi\"\u003eDémarrer\u003c\/button\u003e \u003cbutton style=\"cursor: pointer; border: 2px solid var(--product-box-background, #000); background: var(--product-box-text, #fff); color: var(--product-box-background, #000); font-weight: 900; padding: 8px 10px; border-radius: 10px; text-transform: uppercase; letter-spacing: .02em; font-size: 12px; opacity: .5;\" disabled type=\"button\" id=\"v60StopBtn-kiangoi\"\u003eStop\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; line-height: 1;\"\u003e\n\u003cspan style=\"opacity: .70; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;\"\u003eTimer\u003c\/span\u003e \u003cspan style=\"font-weight: 950; font-size: 28px; letter-spacing: .01em;\" id=\"v60Timer-kiangoi\"\u003e0:00\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex-basis: 100%; opacity: .6; font-size: 12px; line-height: 1.3; margin-top: 2px;\" id=\"v60WakeStatus-kiangoi\"\u003eℹ️ Appuie sur \"Démarrer\" pour garder l'écran allumé.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; display: grid; gap: 10px;\"\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-1-kiangoi\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:00\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 1 — Bloom\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-1-kiangoi\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-2-kiangoi\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e0:40\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-2-kiangoi\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 100 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+50 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-3-kiangoi\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:20\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 3\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-3-kiangoi\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 170 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+70 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"border: 1px solid rgba(0,0,0,.18); border-radius: 12px; padding: 10px 12px;\" id=\"v60-card-4-kiangoi\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline; margin-bottom: 6px;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e1:55\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003ePhase 4\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; font-weight: 800;\"\u003e\n\u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\" id=\"v60-pill-4-kiangoi\"\u003eVerser pendant 0:10s\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12);\"\u003eTotal 225 g\u003c\/span\u003e \u003cspan style=\"padding: 5px 9px; border-radius: 999px; background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.12); opacity: .6;\"\u003e+55 g\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 12px; border-top: 1px solid rgba(0,0,0,.2); padding-top: 10px;\"\u003e\n\u003cdiv style=\"display: flex; gap: 10px; align-items: baseline;\"\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003e2:45\u003c\/div\u003e\n\u003cdiv style=\"font-weight: 900;\"\u003eTemps final écoulement complet\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.04); border: 1px dashed rgba(0,0,0,.2); font-size: 12px; opacity: .6; line-height: 1.4;\"\u003e\n\u003cstrong\u003eℹ️ Astuce —\u003c\/strong\u003e Si le temps total est plus court, la mouture est probablement trop grosse. S'il est plus long, la mouture est probablement trop fine.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- ========= FIN SECTION 5 ========= --\u003e\u003csvg style=\"display: none;\"\u003e\n\u003cstyle\u003e\n @keyframes v60PulsePhase {\n 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,.35); }\n 50% { transform: scale(1.06); box-shadow: 0 0 0 10px rgba(200,169,126,0); }\n 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(200,169,126,0); }\n }\n .v60-pulse {\n animation: v60PulsePhase 700ms ease-out 1;\n transform-origin: center;\n will-change: transform;\n }\n @keyframes v60BlinkPill {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: .22; transform: scale(1.03); }\n }\n .v60-pill-pour-active {\n background: #ffe7b7 !important;\n border: 2px solid #d2a44a !important;\n color: #3b2a12 !important;\n font-weight: 900 !important;\n letter-spacing: .02em;\n animation: v60BlinkPill 2500ms ease-in-out infinite;\n box-shadow:\n 0 0 0 2px rgba(210,164,74,.18) inset,\n 0 10px 22px rgba(0,0,0,.12),\n 0 0 0 6px rgba(210,164,74,.10);\n }\n @media (prefers-reduced-motion: reduce) {\n .v60-pill-pour-active { animation: none; }\n .v60-pulse { animation: none; }\n }\n\u003c\/style\u003e\n\u003cscript\u003e\n(function() {\n var SUFFIX = '-kiangoi';\n var END_AT = 165;\n var phases = [\n { key: 1, t: 0, pourLen: 10 },\n { key: 2, t: 40, pourLen: 10 },\n { key: 3, t: 80, pourLen: 10 },\n { key: 4, t: 115, pourLen: 10 }\n ];\n var latte = {\n cardBg: '#f6f1ea',\n cardBorder: '#c8a97e',\n pillBg: '#eadfce'\n };\n var details = document.getElementById('v60Details' + SUFFIX);\n var startBtn = document.getElementById('v60StartBtn' + SUFFIX);\n var stopBtn = document.getElementById('v60StopBtn' + SUFFIX);\n var timerEl = document.getElementById('v60Timer' + SUFFIX);\n var statusEl = document.getElementById('v60WakeStatus' + SUFFIX);\n var pills = {\n 1: document.getElementById('v60-pill-1' + SUFFIX),\n 2: document.getElementById('v60-pill-2' + SUFFIX),\n 3: document.getElementById('v60-pill-3' + SUFFIX),\n 4: document.getElementById('v60-pill-4' + SUFFIX)\n };\n var cards = {\n 1: document.getElementById('v60-card-1' + SUFFIX),\n 2: document.getElementById('v60-card-2' + SUFFIX),\n 3: document.getElementById('v60-card-3' + SUFFIX),\n 4: document.getElementById('v60-card-4' + SUFFIX)\n };\n function setCardActive(key) {\n Object.keys(cards).forEach(function(k) {\n var c = cards[k];\n if (!c) return;\n if (parseInt(k) === key) {\n c.style.borderColor = latte.cardBorder;\n c.style.background = latte.cardBg;\n c.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset, 0 8px 22px rgba(200,169,126,.28)';\n } else {\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n }\n });\n }\n function setPillPhaseActive(key, doPulse) {\n Object.keys(pills).forEach(function(k) {\n var p = pills[k];\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n });\n var pill = pills[key];\n if (pill) {\n pill.style.background = latte.pillBg;\n pill.style.borderColor = latte.cardBorder;\n pill.style.boxShadow = '0 0 0 2px rgba(200,169,126,.25) inset';\n if (doPulse) {\n pill.classList.remove('v60-pulse');\n void pill.offsetWidth;\n pill.classList.add('v60-pulse');\n }\n }\n }\n function resetPourPills() {\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.classList.remove('v60-pill-pour-active');\n });\n }\n function setPourPillActive(key) {\n resetPourPills();\n if (!key) return;\n var pill = pills[key];\n if (pill) pill.classList.add('v60-pill-pour-active');\n }\n function clearAll() {\n Object.values(cards).forEach(function(c) {\n if (!c) return;\n c.style.borderColor = 'rgba(0,0,0,.18)';\n c.style.background = 'transparent';\n c.style.boxShadow = 'none';\n });\n Object.values(pills).forEach(function(p) {\n if (!p) return;\n p.style.background = 'rgba(0,0,0,.05)';\n p.style.borderColor = 'rgba(0,0,0,.12)';\n p.style.boxShadow = 'none';\n p.classList.remove('v60-pulse');\n p.classList.remove('v60-pill-pour-active');\n });\n }\n var wakeLock = null;\n var startTime = null;\n var rafId = null;\n var lastPhaseKey = null;\n var lastPourKey = null;\n function fmt(sec) {\n sec = Math.max(0, Math.floor(sec));\n var m = Math.floor(sec \/ 60);\n var s = sec % 60;\n return m + ':' + (s \u0026lt; 10 ? '0' : '') + s;\n }\n function getCurrentPhaseKey(elapsed) {\n var current = phases[0].key;\n for (var i = 0; i \u0026lt; phases.length; i++) if (elapsed \u0026gt;= phases[i].t) current = phases[i].key;\n return current;\n }\n function getPourKey(elapsed) {\n for (var i = phases.length - 1; i \u0026gt;= 0; i--) {\n var p = phases[i];\n if (elapsed \u0026gt;= p.t \u0026amp;\u0026amp; elapsed \u0026lt; (p.t + p.pourLen)) return p.key;\n }\n return null;\n }\n function enableWakeLock() {\n if (!('wakeLock' in navigator)) {\n statusEl.textContent = '⚠️ Ton navigateur ne supporte pas le mode écran allumé.';\n return Promise.resolve();\n }\n return navigator.wakeLock.request('screen').then(function(wl) {\n wakeLock = wl;\n statusEl.textContent = '✅ Écran maintenu allumé pendant la recette.';\n wakeLock.addEventListener('release', function() {\n statusEl.textContent = 'ℹ️ Mode écran allumé relâché.';\n });\n }).catch(function() {\n statusEl.textContent = '⚠️ Impossible d\\'activer le mode écran allumé.';\n wakeLock = null;\n });\n }\n function disableWakeLock() {\n if (wakeLock) { wakeLock.release(); wakeLock = null; }\n }\n function setButtons(running) {\n startBtn.disabled = running;\n stopBtn.disabled = !running;\n stopBtn.style.opacity = running ? '1' : '.5';\n }\n function tick() {\n var elapsed = (Date.now() - startTime) \/ 1000;\n timerEl.textContent = fmt(elapsed);\n var phaseKey = getCurrentPhaseKey(elapsed);\n if (phaseKey !== lastPhaseKey) {\n setCardActive(phaseKey);\n setPillPhaseActive(phaseKey, lastPhaseKey !== null);\n lastPhaseKey = phaseKey;\n }\n var pourKey = getPourKey(elapsed);\n if (pourKey !== lastPourKey) {\n setPourPillActive(pourKey);\n lastPourKey = pourKey;\n }\n if (elapsed \u0026gt;= END_AT) { stopRecipe(true); return; }\n rafId = requestAnimationFrame(tick);\n }\n function startRecipe() {\n setButtons(true);\n timerEl.textContent = '0:00';\n lastPhaseKey = null;\n lastPourKey = null;\n enableWakeLock().then(function() {\n setCardActive(1);\n setPillPhaseActive(1, false);\n setPourPillActive(1);\n lastPhaseKey = 1;\n lastPourKey = 1;\n startTime = Date.now();\n if (rafId) cancelAnimationFrame(rafId);\n rafId = requestAnimationFrame(tick);\n });\n }\n function stopRecipe(autoEnded) {\n if (rafId) cancelAnimationFrame(rafId);\n rafId = null;\n startTime = null;\n disableWakeLock();\n setButtons(false);\n clearAll();\n lastPhaseKey = null;\n lastPourKey = null;\n if (autoEnded) {\n statusEl.textContent = '✅ Recette terminée — écran libéré.';\n timerEl.textContent = fmt(END_AT);\n } else {\n statusEl.textContent = 'ℹ️ Recette arrêtée — écran libéré.';\n }\n }\n startBtn.addEventListener('click', startRecipe);\n stopBtn.addEventListener('click', function() { stopRecipe(false); });\n details.addEventListener('toggle', function() { if (!details.open) stopRecipe(false); });\n document.addEventListener('visibilitychange', function() {\n if (document.visibilityState === 'visible' \u0026amp;\u0026amp; startTime \u0026amp;\u0026amp; !wakeLock) enableWakeLock();\n });\n})();\n\u003c\/script\u003e\n\u003c\/svg\u003e\n","brand":"ZAB","offers":[{"title":"250g","offer_id":53629325312309,"sku":"CAF-SIN-RUNG-250","price":32.0,"currency_code":"CAD","in_stock":true},{"title":"808g","offer_id":53629325345077,"sku":"CAF-SIN-RUNG-808","price":90.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2716\/1842\/files\/kiangoi-250g-new.jpg?v=1793544333"}],"url":"https:\/\/zabcafe.com\/collections\/coups-de-coeur.oembed","provider":"Zab Café","version":"1.0","type":"link"}