<!doctype html>
<html
class="no-js"
lang="en"
>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://habari.coffee/en"><link
rel="icon"
type="image/png"
href="//habari.coffee/cdn/shop/files/habari_coffee_lille_logo.png?crop=center&height=32&v=1755707598&width=32"
><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Specialty Coffee, Barista Workshops & Training
– HABARI COFFEE </title>
<meta name="description" content="Specialty coffees sourced directly from producers, artisanally roasted in Lille, France. Discover our cafes, barista workshops, and professional training.">
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="HABARI COFFEE "
>
<meta
property="og:url"
content="https://habari.coffee/en"
>
<meta
property="og:title"
content="Specialty Coffee, Barista Workshops & Training"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="Specialty coffees sourced directly from producers, artisanally roasted in Lille, France. Discover our cafes, barista workshops, and professional training."
><meta
property="og:image"
content="http://habari.coffee/cdn/shop/files/HABARI_LOGO-06.svg?v=1756741958"
>
<meta
property="og:image:secure_url"
content="https://habari.coffee/cdn/shop/files/HABARI_LOGO-06.svg?v=1756741958"
>
<meta
property="og:image:width"
content="282"
>
<meta
property="og:image:height"
content="317"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Specialty Coffee, Barista Workshops & Training"
>
<meta
name="twitter:description"
content="Specialty coffees sourced directly from producers, artisanally roasted in Lille, France. Discover our cafes, barista workshops, and professional training."
>
<link
rel="canonical"
href="https://habari.coffee/en"
><script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "https://habari.coffee/",
"name": "Habari Coffee – Torréfacteur à Lille"
}
</script><link href="//habari.coffee/cdn/shop/t/3/assets/base.css?v=161683111769563409561755419884" as="style" rel="preload">
<link href="//habari.coffee/cdn/shop/t/3/assets/overflow-list.css?v=168694168152117541881753108357" as="style" rel="preload">
<link href="//habari.coffee/cdn/shop/t/3/assets/base.css?v=161683111769563409561755419884" rel="stylesheet" type="text/css" media="all" />
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
>
<script type="importmap">
{
"imports": {
"@theme/product-title": "//habari.coffee/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781753108356",
"@theme/component": "//habari.coffee/cdn/shop/t/3/assets/component.js?v=71605869476908835811753108357",
"@theme/dialog": "//habari.coffee/cdn/shop/t/3/assets/dialog.js?v=40803435292154375831753108357",
"@theme/events": "//habari.coffee/cdn/shop/t/3/assets/events.js?v=26166644030623418901753108356",
"@theme/focus": "//habari.coffee/cdn/shop/t/3/assets/focus.js?v=60436577539430446401753108357",
"@theme/morph": "//habari.coffee/cdn/shop/t/3/assets/morph.js?v=130689995393408371391753108356",
"@theme/paginated-list": "//habari.coffee/cdn/shop/t/3/assets/paginated-list.js?v=169594682985353177001753108356",
"@theme/performance": "//habari.coffee/cdn/shop/t/3/assets/performance.js?v=25067702614201670671753108357",
"@theme/product-form": "//habari.coffee/cdn/shop/t/3/assets/product-form.js?v=141380535127643269961753108356",
"@theme/recently-viewed-products": "//habari.coffee/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651753108357",
"@theme/scrolling": "//habari.coffee/cdn/shop/t/3/assets/scrolling.js?v=10957690925586738441753108357",
"@theme/section-renderer": "//habari.coffee/cdn/shop/t/3/assets/section-renderer.js?v=146046498830626579641753108357",
"@theme/utilities": "//habari.coffee/cdn/shop/t/3/assets/utilities.js?v=184243066020227413071753108357",
"@theme/variant-picker": "//habari.coffee/cdn/shop/t/3/assets/variant-picker.js?v=34520341341253740171753108357",
"@theme/media-gallery": "//habari.coffee/cdn/shop/t/3/assets/media-gallery.js?v=111441960308641931071753108357",
"@theme/quick-add": "//habari.coffee/cdn/shop/t/3/assets/quick-add.js?v=12917282792548324661753108356"
}
}
</script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/view-transitions.js?v=84877080446900032951753108357"
blocking="render"
></script>
<link href="//habari.coffee/cdn/shop/t/3/assets/critical.js?v=85414696979434699111753108357" as="script" rel="preload">
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/utilities.js?v=184243066020227413071753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/component.js?v=71605869476908835811753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/section-renderer.js?v=146046498830626579641753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/morph.js?v=130689995393408371391753108356"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/focus.js?v=60436577539430446401753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/recently-viewed-products.js?v=94729125001750262651753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/scrolling.js?v=10957690925586738441753108357"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//habari.coffee/cdn/shop/t/3/assets/events.js?v=26166644030623418901753108356"
fetchpriority="low"
>
<script
src="//habari.coffee/cdn/shop/t/3/assets/quick-add.js?v=12917282792548324661753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/cart-discount.js?v=107077853990124422021753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/dialog.js?v=40803435292154375831753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/variant-picker.js?v=34520341341253740171753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-card.js?v=113974154851851898401753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-form.js?v=141380535127643269961753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/accordion-custom.js?v=99000499017714805851753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/media.js?v=37825095869491791421753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-price.js?v=30079423257668675401753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-title-truncation.js?v=81744426891537421781753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-inventory.js?v=16343734458933704981753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/show-more.js?v=94563802205717136101753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/slideshow.js?v=63092151078244317761753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/floating-panel.js?v=128677600744947036551753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/video-background.js?v=25237992823806706551753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/component-quantity-selector.js?v=165853331022690512991753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/media-gallery.js?v=111441960308641931071753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/rte-formatter.js?v=101420294193111439321753108356"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/localization.js?v=141142597677299001261753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/product-card-link.js?v=98430775478448931631753108357"
type="module"
fetchpriority="low"
></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/auto-close-details.js?v=58350291535404441581753108356"
defer="defer"
></script>
<script
defer
src="//habari.coffee/cdn/shop/t/3/assets/placeholder-image.js?v=97758057548568586831753108357"
type="module"
fetchpriority="low"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Placeholder image`,
added: `Added`,
},
routes: {
cart_add_url: '/en/cart/add.js',
cart_change_url: '/en/cart/change',
cart_update_url: '/en/cart/update',
cart_url: '/en/cart',
predictive_search_url: '/en/search/suggest',
search_url: '/en/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Arial, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Arial, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: Arial, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 400;
--font-accent--family: Arial, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 400;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 1.125rem;--font-size--h1: 2.0rem;--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.5rem;--font-size--h5: 2.0rem;--font-size--h6: 1.25rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-loose);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-loose);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-heading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-heading--family);--font-h6--style: var(--font-heading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 8px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 16px;
--style-border-radius-buttons-secondary: 16px;
--style-border-width-primary: 1px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 16px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button font-weight */
--button-font-weight-primary: 600;
--button-font-weight-secondary: 600;
/* Button text case */
--button-text-case: ;
--button-text-case-primary: uppercase;
--button-text-case-secondary: uppercase;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 100;
--variant-picker-swatch-height-unitless: 100;
--variant-picker-swatch-width: 100px;
--variant-picker-swatch-height: 100px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 16px;
--variant-picker-button-border-width: 1px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image height variables */
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 18 43 / 1.0);
--color-foreground-rgb: 9 18 43;
--color-foreground-heading: rgb(109 43 61 / 1.0);
--color-foreground-heading-rgb: 109 43 61;
--color-primary: rgb(9 18 43 / 1.0);
--color-primary-rgb: 9 18 43;
--color-primary-hover: rgb(109 43 61 / 1.0);
--color-primary-hover-rgb: 109 43 61;
--color-border: rgb(255 255 255 / 1.0);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(9 18 43 / 1.0);
--color-shadow-rgb: 9 18 43;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(109 43 61 / 1.0);
--color-primary-button-border: rgb(109 43 61 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(9 18 43 / 1.0);
--color-primary-button-hover-border: rgb(9 18 43 / 1.0);
--color-secondary-button-text: rgb(109 43 61 / 1.0);
--color-secondary-button-background: rgb(231 211 217 / 1.0);
--color-secondary-button-border: rgb(231 211 217 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-border: rgb(9 18 43 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(109 43 61 / 1.0);
--color-input-text-rgb: 109 43 61;
--color-input-border: rgb(109 43 61 / 1.0);
--color-input-hover-background: rgb(255 255 255 / 1.0);
--color-variant-background: rgb(0 0 0 / 0.06);
--color-variant-border: rgb(109 43 61 / 1.0);
--color-variant-text: rgb(109 43 61 / 1.0);
--color-variant-text-rgb: 109 43 61;
--color-variant-hover-background: rgb(225 116 100 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(109 43 61 / 1.0);
--color-selected-variant-background: rgb(109 43 61 / 1.0);
--color-selected-variant-border: rgb(109 43 61 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(109 43 61 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(225 116 100 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(117 37 61 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 117 37 61;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(231 211 217 / 1.0);
--color-foreground-heading-rgb: 231 211 217;
--color-primary: rgb(225 116 100 / 1.0);
--color-primary-rgb: 225 116 100;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(225 116 100 / 1.0);
--color-border-rgb: 225 116 100;
--color-shadow: rgb(9 18 43 / 1.0);
--color-shadow-rgb: 9 18 43;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(225 116 100 / 1.0);
--color-primary-button-border: rgb(225 116 100 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(9 18 43 / 1.0);
--color-primary-button-hover-border: rgb(9 18 43 / 1.0);
--color-secondary-button-text: rgb(9 18 43 / 1.0);
--color-secondary-button-background: rgb(231 211 217 / 1.0);
--color-secondary-button-border: rgb(231 211 217 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-border: rgb(9 18 43 / 1.0);
--color-input-background: rgb(117 37 61 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(231 211 217 / 1.0);
--color-input-hover-background: rgb(109 43 61 / 1.0);
--color-variant-background: rgb(231 211 217 / 1.0);
--color-variant-border: rgb(117 37 61 / 1.0);
--color-variant-text: rgb(9 18 43 / 1.0);
--color-variant-text-rgb: 9 18 43;
--color-variant-hover-background: rgb(225 116 100 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(231 211 217 / 1.0);
--color-selected-variant-background: rgb(225 116 100 / 1.0);
--color-selected-variant-border: rgb(225 116 100 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(225 116 100 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(231 211 217 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 18 43 / 1.0);
--color-foreground-rgb: 9 18 43;
--color-foreground-heading: rgb(134 35 64 / 1.0);
--color-foreground-heading-rgb: 134 35 64;
--color-primary: rgb(225 116 100 / 1.0);
--color-primary-rgb: 225 116 100;
--color-primary-hover: rgb(134 35 64 / 1.0);
--color-primary-hover-rgb: 134 35 64;
--color-border: rgb(134 35 64 / 1.0);
--color-border-rgb: 134 35 64;
--color-shadow: rgb(9 18 43 / 1.0);
--color-shadow-rgb: 9 18 43;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(9 18 43 / 1.0);
--color-primary-button-border: rgb(9 18 43 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(134 35 64 / 1.0);
--color-primary-button-hover-border: rgb(134 35 64 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(134 35 64 / 1.0);
--color-secondary-button-border: rgb(134 35 64 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-border: rgb(9 18 43 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(134 35 64 / 1.0);
--color-input-text-rgb: 134 35 64;
--color-input-border: rgb(9 18 43 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(134 35 64 / 1.0);
--color-variant-border: rgb(134 35 64 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(134 35 64 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(134 35 64 / 1.0);
--color-selected-variant-background: rgb(134 35 64 / 1.0);
--color-selected-variant-border: rgb(134 35 64 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(134 35 64 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(9 18 43 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(231 211 217 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 231 211 217;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 18 43 / 1.0);
--color-foreground-rgb: 9 18 43;
--color-foreground-heading: rgb(134 35 64 / 1.0);
--color-foreground-heading-rgb: 134 35 64;
--color-primary: rgb(134 35 64 / 1.0);
--color-primary-rgb: 134 35 64;
--color-primary-hover: rgb(225 116 100 / 1.0);
--color-primary-hover-rgb: 225 116 100;
--color-border: rgb(231 211 217 / 1.0);
--color-border-rgb: 231 211 217;
--color-shadow: rgb(9 18 43 / 1.0);
--color-shadow-rgb: 9 18 43;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(134 35 64 / 1.0);
--color-primary-button-border: rgb(134 35 64 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(9 18 43 / 1.0);
--color-primary-button-hover-border: rgb(9 18 43 / 1.0);
--color-secondary-button-text: rgb(134 35 64 / 1.0);
--color-secondary-button-background: rgb(231 211 217 / 1.0);
--color-secondary-button-border: rgb(231 211 217 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-border: rgb(9 18 43 / 1.0);
--color-input-background: rgb(0 0 0 / 0.06);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(225 116 100 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(225 116 100 / 1.0);
--color-variant-text: rgb(134 35 64 / 1.0);
--color-variant-text-rgb: 134 35 64;
--color-variant-hover-background: rgb(134 35 64 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(134 35 64 / 1.0);
--color-selected-variant-background: rgb(9 18 43 / 1.0);
--color-selected-variant-border: rgb(225 116 100 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(134 35 64 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(255 255 255 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(9 18 43 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 9 18 43;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(231 211 217 / 1.0);
--color-foreground-heading-rgb: 231 211 217;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(231 211 217 / 1.0);
--color-border-rgb: 231 211 217;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(9 18 43 / 1.0);
--color-primary-button-background: rgb(231 211 217 / 1.0);
--color-primary-button-border: rgb(231 211 217 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(225 116 100 / 1.0);
--color-primary-button-hover-border: rgb(225 116 100 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(225 116 100 / 1.0);
--color-secondary-button-border: rgb(225 116 100 / 1.0);
--color-secondary-button-hover-text: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-background: rgb(231 211 217 / 1.0);
--color-secondary-button-hover-border: rgb(231 211 217 / 1.0);
--color-input-background: rgb(9 18 43 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(9 18 43 / 1.0);
--color-variant-background: rgb(9 18 43 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(231 211 217 / 1.0);
--color-variant-hover-text: rgb(9 18 43 / 1.0);
--color-variant-hover-border: rgb(231 211 217 / 1.0);
--color-selected-variant-background: rgb(231 211 217 / 1.0);
--color-selected-variant-border: rgb(231 211 217 / 1.0);
--color-selected-variant-text: rgb(9 18 43 / 1.0);
--color-selected-variant-hover-background: rgb(225 116 100 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(225 116 100 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(9 18 43 / 1.0);
--color-foreground-rgb: 9 18 43;
--color-foreground-heading: rgb(134 35 64 / 1.0);
--color-foreground-heading-rgb: 134 35 64;
--color-primary: rgb(225 116 100 / 1.0);
--color-primary-rgb: 225 116 100;
--color-primary-hover: rgb(225 116 100 / 1.0);
--color-primary-hover-rgb: 225 116 100;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(134 35 64 / 1.0);
--color-primary-button-border: rgb(134 35 64 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(9 18 43 / 1.0);
--color-primary-button-hover-border: rgb(9 18 43 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(225 116 100 / 1.0);
--color-secondary-button-border: rgb(225 116 100 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(134 35 64 / 1.0);
--color-secondary-button-hover-border: rgb(134 35 64 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(9 18 43 / 1.0);
--color-variant-text-rgb: 9 18 43;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(9 18 43 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(134 35 64 / 1.0);
--color-selected-variant-border: rgb(134 35 64 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(9 18 43 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-7 {
--color-background: rgb(0 0 0 / 0.06);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(134 35 64 / 1.0);
--color-primary-rgb: 134 35 64;
--color-primary-hover: rgb(225 116 100 / 1.0);
--color-primary-hover-rgb: 225 116 100;
--color-border: rgb(164 35 37 / 1.0);
--color-border-rgb: 164 35 37;
--color-shadow: rgb(9 18 43 / 1.0);
--color-shadow-rgb: 9 18 43;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(134 35 64 / 1.0);
--color-primary-button-border: rgb(134 35 64 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(9 18 43 / 1.0);
--color-primary-button-hover-border: rgb(9 18 43 / 1.0);
--color-secondary-button-text: rgb(134 35 64 / 1.0);
--color-secondary-button-background: rgb(231 211 217 / 1.0);
--color-secondary-button-border: rgb(231 211 217 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(9 18 43 / 1.0);
--color-secondary-button-hover-border: rgb(9 18 43 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="TpY2HXSjt7qusRVf2A3S5s2oSVeVpkcaB3SxdxOyz5s">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93237248348/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="965989b8ea78952332c1193ad9c364b1">
<meta id="in-context-paypal-metadata" data-shop-id="93237248348" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://habari.coffee/">
<link rel="alternate" hreflang="fr" href="https://habari.coffee/">
<link rel="alternate" hreflang="en" href="https://habari.coffee/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-FR&shop_id=93237248348" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":93237248348,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/93237248348","merchantName":"HABARI COFFEE ","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"HABARI COFFEE ","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"965989b8ea78952332c1193ad9c364b1","betas":["rich-media-storefront-analytics"],"domain":"habari.coffee","predictiveSearch":true,"shopId":93237248348,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "cn95ip-y1.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Principale","id":184324227420,"schema_name":"Savor","schema_version":"2.0.1","theme_store_id":3626,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "habari.coffee/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/en/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BLuSqYWl.en.esm.js"></script>
<script defer="defer" async type="module" src="//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/chunk.common_DplD2_3Q.en.esm.js"></script>
<script defer="defer" async type="module" src="//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BxEbAqG6.en.esm.js"></script>
<script type="module">
await import("//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_BLuSqYWl.en.esm.js");
await import("//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/chunk.common_DplD2_3Q.en.esm.js");
await import("//habari.coffee/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_BxEbAqG6.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-cart-sync":["modules/v2/client.shop-cart-sync_DyWd-nW0.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_DmUq1QfF.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_DTevxAm9.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-shop-cart-sync":["modules/v2/client.init-shop-cart-sync_BLuSqYWl.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_ChgSjnfR.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_C8YC6m4X.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"shop-button":["modules/v2/client.shop-button_BK9mqnWd.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_GbpdeWmj.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Bcjo1TvM.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_CItT2Bi5.en.esm.js","modules/v2/client.shop-login-button_DmUq1QfF.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"pay-button":["modules/v2/client.pay-button_CbTi9e6h.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CkXfFFBJ.en.esm.js","modules/v2/client.shop-login-button_DmUq1QfF.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_BERy6bBc.en.esm.js","modules/v2/client.shop-login-button_DmUq1QfF.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_DtFwzpsd.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_N9VQxGYc.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"shop-login":["modules/v2/client.shop-login_C1PpjQAV.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"lead-capture":["modules/v2/client.lead-capture_pIKHBy1d.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DA8oAx9D.en.esm.js","modules/v2/chunk.common_DplD2_3Q.en.esm.js","modules/v2/chunk.modal_BxEbAqG6.en.esm.js"]};
</script>
<script id="__st">var __st={"a":93237248348,"offset":3600,"reqid":"289adee7-c213-4d19-870a-a5e1de0750a6-1771893344","pageurl":"habari.coffee\/en","u":"ff1e375fc71e","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//habari.coffee/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//habari.coffee/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"></script>
<script id='scb4127' type='text/javascript' async='' src='https://habari.coffee/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//habari.coffee/cdn/shop/t/3/compiled_assets/styles.css?v=1683">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script>
(function () {
function replaceLabelText(label, replacements) {
if (label.dataset.i18nFixed === "1") return; // déjà traité
let textNode = null;
for (const node of label.childNodes) {
if (node.nodeType === 3 && node.nodeValue.trim()) {
textNode = node;
break;
}
}
if (!textNode) {
label.normalize();
for (const node of label.childNodes) {
if (node.nodeType === 3 && node.nodeValue.trim()) {
textNode = node;
break;
}
}
}
if (!textNode) return;
const original = textNode.nodeValue.trim();
const mapped = replacements[original];
if (mapped) {
const leading = textNode.nodeValue.match(/^\s*/)?.[0] ?? "";
const trailing = textNode.nodeValue.match(/\s*$/)?.[0] ?? "";
textNode.nodeValue = leading + mapped + trailing;
label.dataset.i18nFixed = "1";
}
}
function applyAll(root = document) {
const selectors = [
".shopify_subscriptions_app_block_label_children label",
"label[for*='selling_plan']",
".shopify_subscriptions_purchase_option_wrapper label"
];
const labels = root.querySelectorAll(selectors.join(","));
labels.forEach(label =>
replaceLabelText(label, {
"Deliver every month": "Delivered every month",
"Livrez chaque mois": "Livré tous les mois"
})
);
}
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", applyAll, { once: true });
} else {
applyAll();
}
const obs = new MutationObserver(muts => {
for (const m of muts) {
if (m.type === "childList" && m.addedNodes.length) {
m.addedNodes.forEach(node => {
if (node.nodeType === 1) applyAll(node);
});
}
}
});
obs.observe(document.documentElement, { childList: true, subtree: true });
})();
</script>
<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
<link rel="dns-prefetch" href="https://cdnwidget.judge.me">
<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">
<script data-cfasync="false" class="jdgm-settings-script">window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"Aucun avis","badge_n_reviews_text":"{{ n }} avis","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Avis Clients","widget_open_form_text":"Écrire un avis","widget_close_form_text":"Annuler l'avis","widget_refresh_page_text":"Actualiser la page","widget_summary_text":"Basé sur {{ number_of_reviews }} avis","widget_no_review_text":"Soyez le premier à écrire un avis","widget_name_field_text":"Nom d'affichage","widget_verified_name_field_text":"Nom vérifié (public)","widget_name_placeholder_text":"Nom d'affichage","widget_required_field_error_text":"Ce champ est obligatoire.","widget_email_field_text":"Adresse email","widget_verified_email_field_text":"Email vérifié (privé, ne peut pas être modifié)","widget_email_placeholder_text":"Votre adresse email","widget_email_field_error_text":"Veuillez entrer une adresse email valide.","widget_rating_field_text":"Évaluation","widget_review_title_field_text":"Titre de l'avis","widget_review_title_placeholder_text":"Donnez un titre à votre avis","widget_review_body_field_text":"Contenu de l'avis","widget_review_body_placeholder_text":"Commencez à écrire ici...","widget_pictures_field_text":"Photo/Vidéo (facultatif)","widget_submit_review_text":"Soumettre l'avis","widget_submit_verified_review_text":"Soumettre un avis vérifié","widget_submit_success_msg_with_auto_publish":"Merci ! Veuillez actualiser la page dans quelques instants pour voir votre avis. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Merci ! Votre avis sera publié dès qu'il sera approuvé par l'administrateur de la boutique. Vous pouvez supprimer ou modifier votre avis en vous connectant à \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Affichage de {{ n_reviews_shown }} sur {{ n_reviews }} avis.","widget_show_all_link_text":"Tout afficher","widget_show_less_link_text":"Afficher moins","widget_author_said_text":"{{ reviewer_name }} a dit :","widget_days_text":"il y a {{ n }} jour/jours","widget_weeks_text":"il y a {{ n }} semaine/semaines","widget_months_text":"il y a {{ n }} mois","widget_years_text":"il y a {{ n }} an/ans","widget_yesterday_text":"Hier","widget_today_text":"Aujourd'hui","widget_replied_text":"\u003e\u003e {{ shop_name }} a répondu :","widget_read_more_text":"Lire plus","widget_rating_filter_see_all_text":"Voir tous les avis","widget_sorting_most_recent_text":"Plus récents","widget_sorting_highest_rating_text":"Meilleures notes","widget_sorting_lowest_rating_text":"Notes les plus basses","widget_sorting_with_pictures_text":"Uniquement les photos","widget_sorting_most_helpful_text":"Plus utiles","widget_open_question_form_text":"Poser une question","widget_reviews_subtab_text":"Avis","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Réponse","widget_question_placeholder_text":"Écrivez votre question ici","widget_submit_question_text":"Soumettre la question","widget_question_submit_success_text":"Merci pour votre question ! Nous vous notifierons dès qu'elle aura une réponse.","verified_badge_text":"Vérifié","verified_badge_placement":"left-of-reviewer-name","widget_hide_border":false,"widget_social_share":false,"all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(hors boutique)","all_reviews_product_name_prefix_text":"à propos de","enable_review_pictures":true,"review_date_format":"dd/mm/yy","widget_product_reviews_subtab_text":"Avis Produits","widget_shop_reviews_subtab_text":"Avis Boutique","widget_write_a_store_review_text":"Écrire un avis sur la boutique","widget_other_languages_heading":"Avis dans d'autres langues","widget_translate_review_text":"Traduire l'avis en {{ language }}","widget_translating_review_text":"Traduction en cours...","widget_show_original_translation_text":"Afficher l'original ({{ language }})","widget_translate_review_failed_text":"Impossible de traduire cet avis.","widget_translate_review_retry_text":"Réessayer","widget_translate_review_try_again_later_text":"Réessayez plus tard","widget_sorting_pictures_first_text":"Photos en premier","floating_tab_button_name":"★ Avis","floating_tab_title":"Laissons nos clients parler pour nous","floating_tab_url":"","floating_tab_url_enabled":false,"all_reviews_text_badge_text":"Les clients nous notent {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} sur 5 étoiles basé sur {{ shop.metafields.judgeme.all_reviews_count }} avis","all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_show_jm_brand":false,"featured_carousel_title":"Laissons nos clients parler pour nous","featured_carousel_count_text":"sur {{ n }} avis","featured_carousel_url":"","verified_count_badge_style":"branded","verified_count_badge_url":"","picture_reminder_submit_button":"Upload Pictures","widget_sorting_videos_first_text":"Vidéos en premier","widget_review_pending_text":"En attente","remove_microdata_snippet":true,"preview_badge_no_question_text":"Aucune question","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","remove_judgeme_branding":true,"widget_search_bar_placeholder":"Rechercher des avis","widget_sorting_verified_only_text":"Vérifiés uniquement","featured_carousel_verified_badge_enable":true,"featured_carousel_more_reviews_button_text":"Lire plus d'avis","featured_carousel_view_product_button_text":"Voir le produit","all_reviews_page_load_more_text":"Charger plus d'avis","widget_advanced_speed_features":5,"widget_public_name_text":"affiché publiquement comme","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonyme","medals_widget_title":"Médailles d'avis Judge.me","widget_invalid_yt_video_url_error_text":"Pas une URL de vidéo YouTube","widget_max_length_field_error_text":"Veuillez ne pas dépasser {0} caractères.","widget_verified_by_shop_text":"Vérifié par la boutique","widget_load_with_code_splitting":true,"widget_ugc_title":"Fait par nous, partagé par vous","widget_ugc_subtitle":"Taguez-nous pour voir votre photo mise en avant sur notre page","widget_ugc_primary_button_text":"Acheter maintenant","widget_ugc_secondary_button_text":"Charger plus","widget_ugc_reviews_button_text":"Voir les avis","widget_primary_color":"#862340","widget_summary_average_rating_text":"{{ average_rating }} sur 5","widget_media_grid_title":"Photos \u0026 vidéos clients","widget_media_grid_see_more_text":"Voir plus","widget_verified_by_judgeme_text":"Vérifié par Judge.me","widget_verified_by_judgeme_text_in_store_medals":"Vérifié par Judge.me","widget_media_field_exceed_quantity_message":"Désolé, nous ne pouvons accepter que {{ max_media }} pour un avis.","widget_media_field_exceed_limit_message":"{{ file_name }} est trop volumineux, veuillez sélectionner un {{ media_type }} de moins de {{ size_limit }}MB.","widget_review_submitted_text":"Avis soumis !","widget_question_submitted_text":"Question soumise !","widget_close_form_text_question":"Annuler","widget_write_your_answer_here_text":"Écrivez votre réponse ici","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_collected_by_judgeme_text":"collecté par Judge.me","widget_load_more_text":"Charger plus","widget_full_review_text":"Avis complet","widget_read_more_reviews_text":"Lire plus d'avis","widget_read_questions_text":"Lire les questions","widget_questions_and_answers_text":"Questions \u0026 Réponses","widget_verified_by_text":"Vérifié par","widget_verified_text":"Vérifié","widget_number_of_reviews_text":"{{ number_of_reviews }} avis","widget_back_button_text":"Retour","widget_next_button_text":"Suivant","widget_custom_forms_filter_button":"Filtres","how_reviews_are_collected":"Comment les avis sont-ils collectés ?","widget_gdpr_statement":"Comment nous utilisons vos données : Nous vous contacterons uniquement à propos de l'avis que vous avez laissé, et seulement si nécessaire. En soumettant votre avis, vous acceptez les \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions\u003c/a\u003e, la \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e et les \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003epolitiques de contenu\u003c/a\u003e de Judge.me.","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","all_reviews_product_variant_label_text":"Variante : ","widget_show_verified_branding":true,"widget_show_review_title_input":false,"review_content_screen_title_text":"Comment évalueriez-vous ce produit ?","review_content_introduction_text":"Nous serions ravis que vous partagiez un peu votre expérience.","one_star_review_guidance_text":"Mauvais","five_star_review_guidance_text":"Excellent","customer_information_screen_title_text":"À propos de vous","customer_information_introduction_text":"Veuillez nous en dire plus sur vous.","custom_questions_screen_title_text":"Votre expérience en détail","custom_questions_introduction_text":"Voici quelques questions pour nous aider à mieux comprendre votre expérience.","review_submitted_screen_title_text":"Merci pour votre avis !","review_submitted_screen_thank_you_text":"Nous le traitons et il apparaîtra bientôt dans la boutique.","review_submitted_screen_email_verification_text":"Veuillez confirmer votre email en cliquant sur le lien que nous venons de vous envoyer. Cela nous aide à maintenir des avis authentiques.","review_submitted_request_store_review_text":"Aimeriez-vous partager votre expérience d'achat avec nous ?","review_submitted_review_other_products_text":"Aimeriez-vous évaluer ces produits ?","reviewer_media_screen_title_picture_text":"Partager une photo","reviewer_media_introduction_picture_text":"Téléchargez une photo pour étayer votre avis.","reviewer_media_screen_title_video_text":"Partager une vidéo","reviewer_media_introduction_video_text":"Téléchargez une vidéo pour étayer votre avis.","reviewer_media_screen_title_picture_or_video_text":"Partager une photo ou une vidéo","reviewer_media_introduction_picture_or_video_text":"Téléchargez une photo ou une vidéo pour étayer votre avis.","reviewer_media_youtube_url_text":"Collez votre URL Youtube ici","advanced_settings_next_step_button_text":"Suivant","advanced_settings_close_review_button_text":"Fermer","modal_write_review_flow":true,"write_review_flow_required_text":"Obligatoire","write_review_flow_privacy_message_text":"Nous respectons votre vie privée.","write_review_flow_anonymous_text":"Avis anonyme","write_review_flow_visibility_text":"Ne sera pas visible pour les autres clients.","write_review_flow_multiple_selection_help_text":"Sélectionnez autant que vous le souhaitez","write_review_flow_single_selection_help_text":"Sélectionnez une option","write_review_flow_required_field_error_text":"Ce champ est obligatoire","write_review_flow_invalid_email_error_text":"Veuillez saisir une adresse email valide","write_review_flow_max_length_error_text":"Max. {{ max_length }} caractères.","write_review_flow_media_upload_text":"\u003cb\u003eCliquez pour télécharger\u003c/b\u003e ou glissez-déposez","write_review_flow_gdpr_statement":"Nous vous contacterons uniquement au sujet de votre avis si nécessaire. En soumettant votre avis, vous acceptez nos \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003econditions d'utilisation\u003c/a\u003e et notre \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003epolitique de confidentialité\u003c/a\u003e.","transparency_badges_collected_via_store_invite_text":"Avis collecté via l'invitation du magasin","transparency_badges_from_another_provider_text":"Avis collecté d'un autre fournisseur","transparency_badges_collected_from_store_visitor_text":"Avis collecté d'un visiteur du magasin","transparency_badges_written_in_google_text":"Avis écrit sur Google","transparency_badges_written_in_etsy_text":"Avis écrit sur Etsy","transparency_badges_written_in_shop_app_text":"Avis écrit sur Shop App","transparency_badges_earned_reward_text":"Avis a gagné une récompense pour une commande future","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Propulsé par Judge.me","locale":"en","reply_name":"Habari","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_locale":"fr","enable_multi_locales_translations":true,"show_review_title_input":false,"review_verification_email_status":"always","can_be_branded":false,"reply_name_text":"Habari"};</script> <style class="jdgm-settings-style">.jdgm-xx{left:0}:root{--jdgm-primary-color: #862340;--jdgm-secondary-color: rgba(134,35,64,0.1);--jdgm-star-color: #862340;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #862340;--jdgm-paginate-color: #862340;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #862340}.jdgm-histogram__bar-content{background-color:#862340}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#862340}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"Voir plus"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'à propos de'}.jdgm-rev__variant-label:before{content:'Variante : '}.jdgm-rev__out-of-store-text:before{content:'(hors boutique)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Habari'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class="jdgm-settings-style"></style>
<style class="jdgm-miracle-styles">
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
</style>
<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/019c8b98-5f40-7ec3-8db4-05a032314927/judgeme-extensions-369/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"):
jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css")
)}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdnwidget.judge.me/shopify_v2.css"></noscript>
<!-- BEGIN app snippet: theme_fix_tags --><script>
(function() {
var jdgmThemeFixes = null;
if (!jdgmThemeFixes) return;
var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
if (!thisThemeFix) return;
if (thisThemeFix.html) {
document.addEventListener("DOMContentLoaded", function() {
var htmlDiv = document.createElement('div');
htmlDiv.classList.add('jdgm-theme-fix-html');
htmlDiv.innerHTML = thisThemeFix.html;
document.body.append(htmlDiv);
});
};
if (thisThemeFix.css) {
var styleTag = document.createElement('style');
styleTag.classList.add('jdgm-theme-fix-style');
styleTag.innerHTML = thisThemeFix.css;
document.head.append(styleTag);
};
if (thisThemeFix.js) {
var scriptTag = document.createElement('script');
scriptTag.classList.add('jdgm-theme-fix-script');
scriptTag.innerHTML = thisThemeFix.js;
document.head.append(scriptTag);
};
})();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->
<!-- END app block --><!-- BEGIN app block: shopify://apps/izyrent/blocks/izyrent/cda4a37a-6d4d-4f3d-b8e5-c19d5c367c6a --><script></script>
<script>
var izyrent_shopify_js = `//habari.coffee/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js`;
var izyrent_current_page = `index`;
var izyrent_currency_format = "€{{amount_with_comma_separator}}";
var izyrent_money_format = `€1.000,00`;
</script>
<script>
var izyrentSettings = `{"timezone":{"ianaTimezone":"Europe/Paris","timezoneOffset":"+0100","currencyCode":"EUR"},"storefront":"f9709f273a700250373cead9e71e6344","timeFormat":["24"],"translate":"auto","redirectCheckout":"default","disabledDatesGlobal":{"dates":{},"collections":[]},"couponPrefix":"IZYRENT_","theme":{"day":{"background":"rgba(255, 255, 255, 1)","color":"rgba(134, 35, 64, 1)","rates":"rgba(225, 116, 100, 1)"},"dayDisabled":{"background":"rgba(120, 120, 120, 0.13432835820895528)","color":"rgba(0, 0, 0, 1)"},"daypicked":{"daypickedBackground":"rgba(115, 30, 55, 1)","daypickedText":"rgba(255, 255, 255, 1)","daypickedRangeBackground":"rgba(134, 35, 64, 0.42786077243178633)"},"calendarButtons":{"saveBackground":"rgba(134, 35, 64, 1)","saveText":"rgba(255, 255, 255, 1)","quantityText":"rgba(134, 35, 64, 1)","quantityButtonsBackground":"rgba(255, 255, 255, 1)","clearText":"rgba(134, 35, 64, 1)","quantityButtonsText":"rgba(134, 35, 64, 1)"},"errors":{"background":"rgba(236, 41, 41, 1)"},"text":{"resume":"rgba(9, 18, 43, 1)","terms":"rgba(225, 116, 100, 1)"},"timeslots":{"timeslotActiveBackground":"rgba(134, 35, 64, 1)","timeslotActiveText":"rgba(255, 255, 255, 1)","timeslotBackground":"rgba(255, 255, 255, 1)","timeslotText":"rgba(134, 35, 64, 1)"}},"translations":{"fr":{"from":"À partir de","addtocart":"Ajouter au panier","bookingfees":"Acompte de commande","deposit":"Acompte","label":"Choisir une date","please":"Veuillez sélectionner une date","select":"Sélectionner","note":"Veuillez remplir","clear":"Effacer","save":"Enregistrer","paynow":"Payer maintenant","paylater":"Payer plus tard","day":"jour","night":"nuit","days":"jours","nights":"nuits","min":"minimum","max":"maximum","unavailable":"indisponible","returnday":"Retour","quantity":"Quantité","duration":"Durée","addons":"Options supplémentaires","included":"Inclus","terms":"J’ai lu et j’accepte les conditions","noresults":"Aucun produit disponible pour vos dates. Essayez d’autres dates !","multiplesearch":"Rechercher des disponibilités...","rangesearch":"Jour de début...","endsearch":"Jour de fin...","remove":"sera supprimé du panier","expire":"réservé pour","validation_dates":"Veuillez sélectionner des dates pour {{product.title}} !","validation_expired":"Dates expirées pour {{product.title}} ! Veuillez sélectionner de nouvelles dates.","syncdateshere":"Vous avez actuellement un produit pour :"}},"showMonths":{"md":"1","lg":"1"},"quantityPosition":"default","startCal":"default","displayCal":["default"],"displayPrice":"default","deposit":{"id":"55277123240284","amount":0,"percent":0},"checkoutMode":"default","showFinalPriceOnly":"disabled","sections":[{"label":"Calendar","value":"calendar"},{"label":"Resume","value":"resume"},{"label":"Add-ons","value":"addons"},{"label":"Requests","value":"requests"}],"syncDates":"disabled","countdown":"disabled","expiration":"15"}`;
if(typeof izyrentSettings === "string"){
izyrentSettings = izyrentSettings.replace(/=>/g, ":");
izyrentSettings = JSON.parse(izyrentSettings);
}
</script>
<style>
quick-add-modal .shopify-payment-button{display: none !important;};
</style>
<style>
.cart-count-bubble,.cart-item .quantity{ display:none;}
.mw-apo-configure-link{ display:none !important;}
.izyloader {
padding: 10px;
max-width: 44rem;
width: 100%;
}
.izyloader > span {
width: 48px;
height: 48px;
border-radius: 50%;
display: inline-block;
position: relative;
border: 10px solid;
border-color: rgb(0 0 0 / 7%) rgb(0 0 0 / 14%) rgb(0 0 0 / 21%) rgb(0 0 0 / 28%);
box-sizing: border-box;
animation: rotation 0.8s linear infinite;
display: flex;
margin: auto;
padding-top: 10px;
}
body.izyloaderhide .izyloader,.cart-item__details .cart-item__discounted-prices{display:none !important;}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
<script>
if(izyrentSettings?.theme?.text?.resume) {
const color = izyrentSettings.theme.text.resume;
const updateOpacity = (rgba, newOpacity) =>
rgba.replace(
/rgba\((\d+),\s*(\d+),\s*(\d+),\s*[\d.]+\)/,
`rgba($1, $2, $3, ${newOpacity})`
);
let css = `.izyloader > span {border-color: ${updateOpacity(
color,
0.07
)} ${updateOpacity(color, 0.14)} ${updateOpacity(
color,
0.21
)} ${updateOpacity(color, 0.28)} !important;}`;
document.head.insertAdjacentHTML('beforeend', `<style>${css}</style>`);
}
</script>
<script src="https://izyrent.speaz.com/izyrent.js?shop=cn95ip-y1.myshopify.com&v=1771865192066" async></script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019c8b98-5f40-7ec3-8db4-05a032314927/judgeme-extensions-369/assets/carousels.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019c8b98-5f40-7ec3-8db4-05a032314927/judgeme-extensions-369/assets/carousels.css" rel="stylesheet" type="text/css" media="all">
<script src="https://cdn.shopify.com/extensions/01fdcb77-5e10-4122-a504-b61b9f2c221f/forms-2314/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019c8b98-5f40-7ec3-8db4-05a032314927/judgeme-extensions-369/assets/loader.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 93237248348,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 93237248348,storefrontBaseUrl: "https://habari.coffee",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","5476ea20"],webPixelsConfigList: [{"id":"3480355164","configuration":"{\"accountID\":\"cn95ip-y1.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"795954ee49251f9abea8d261699c1fff","type":"APP","apiClientId":157087,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2543681884","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"HABARI COFFEE ","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"cn95ip-y1.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/habari.coffee\/en"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},"https://habari.coffee/cdn","3c1f2529w4065d210p03530cb8m151179d6",{"modern":"","legacy":""},{"shopId":"93237248348","storefrontBaseUrl":"https:\/\/habari.coffee","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"5476ea20\"]","isMerchantRequest":"false","hashVersion":"3c1f2529w4065d210p03530cb8m151179d6","publish":"custom","events":"[[\"page_viewed\",{}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"289adee7-c213-4d19-870a-a5e1de0750a6-1771893344"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 93237248348,
theme_id: 184324227420,
app_name: "storefront",
context_url: window.location.href,
source_url: "//habari.coffee/cdn/s/trekkie.storefront.ada4fc468c52f112e9074c454264307247284c06.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//habari.coffee/cdn/s/trekkie.storefront.ada4fc468c52f112e9074c454264307247284c06.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//habari.coffee/cdn/s/trekkie.storefront.ada4fc468c52f112e9074c454264307247284c06.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93237248348,"isMerchantRequest":null,"themeId":184324227420,"themeCityHash":"5205262990573334997","contentLanguage":"en","currency":"EUR","eventMetadataId":"0118c748-fbb8-4c56-9b3c-bf2876f2119e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447","b5387b81"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"289adee7-c213-4d19-870a-a5e1de0750a6-1771893344","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//habari.coffee/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://habari.coffee/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.1.0.min.js"
data-application="storefront-renderer"
data-shop-id="93237248348"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="184324227420"
data-theme-name="Savor"
data-theme-version="2.0.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://habari.coffee/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="page-width-normal card-hover-effect-scale">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Skip to content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25811844399452__header_announcements_fWwNMk" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-2"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-2"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AZXpTaWlMc0RYOVVob__announcement_Aez4EB text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
Free click and collect in Lille and free delivery for orders over €60
</p>
<a
class="announcement-bar__link"
href="/en/collections/la-boutique-habari"
>
<span class="visually-hidden">
Free click and collect in Lille and free delivery for orders over €60
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--25811844399452__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "HABARI COFFEE ",
"logo": "https:\/\/habari.coffee\/cdn\/shop\/files\/HABARI_LOGO.png?v=1753683675\u0026width=500",
"url": "https:\/\/habari.coffee"
}
</script>
<header-component
id="header-component"
class="header color-scheme-2 header--compact"
transparent="not-sticky"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-1 section section--full-width-margin section--full-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
style=""
>
<script
src="//habari.coffee/cdn/shop/t/3/assets/header-drawer.js?v=112577955575454133091753108356"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
style="--menu-image-border-radius: px;"
>
<details
id="Details-menu-drawer-container"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-1"
>
<button
class="button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-cafes-de-specialite"
href="/en/collections/la-boutique-habari"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Specialty coffees</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/cafes"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Coffees</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/abonnements"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Coffee Subscriptions</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/products/carte-cadeau"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Gift-card</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-formations-barista"
href="/en/collections/nos-formations"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Barista trainings</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-ateliers"
href="/en/collections/nos-ateliers"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Coffee workshops</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-lecole-habari"
href="/en/pages/ecole-habari"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Habari School</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 5;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-a-propos"
href="/en/pages/a-propos"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">About</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 6;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-blog"
href="/en/blogs/infos"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Blog</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 7;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-contact"
href="/en/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Contact</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 8;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-quiz"
href="/en/pages/quizz-cafe-habari"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text">Quiz</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 8;"
>
<div class="menu-drawer__localization color-scheme-1">
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en" />
<div class="language-selector language-selector--collapse-space">
<h2
class="visually-hidden"
id="-LanguageLabel"
>
Language
</h2>
<select
id="Select"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<a
href="/en"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 16px;--padding-block-end: 16px;--padding-inline-start: 10px;--padding-inline-end: 10px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_LOGO.png?height=55&v=1753683675" alt="Logo Habari Coffee, torrefacteur de café de spécialité à Lille" width="103" height="55" class="header-logo__image" srcset="//habari.coffee/cdn/shop/files/HABARI_LOGO.png?height=55&v=1753683675 1x, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?height=110&v=1753683675 2x, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?height=165&v=1753683675 3x" style="--header-logo-image-width: 104px;--header-logo-image-width-mobile: 104px; --header-logo-image-height: 55px; --header-logo-image-height-mobile: 55px;">
</span>
<span
class="header-logo__image-container header-logo__image-container--inverse"
data-testid="header-logo-inverse"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_BARISTA_LILLE_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CAFES_EN_GRAINS_FORMATIONS_BARISTAS_LILLE_ATELIERS_CAFES_LILLE_BIO_CAF__BRUNCH_LILLE.png?height=55&v=1753683642" alt="Logo Habari Coffee, torréfacteur de café de spécialité à Lille" width="103" height="55" class="header-logo__image" srcset="//habari.coffee/cdn/shop/files/HABARI_BARISTA_LILLE_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CAFES_EN_GRAINS_FORMATIONS_BARISTAS_LILLE_ATELIERS_CAFES_LILLE_BIO_CAF__BRUNCH_LILLE.png?height=55&v=1753683642 1x, //habari.coffee/cdn/shop/files/HABARI_BARISTA_LILLE_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CAFES_EN_GRAINS_FORMATIONS_BARISTAS_LILLE_ATELIERS_CAFES_LILLE_BIO_CAF__BRUNCH_LILLE.png?height=110&v=1753683642 2x, //habari.coffee/cdn/shop/files/HABARI_BARISTA_LILLE_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CAFES_EN_GRAINS_FORMATIONS_BARISTAS_LILLE_ATELIERS_CAFES_LILLE_BIO_CAF__BRUNCH_LILLE.png?height=165&v=1753683642 3x" style="--header-logo-image-width: 104px;--header-logo-image-width-mobile: 104px; --header-logo-image-height: 55px; --header-logo-image-height-mobile: 55px;">
</span>
</a>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
>
<template shadowrootmode="open">
<link href="//habari.coffee/cdn/shop/t/3/assets/overflow-list.css?v=168694168152117541881753108357" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
More
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/collections/la-boutique-habari"
class="menu-list__link">
<span class="menu-list__link-title">Specialty coffees</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:none; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));"
>
<div class="mega-menu section section--full-width-margin section--full-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/collections/cafes"
class="mega-menu__link"
>
<span
class="mega-menu__link-title"
>Coffees</span>
</a>
</div>
<div>
<a
href="/en/collections/abonnements"
class="mega-menu__link"
>
<span
class="mega-menu__link-title"
>Coffee Subscriptions</span>
</a>
</div>
<div>
<a
href="/en/products/carte-cadeau"
class="mega-menu__link"
>
<span
class="mega-menu__link-title"
>Gift-card</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/collections/nos-formations"
class="menu-list__link">
<span class="menu-list__link-title">Barista trainings</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/collections/nos-ateliers"
class="menu-list__link">
<span class="menu-list__link-title">Coffee workshops</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/ecole-habari"
class="menu-list__link">
<span class="menu-list__link-title">Habari School</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/a-propos"
class="menu-list__link">
<span class="menu-list__link-title">About</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/blogs/infos"
class="menu-list__link">
<span class="menu-list__link-title">Blog</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/contact"
class="menu-list__link">
<span class="menu-list__link-title">Contact</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/quizz-cafe-habari"
class="menu-list__link">
<span class="menu-list__link-title">Quiz</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//habari.coffee/cdn/shop/t/3/assets/header-menu.js?v=8653323162704717271753108357"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<div class="dropdown-localization mobile:hidden">
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/en" />
<div class="language-selector language-selector--collapse-space">
<h2
class="visually-hidden"
id="dropdown-LanguageLabel"
>
Language
</h2>
<select
id="dropdownSelect"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
<script
type="module"
src="//habari.coffee/cdn/shop/t/3/assets/cart-icon.js?v=14733679814066288171753108356"
fetchpriority="low"
></script>
<header-actions>
<script
src="//habari.coffee/cdn/shop/t/3/assets/cart-drawer.js?v=92290163633888904321753108357"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
auto-open
>
<button
class="button header-actions__action button-unstyled"
on:click="/open"
aria-label="Open cart Total items in cart: 0"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Total items in cart: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
scroll-lock
>
<div class="cart-drawer__inner">
<cart-items-component
class="cart-items-component"
data-section-id="sections--25811844399452__header_section"
><div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button cart-drawer__close-button button-unstyled"
aria-label="Close dialog"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content motion-reduce"
aria-label="Cart"
>
<span class="cart-drawer__heading h3 cart-drawer__heading--empty">
Your cart is empty
</span>
<div class="cart-drawer__items">
<script
src="//habari.coffee/cdn/shop/t/3/assets/component-cart-items.js?v=34488562263132817411753108357"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper"
>
<a
class="button cart-items__empty-button"
href="/en/collections/all"
>
Continue shopping
</a></div>
</div>
</div></cart-items-component>
</div>
</dialog>
</cart-drawer-component>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//habari.coffee/cdn/shop/t/3/assets/header.js?v=3724570062016204791753108357"
type="module"
></script>
</header>
<!-- END sections: header-group -->
</div>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<section id="shopify-section-template--25811844268380__hero_RkimKJ" class="shopify-section hero-wrapper section-wrapper">
<div
id="Hero-template--25811844268380__hero_RkimKJ"
class="hero color-scheme-7"
style=" --hero-border-style: ; --hero-border-width: px; --hero-border-opacity: %; --blur-opacity: 0.75; --hero-min-height: 100svh; "
>
<div
class="hero__container spacing-style section section--full-width"
style=" --padding-block-start: 0px;--padding-block-end: 0px;"
><a
href="https://habari.coffee/"
class="hero__link"
></a><div
class="hero__media-wrapper">
<img src="//habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=3840" alt="Habari vidéo" srcset="//habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=832 832w, //habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=1200 1200w, //habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=1600 1600w, //habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=1920 1920w, //habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=2560 2560w, //habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000.jpg?v=1753135389&width=3840 3840w" width="3840" height="2160" class="hero__video-poster" sizes="(min-width: 750px) 100vw, 100vw" fetchpriority="high">
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="hero__video" preload="metadata" aria-label="Habari vidéo"><source src="//habari.coffee/cdn/shop/videos/c/vp/6b3a5065c0fc4f48bcbb2a790cead295/6b3a5065c0fc4f48bcbb2a790cead295.HD-1080p-7.2Mbps-51654921.mp4?v=0" type="video/mp4"><img alt="Habari vidéo" src="//habari.coffee/cdn/shop/files/preview_images/6b3a5065c0fc4f48bcbb2a790cead295.thumbnail.0000000000_small.jpg?v=1753135389"></video>
</div>
<div
class="hero__content-wrapper layout-panel-flex layout-panel-flex--column mobile-column section-content-wrapper page-width"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:70%;--size-style-height: fit; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AWHpJSWFyNkYwV0IzT__text_KxeJ6r h1 text-block--align-center text-block--full-width"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: center; "
>
<h1> Habari coffee</h1>
</div>
<div
class="spacing-style text-block text-block--AN0srWFgxTWpNMG5ES__text_dqPhw6 custom text-block--align-center text-block--full-width custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground);--font-size: 1.5rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --max-width: var(--max-width--body-none); --text-align: center; "
>
<p>Specialty coffee roaster, barista training and sensory experiences in the heart of Lille.</p><p></p>
</div>
<div
class="group-block group-block--height-fit group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:95%;--size-style-height: fit; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<a
href="/en/collections/la-boutique-habari"
class="size-style button button--Ab3ZWQmRJZE91UVRMb__button_VKGXxA"
style="--size-style-width:100%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;"
>
Discover our coffees
</a>
<a
href="/en/pages/quizz-cafe-habari"
class="size-style button-secondary button-secondary--AdW1pNUpKcG51K2s0b__button_tiAUUi"
style="--size-style-width:100%;--size-style-height: ; --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;"
>
Take the Quiz
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><div id="shopify-section-template--25811844268380__section_rBcehz" class="shopify-section section-wrapper">
<div class="section-background color-scheme-2"></div>
<div
class="section section--page-width color-scheme-2"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--row section-content-wrapper mobile-column"
style=" --flex-direction: row; --flex-wrap: nowrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 20px;--padding-block-end: 20px; "
data-testid="section-content"
>
<div
class="group-block group-block--height-custom group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:100%;--size-style-height:100%;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AVnp3bjJ3ejRzT3Eye__icon_HVHChB" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AVnp3bjJ3ejRzT3Eye__icon_HVHChB"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M10.289 0.195688L10.0165 0.614868L9.73308 0.202948C9.89985 0.0882083 10.1193 0.085342 10.289 0.195688ZM10.0239 1.22397C10.0059 1.23709 9.98711 1.25084 9.96754 1.2652C9.75267 1.42286 9.44443 1.65462 9.07398 1.94898C8.33229 2.53833 7.34518 3.37545 6.35998 4.36829C5.3731 5.36282 4.39917 6.50258 3.6746 7.69609C2.9476 8.8936 2.49361 10.1091 2.49359 11.265C2.49353 16.0723 6.3863 18.7892 9.86979 18.8827C13.3336 18.9757 17.5064 16.2076 17.5064 11.1715C17.5064 9.95392 17.0516 8.71412 16.3299 7.51857C15.6097 6.32527 14.6416 5.20589 13.6605 4.23874C12.6809 3.27316 11.6994 2.47011 10.9619 1.90808C10.5935 1.62738 10.2871 1.4076 10.0736 1.25854C10.0564 1.24656 10.0399 1.23503 10.0239 1.22397ZM17.1861 7.00182C17.9626 8.28829 18.5064 9.70844 18.5064 11.1716C18.5064 16.8584 13.7772 19.988 9.84295 19.8824C5.92833 19.7773 1.49353 16.7183 1.49359 11.265C1.49361 9.85582 2.04249 8.45751 2.81979 7.17715C3.59952 5.89279 4.63131 4.69065 5.65015 3.66392C6.67066 2.6355 7.68927 1.77201 8.45186 1.16605C8.83356 0.862756 9.1521 0.623199 9.37598 0.45894C9.48794 0.376793 9.5763 0.31343 9.63711 0.270293C9.66752 0.248724 9.69105 0.232207 9.7072 0.220924L9.72585 0.207945L9.73092 0.20444L9.73308 0.202948C9.73308 0.202948 9.73308 0.202948 10.0165 0.614868C10.289 0.195688 10.289 0.195688 10.289 0.195688L10.2913 0.197143L10.2964 0.200494L10.3151 0.21283C10.3313 0.223537 10.3549 0.23919 10.3853 0.259633C10.4461 0.300517 10.5343 0.360582 10.646 0.438599C10.8695 0.594598 11.1873 0.822577 11.568 1.11271C12.3286 1.69232 13.3445 2.52316 14.3625 3.52657C15.3788 4.52841 16.4082 5.71311 17.1861 7.00182Z" />
<path d="M10.2984 6.53911L10.0101 6.94762L9.71091 6.547C9.88437 6.41747 10.1215 6.41428 10.2984 6.53911ZM10.0177 7.57751C9.89792 7.67445 9.74607 7.80014 9.57119 7.95096C9.12226 8.33812 8.52516 8.88776 7.92971 9.53903C7.33288 10.1918 6.7473 10.9363 6.31312 11.7125C5.87714 12.492 5.61131 13.2722 5.6113 14.0056C5.61126 17.1425 7.75659 18.8851 9.9123 18.8851C12.0924 18.8851 14.3887 17.2093 14.3887 13.9436C14.3887 12.3722 13.2922 10.7471 12.0841 9.45463C11.4927 8.82192 10.8996 8.29519 10.4537 7.92638C10.2836 7.78568 10.1354 7.66842 10.0177 7.57751ZM12.8147 8.77178C14.0459 10.089 15.3887 11.9619 15.3887 13.9436C15.3887 17.7841 12.622 19.8851 9.9123 19.8851C7.17825 19.8851 4.61126 17.6683 4.6113 14.0055C4.61131 13.039 4.95783 12.087 5.44038 11.2243C5.92472 10.3585 6.56383 9.55098 7.19169 8.86426C7.82093 8.17602 8.44852 7.59865 8.9181 7.19368C9.15326 6.99088 9.3497 6.83053 9.48811 6.72031C9.55734 6.66518 9.61212 6.62254 9.65004 6.59335L9.694 6.55974L9.70595 6.55072L9.70932 6.54819L9.71091 6.547C9.71091 6.547 9.71091 6.547 10.0101 6.94762C10.2984 6.53911 10.2984 6.53911 10.2984 6.53911L10.3 6.54029L10.3035 6.54273L10.3155 6.55135L10.3597 6.58331C10.3977 6.61105 10.4525 6.65155 10.5217 6.70398C10.66 6.80882 10.8562 6.9616 11.091 7.1558C11.5599 7.54357 12.1864 8.09964 12.8147 8.77178Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 10px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--ANmJKaUNvenE5cU80M__text_FHw7D9 h5 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Artisan roasting</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AQXJKRkpjZmZNMGt6d__text_ci7VTi rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Careful roasting to preserve all the aromas.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-Ac2pZSGc1a1QyckZFS__icon_npFPAA" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-Ac2pZSGc1a1QyckZFS__icon_npFPAA"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path
d="M9.91038 18.5904L14.9458 9.80988C17.1744 5.9237 14.4213 1.03316 10.004 1.03316C5.61856 1.03316 2.85676 5.85475 5.01217 9.74644L9.91038 18.5904ZM10.004 0C4.84496 0 1.59264 5.67261 4.13039 10.2547L9.34236 19.6651C9.58751 20.1078 10.2108 20.1126 10.4625 19.6737L15.82 10.3316C18.4445 5.75498 15.2016 0 10.004 0Z"
fill-rule="evenodd"
/>
<path d="M12.9997 6.79602C12.9997 8.5559 11.6011 9.98256 9.87597 9.98256C8.1508 9.98256 6.75228 8.5559 6.75228 6.79602C6.75228 5.03615 8.1508 3.60949 9.87597 3.60949C11.6011 3.60949 12.9997 5.03615 12.9997 6.79602ZM9.87597 8.9494C11.0418 8.9494 11.9869 7.9853 11.9869 6.79602C11.9869 5.60675 11.0418 4.64265 9.87597 4.64265C8.71015 4.64265 7.76506 5.60675 7.76506 6.79602C7.76506 7.9853 8.71015 8.9494 9.87597 8.9494Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 10px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<div
class="spacing-style text-block text-block--AZkNDWEs4dmVhK0cxc__text_dwjbmp h5 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Training center</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AVlNKeFQxUHVUOGJvd__text_UCEbQW rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Barista training and coffee workshops in the heart of Lille.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AS25qY25vQlBiYmo2S__icon_QX8tx3" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AS25qY25vQlBiYmo2S__icon_QX8tx3"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M15.9633 5.16568C16.1818 5.33464 16.2219 5.64867 16.0529 5.86709L11.2315 12.1C10.7573 12.7132 10.5 13.4664 10.5 14.2415L10.5 17.728C10.5 18.0041 10.2761 18.228 9.99998 18.228C9.72384 18.228 9.49998 18.0041 9.49998 17.728L9.49997 14.2415C9.49997 13.2449 9.8308 12.2765 10.4406 11.4882L15.2619 5.25525C15.4309 5.03683 15.7449 4.99673 15.9633 5.16568Z" />
<path d="M4.13656 9.11047C3.94637 9.31067 3.95448 9.62715 4.15469 9.81735L8.41061 13.8605C9.10616 14.5213 9.49997 15.4386 9.49997 16.398V19.5C9.49997 19.7761 9.72383 20 9.99997 20C10.2761 20 10.5 19.7761 10.5 19.5V16.398C10.5 15.1645 9.99364 13.9851 9.09936 13.1355L4.84344 9.09235C4.64324 8.90216 4.32676 8.91027 4.13656 9.11047Z" />
<path
d="M18.3779 1.53927C18.4327 2.29021 18.4725 3.32703 18.4047 4.40738C18.3125 5.87411 18.0299 7.25745 17.4545 8.14562C16.7167 9.28439 15.6883 9.90008 14.7112 10.1459C13.6919 10.4023 12.8474 10.2333 12.4595 9.98203C11.6151 9.43502 10.6657 7.26257 12.1639 4.95007C12.7171 4.09609 13.9498 3.29603 15.4075 2.63437C16.4929 2.1417 17.5917 1.77412 18.3779 1.53927ZM18.7295 0.399095C19.0125 0.322287 19.2884 0.513872 19.3179 0.805582C19.4683 2.2906 19.735 6.46465 18.2937 8.68934C16.5205 11.4265 13.2903 11.7118 11.9158 10.8213C10.5413 9.93084 9.57124 7.11282 11.3246 4.40636C12.7665 2.18066 17.2 0.814295 18.7295 0.399095Z"
fill-rule="evenodd"
/>
<path
d="M1.16197 6.23639C1.24915 6.80305 1.38541 7.51404 1.5922 8.22877C1.89834 9.28691 2.31835 10.2055 2.84189 10.729C3.54804 11.4352 4.37904 11.7175 5.11404 11.7439C5.89258 11.7719 6.44282 11.5154 6.64245 11.3158C7.09947 10.8588 7.49486 9.18578 6.0474 7.73833C5.55144 7.24237 4.58274 6.85006 3.40831 6.58298C2.60103 6.3994 1.79173 6.29511 1.16197 6.23639ZM0.569611 5.18777C0.276949 5.16998 0.0467941 5.41364 0.080866 5.70486C0.226586 6.95034 0.719124 10.0205 2.13478 11.4362C3.93434 13.2357 6.44588 12.9266 7.34955 12.0229C8.25323 11.1193 8.53389 8.8106 6.75451 7.03122C5.33581 5.61253 1.90298 5.26882 0.569611 5.18777Z"
fill-rule="evenodd"
/></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 10px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AVXpPcU5aWGpBYVRUY__text_bTEFte h5 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Responsible sourcing</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--ANk1XOWoyWEh5bmZHQ__text_zc837U rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p>Coffees sourced directly from producers.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AM0VCaHg1c1JZSk5DR__icon_pVbgi6" class="shopify-block icon-block">
<svg
class="icon-block__media icon-block-AM0VCaHg1c1JZSk5DR__icon_pVbgi6"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="32"
height="32"
viewbox="0 0 20 20"
>
<path d="M10.7058 0.549946C11.0066 0.550342 11.3069 0.550737 11.5727 0.54775C12.6717 0.535401 13.4169 1.32825 13.7106 1.83393L15.3904 4.63773L16.1669 4.22927C16.3476 4.13421 16.5679 4.15856 16.7235 4.29078C16.879 4.42299 16.9386 4.63651 16.8739 4.83016L15.5307 8.85205C15.45 9.09376 15.2004 9.23609 14.9512 9.18246L10.5904 8.24369C10.3905 8.20066 10.2369 8.04021 10.2027 7.8386C10.1684 7.63698 10.2604 7.43484 10.4349 7.32822L11.3466 6.77121L10.491 5.35356L9.16947 7.63949C9.0331 7.87537 8.73297 7.95865 8.49456 7.82675L5.46517 6.15084C5.34568 6.08474 5.25843 5.97265 5.22367 5.8406C5.18892 5.70854 5.20968 5.56802 5.28114 5.45166C5.75753 4.67599 6.64634 3.14684 7.2264 2.14351C7.52092 1.63407 7.80943 1.26638 8.12347 1.01328C8.44922 0.750745 8.77858 0.630664 9.11576 0.579998C9.12637 0.578405 9.13702 0.577153 9.14771 0.576245C9.4761 0.548329 10.0919 0.549139 10.7058 0.549946ZM10.925 4.13746L12.4598 6.68024C12.6019 6.91575 12.5271 7.22186 12.2924 7.36528L12.0238 7.52936L14.724 8.11064L15.5313 5.69358L15.4374 5.74295C15.2026 5.8665 14.9121 5.78506 14.7757 5.55742L12.8469 2.33802C12.6459 1.99038 12.1756 1.54104 11.584 1.54769C11.2714 1.5512 10.9415 1.55066 10.6262 1.55014C10.059 1.54921 9.53863 1.54836 9.24893 1.5713C9.06973 1.60012 8.91602 1.65888 8.75098 1.79189C8.72575 1.81222 8.69986 1.83462 8.67329 1.85932C9.41082 2.17381 10.3422 2.86027 10.925 4.13746ZM8.06135 2.69724C7.58009 3.52944 6.89514 4.70818 6.40422 5.52752L8.5493 6.71421L9.91606 4.35001C9.36655 3.30179 8.53989 2.84656 8.06135 2.69724Z" />
<path d="M18.8984 16.3552C18.7447 16.6138 18.5913 16.872 18.4584 17.1022C17.909 18.0541 16.847 18.2912 16.2622 18.2861L12.9938 18.3026L12.9496 19.1788C12.9393 19.3827 12.806 19.5598 12.613 19.6263C12.4199 19.6928 12.2059 19.6352 12.0722 19.4809L9.29638 16.2755C9.12955 16.0828 9.1343 15.7955 9.30742 15.6085L12.3375 12.3349C12.4764 12.1848 12.6927 12.1345 12.8837 12.2078C13.0746 12.2811 13.2016 12.4632 13.2044 12.6677L13.219 13.736L14.8748 13.7223L13.5815 11.4203C13.4481 11.1827 13.5294 10.8821 13.7644 10.7442L16.7502 8.99179C16.8679 8.92267 17.0089 8.90473 17.1402 8.94212C17.2715 8.97951 17.3818 9.06899 17.4455 9.18978C17.8701 9.99496 18.7328 11.539 19.3005 12.5494C19.5887 13.0624 19.758 13.498 19.8157 13.8972C19.8756 14.3113 19.8111 14.6559 19.6828 14.9718C19.6788 14.9817 19.6745 14.9916 19.6698 15.0012C19.5264 15.298 19.2119 15.8274 18.8984 16.3552ZM15.7 14.7155L12.73 14.7401C12.455 14.7424 12.2297 14.522 12.2259 14.247L12.2216 13.9323L10.3454 15.9593L12.0136 17.8856L12.019 17.7797C12.0324 17.5147 12.2505 17.3063 12.5158 17.3049L16.2688 17.2861C16.6703 17.2904 17.2966 17.1147 17.5924 16.6023C17.7487 16.3315 17.9172 16.048 18.0784 15.7769C18.3682 15.2895 18.6342 14.8421 18.7621 14.5812C18.8286 14.4123 18.8564 14.2501 18.826 14.0403C18.8214 14.0083 18.8153 13.9746 18.8076 13.9391C18.1612 14.4134 17.0959 14.8649 15.7 14.7155ZM18.3985 12.9856C17.9278 12.1474 17.2627 10.9574 16.8079 10.1174L14.6937 11.3582L16.0313 13.7391C17.2132 13.8005 18.0262 13.3212 18.3985 12.9856Z" />
<path d="M1.15621 15.7354C1.00906 15.473 0.862139 15.2111 0.729208 14.9809C0.179617 14.0291 0.505229 12.9909 0.801973 12.487L2.42199 9.6482L1.68529 9.17176C1.51385 9.06089 1.42705 8.85692 1.466 8.65651C1.50496 8.4561 1.66185 8.2995 1.86233 8.26092L6.0262 7.45965C6.27645 7.4115 6.52288 7.55926 6.59829 7.80269L7.91826 12.0636C7.97877 12.259 7.91423 12.4715 7.7553 12.6002C7.59636 12.7289 7.37508 12.7478 7.1966 12.648L6.26413 12.1265L5.4481 13.5673L8.08835 13.5983C8.3608 13.6015 8.58054 13.8222 8.58248 14.0947L8.60717 17.5567C8.60815 17.6932 8.55323 17.8242 8.45518 17.9193C8.35714 18.0143 8.22448 18.0651 8.08803 18.0599C7.17842 18.025 5.4099 18.0001 4.25104 17.9865C3.66263 17.9796 3.20071 17.9084 2.82615 17.7588C2.43762 17.6036 2.17147 17.3755 1.96199 17.1064C1.9554 17.098 1.94909 17.0893 1.94306 17.0804C1.75771 16.8079 1.45648 16.2708 1.15621 15.7354ZM4.1754 13.7853L5.63906 11.201C5.77463 10.9616 6.07809 10.8767 6.31818 11.011L6.59287 11.1646L5.77555 8.52624L3.27316 9.00778L3.36221 9.06537C3.58504 9.20948 3.65648 9.50256 3.52495 9.73304L1.66481 12.9926C1.46034 13.3382 1.29934 13.9685 1.59519 14.4808C1.75154 14.7515 1.91278 15.0392 2.06695 15.3144C2.34421 15.8091 2.59863 16.2631 2.76066 16.5043C2.87365 16.6464 3.00022 16.7515 3.19707 16.8302C3.22716 16.8422 3.25937 16.8538 3.29393 16.8648C3.20641 16.0678 3.34805 14.9195 4.1754 13.7853ZM4.32426 16.9873C5.28553 16.9987 6.6487 17.0177 7.60349 17.0439L7.586 14.5925L4.85535 14.5605C4.2112 15.5533 4.21977 16.497 4.32426 16.9873Z" /></svg>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 10px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AVVYvdzhwVTRoTnZOK__text_CAb9dN h5 text-block--align-center"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Sustainable packaging</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--ARjVHM2hsUW1yUVh5Z__text_LAAUXc rte text-block--align-center rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; "
>
<p> Our packaging is eco-responsible and 100% recyclable.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25811844268380__product_list_JQNy9B" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3 section-resource-list spacing-style gap-style"
style=" --column-count-mobile: 1; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); --gap: 20px; --resource-list-column-gap-desktop: 20px;--resource-list-row-gap-desktop: 20px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(1, 1fr); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 20px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AbWdGakNyN0FxdEtpN__product_list_text_xdF6xt h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:16px; --color: var(--color-foreground-heading); --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<h2>Specialty coffees to (re)discover</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--AeDNESWVvR3NVWWFYb__text_XRAcQR rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-none); "
>
<p>Sensory profiles for every taste! Carefully roasted in Lille. Whole beans or ground to order.</p>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 20px;--resource-list-row-gap-desktop: 20px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(1, 1fr);"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165419913564"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165419913564"
data-product-variants-size="8"
id="product-card-ATWVHMjl3WnBzamlUN__static-product-card"
data-product-transition="true"
>
<a
id="43c42e0d8c399eb7fb66e716dc41358e"
href="/en/products/cafehabari-pachamama?variant=55191817617756"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Pachamama Cafe
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 10px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165419913564"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="68178311119196">
<div
class="product-media"
style="--ratio: 1.25"
data-media-id="68178311119196"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=2000" alt="Sachet de café de spécialité torréfié à lille de façon artisanale" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=2000 2000w" width="2000" height="1600" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68177956897116"
>
<div
class="product-media"
style="--ratio: 1.25"
data-media-id="68177956897116"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=2000" alt="cafeengrain_cafemoulu_specialtycoffee_coffeeroaster" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=2000 2000w" width="2000" height="1600" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_peroupachamama_nejapatissserie.jpg?v=1766753375&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68177957224796"
>
<div
class="product-media"
style="--ratio: 1.2498644986449865"
data-media-id="68177957224796"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000" alt="cafedespecialite_cafebio_espresso_filtre_washedcoffee_artisanat" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000 2000w" width="2000" height="1600" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Pachamama Cafe"
>
<product-form-component
data-section-id="template--25811844268380__product_list_JQNy9B"
data-product-id="15165419913564"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165419913564-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55191817617756"
>
<input
type="hidden"
name="quantity"
value="1"
>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Add
</span>
</span>
</button><input type="hidden" name="product-id" value="15165419913564" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_JQNy9B" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Pachamama Cafe</h3>
<div class="h6">
<product-price data-product-id="15165419913564">
<div ref="priceContainer">
<span class="price">€18,25 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AYzJZWnlSczl6endwM__product_title_8TFQ9G h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Pachamama Cafe</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AOTJ1MkVhRUJkNTBod__price_cn76K6"
data-product-id="15165419913564"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€18,25 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165460119900"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165460119900"
data-product-variants-size="8"
id="product-card-ATWVHMjl3WnBzamlUN__static-product-card-1"
data-product-transition="true"
>
<a
id="34a7be3606c59b75a409baebb8bf5ed7"
href="/en/products/cafehabari-mambo-powa?variant=55191907238236"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Mambo Powa Cafe
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 10px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165460119900"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
variant-image
slide-id="68178311119196">
<div
class="product-media"
style="--ratio: 1.25"
data-media-id="68178311119196"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=2000" alt="Sachet de café de spécialité torréfié à lille de façon artisanale" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=2000 2000w" width="2000" height="1600" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sachet200g_cafechr.jpg?v=1766753089&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68177957323100"
>
<div
class="product-media"
style="--ratio: 1.25"
data-media-id="68177957323100"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=2000" alt="cafedespecialite_specialtycoffeeroaster_kenya_washedcoffee_france" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=2000 2000w" width="2000" height="1600" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_sakamimambopowa_cafefiltre.jpg?v=1766753360&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68177957224796"
>
<div
class="product-media"
style="--ratio: 1.2498644986449865"
data-media-id="68177957224796"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000" alt="cafedespecialite_cafebio_espresso_filtre_washedcoffee_artisanat" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000 2000w" width="2000" height="1600" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Mambo Powa Cafe"
>
<product-form-component
data-section-id="template--25811844268380__product_list_JQNy9B"
data-product-id="15165460119900"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--multi-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165460119900-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55191907238236"
>
<input
type="hidden"
name="quantity"
value="1"
>
<button
class="button quick-add__button quick-add__button--choose"
type="button"
name="add"
on:click="quick-add-component/handleClick"
>
<span
class="add-to-cart-text"
>
<span
class="svg-wrapper add-to-cart-icon"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">
Add
</span>
</span>
</button><input type="hidden" name="product-id" value="15165460119900" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_JQNy9B" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Mambo Powa Cafe</h3>
<div class="h6">
<product-price data-product-id="15165460119900">
<div ref="priceContainer">
<span class="price">€19,90 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AYzJZWnlSczl6endwM__product_title_8TFQ9G-1 h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Mambo Powa Cafe</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AOTJ1MkVhRUJkNTBod__price_cn76K6-1"
data-product-id="15165460119900"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€19,90 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165502226780"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165502226780"
data-product-variants-size="1"
id="product-card-ATWVHMjl3WnBzamlUN__static-product-card-2"
data-product-transition="true"
>
<a
id="8b059ff5f597017c17dfbfc85734a571"
href="/en/products/cascara-infusiondecerisecafe?variant=56441446334812"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Cascara – Coffee Cherry Infusion
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 10px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165502226780"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68177957224796"
>
<div
class="product-media"
style="--ratio: 1.2498644986449865"
data-media-id="68177957224796"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000" alt="cafedespecialite_cafebio_espresso_filtre_washedcoffee_artisanat" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=2000 2000w" width="2000" height="1600" loading="eager" sizes="(min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68134830014812"
>
<div
class="product-media"
style="--ratio: 1.8333333333333333"
data-media-id="68134830014812"
>
<img src="//habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=2000" alt="Cascara – Coffee Cherry Infusion" srcset="//habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=400 400w, //habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=800 800w, //habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=1200 1200w, //habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=1600 1600w, //habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=2000 2000w" width="2000" height="1091" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/infusion_cascara_cafe.png?v=1766761086&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="66490881245532"
>
<div
class="product-media"
style="--ratio: 0.6669921875"
data-media-id="66490881245532"
>
<img src="//habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=2000" alt="Infusion de Cascara Habari Coffee, spécialité de café à Lille à base de pulpe séchée de cerise de café" srcset="//habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=400 400w, //habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=800 800w, //habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=1200 1200w, //habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=1600 1600w, //habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=2000 2000w" width="2000" height="2999" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/cascara-cafe-specialite-lille.png?v=1766761086&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="66490911097180"
>
<div
class="product-media"
style="--ratio: 1.499267935578331"
data-media-id="66490911097180"
>
<img src="//habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=2000" alt="Café de spécialité à Lille Habari Coffee, aux notes acidulées rappelant le pamplemousse, servi dans un pichet" srcset="//habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=400 400w, //habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=800 800w, //habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=1200 1200w, //habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=1600 1600w, //habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=2000 2000w" width="2000" height="1334" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/cafe-specialite-lille.png?v=1766761086&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Cascara – Coffee Cherry Infusion"
>
<product-form-component
data-section-id="template--25811844268380__product_list_JQNy9B"
data-product-id="15165502226780"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--single-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165502226780-AREdLYWFQYWpFMXh2M__product_card_gallery_h4FXHV-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="56441446334812"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbaristalille_ateliercafelille.jpg?v=1766754212&width=100"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Add</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Added</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="15165502226780" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_JQNy9B" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Cascara – Coffee Cherry Infusion</h3>
<div class="h6">
<product-price data-product-id="15165502226780">
<div ref="priceContainer">
<span class="price">€17,90 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AYzJZWnlSczl6endwM__product_title_8TFQ9G-2 h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Cascara – Coffee Cherry Infusion</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AOTJ1MkVhRUJkNTBod__price_cn76K6-2"
data-product-id="15165502226780"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€17,90 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: flex-start; "
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-end; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<a
href="/en/collections/la-boutique-habari"
class="size-style button-secondary button-secondary--AT3pZdUt4c1dKQXcyZ__button_xqNjjn"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
See all products
</a>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25811844268380__section_89Vk4A" class="shopify-section section-wrapper">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3"
style=" --section-min-height: var(--section-height-small); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style color-scheme-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/a-propos"
class="group-block__link"
></a><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 0px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 0px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px));--horizontal-alignment: flex-start; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacing-style text-block text-block--AVzJlZ1Z5K2QyaU5Pe__text_TET8zX custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading);--font-size: 1.125rem; --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2> More than a coffee, a meeting.</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--AYnk4NzdqT3UzNEdia__text_AQzE4q rte text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p> The Habari adventure was born from a simple observation: we all share precious moments around coffee, but few people know where it comes from, who grows it, or what it says about our world.<br><br> While woofing on a plantation in Kenya, I discovered much more than a product. I discovered a culture, stories, faces, and warm “Habari?” who, every day, opened the way to encounters.</p> <p>Habari — which means <strong>“how are you?”</strong> in Swahili — is a tribute to this kindness, to this attention paid to others, to this energy that we put into what we share.</p>
</rte-formatter>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<a
href="/en/pages/a-propos"
class="size-style button button--AclRnMmxYSjVialIwS__button_UBm7pg"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
learn more
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="image-block image-block--AUmdqenhIUmoycTNqd__image_FUPiBk image-block--height-fit spacing-style size-style"
style=" --ratio: 4 / 5; --size-style-width:20%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=3840" alt="Travailleurs du café au Kenya préparant la Cascara avec Habari Coffee, pour un café de spécialité durable et responsable" srcset="//habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=300 300w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=450 450w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=600 600w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=750 750w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=900 900w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1050 1050w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1200 1200w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1350 1350w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1500 1500w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1650 1650w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1800 1800w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=1950 1950w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=2000 2000w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=2500 2500w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=3000 3000w, //habari.coffee/cdn/shop/files/habari_cafe_kenya_cerise_de_cafe.jpg?v=1755176653&width=3500 3500w" width="900" height="1600" loading="lazy" class="image-block__image border-style" style=" --ratio: 4 / 5; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
</div>
</div>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style color-scheme-2"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><a
href="/en/pages/ecole-habari"
class="group-block__link"
></a><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 0px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="image-block image-block--AR2ZZTWc0dml2amxma__image_qaaiJE image-block--height-fit spacing-style size-style"
style=" --ratio: 4 / 5; --size-style-width:20%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=3840" alt="Salle de café Habari Coffee à Lille, lieu des ateliers et formations café au 6 Place Pierre Mendès France, 59800 Lille" srcset="//habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=300 300w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=450 450w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=600 600w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=750 750w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=900 900w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1050 1050w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1350 1350w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1500 1500w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1650 1650w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1800 1800w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=1950 1950w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=2000 2000w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=2500 2500w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=3000 3000w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_TORREFACTEUR_CAFE_DE_SPECIALITE_LILLE_CENTRE_FORMATION_BARISTA_LILLE_CPF.jpg?v=1766596311&width=3500 3500w" width="4240" height="2832" loading="lazy" class="image-block__image border-style" style=" --ratio: 4 / 5; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 0px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fill group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 16px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px)); --size-style-width: 100%;--size-style-height: 100%;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 40px));--horizontal-alignment: flex-start; --vertical-alignment: space-between;--vertical-alignment-mobile: space-between;"
>
<div
class="spacing-style text-block text-block--ATERvWGtVNEdsbFpXd__text_8kYe3C custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading);--font-size: 1.125rem; --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h2>L'Ecole Habari.</h2>
</div>
<rte-formatter
class="spacing-style text-block text-block--ANDJyRGw5RHZKL3BPc__text_tDcUMp rte text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p><strong>Un lieu de transmission, d’exploration et de rencontres. </strong>L’école HABARI est un espace dédié au café.</p><p>Véritable lieu d’apprentissage, l’école HABARI invite chacun·e à venir s’initier, se perfectionner ou simplement découvrir la richesse du café de spécialité au cœur de Lille.</p>
</rte-formatter>
<a
href="/en/pages/ecole-habari"
class="size-style button button--AeG9wWGFwMTRyZVEva__button_RhKU6c"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Découvrir les formations à lille
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25811844268380__product_list_rNAtyU" class="shopify-section ui-test-product-list">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3 section-resource-list spacing-style gap-style"
style=" --column-count-mobile: 1; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); --gap: 20px; --resource-list-column-gap-desktop: 20px;--resource-list-row-gap-desktop: 20px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(1, 1fr); "
>
<div class="section-resource-list__header">
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 16px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<a
href="/en/collections/nos-ateliers"
class="size-style button-secondary button-secondary--ASG5ERUVlZWZ3U1c2S__product_list_button_cX9ni6"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Notre formation barista à Lille
</a>
<div
class="spacing-style text-block text-block--ANkJZMFBYa0lmbXp3U__product_list_text_AwigGq h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading); --width: fit-content; --max-width: var(--max-width--body-none); "
>
<p>What if we have coffee together?</p>
</div>
<rte-formatter
class="spacing-style text-block text-block--AVmVwSEg5dW51K0hQW__text_naf6rt rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-none); "
>
<p>Whether you are an amateur, a budding barista or a professional in the food industry, our training courses are designed to help you achieve your goals and enhance your service offering.</p>
</rte-formatter>
</div>
</div>
</div>
<div
class="resource-list resource-list--grid"
style="--resource-list-column-gap-desktop: 20px;--resource-list-row-gap-desktop: 20px;--resource-list-columns: repeat(3, 1fr);--resource-list-columns-mobile: repeat(1, 1fr);"
data-testid="resource-list-grid"
>
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165587456348"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165587456348"
data-product-variants-size="1"
id="product-card-AenhSSndZdEl2dW5HQ__static-product-card"
data-product-transition="true"
>
<a
id="c21f7261b7f4af9921abb6cd8e606521"
href="/en/products/atelier-degustation?variant=55192726045020"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Tasting Workshop
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165587456348"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68306080137564"
>
<div
class="product-media"
style="--ratio: 0.8"
data-media-id="68306080137564"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=2000" alt="Photo d'un atelier de dégustation de café chez au centre de formation Habari coffee" srcset="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=2000 2000w" width="2000" height="2500" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165973934428"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165973934428"
>
<img src="//habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=2000" alt="Atelier café barista à Lille, expérience sensorielle unique. " srcset="//habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=400 400w, //habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=800 800w, //habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=1200 1200w, //habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=1600 1600w, //habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165972001116"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165972001116"
>
<img src="//habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=2000" alt="Tasting Workshop" srcset="//habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=400 400w, //habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=800 800w, //habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=1200 1200w, //habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=1600 1600w, //habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HabariCoffee_torrefacteurcafepecialitelille_formationbaristalille_degustationcafelille_formationbaristalille_cafeengrain_espressolatteart.jpg?v=1767908400&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165975245148"
>
<div
class="product-media"
style="--ratio: 1.4970866715222142"
data-media-id="68165975245148"
>
<img src="//habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=2000" alt="cafe de specialite et formation barista à Lille " srcset="//habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=400 400w, //habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=800 800w, //habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=1200 1200w, //habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=1600 1600w, //habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HabariCoffee_Atelierdegustationcafebaristalille_formationbaristalille_torrefacteurcafedespecialitysensoriel_nouveausieclelille.jpg?v=1767908400&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-5; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165629935964"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165629935964"
>
<img src="//habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=2000" alt="Tasting Workshop" srcset="//habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=400 400w, //habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=800 800w, //habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=1200 1200w, //habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=1600 1600w, //habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/Habari_Coffee_Atelier_degustation_cafe-lille_formation_barista_lille_torrefacteur_cafe_de_speciality_sensoriel_nouveau_siecle_lille-formationbaristalille.jpg?v=1767908400&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Tasting Workshop"
>
<product-form-component
data-section-id="template--25811844268380__product_list_rNAtyU"
data-product-id="15165587456348"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165587456348-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55192726045020"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=100"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Add</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Added</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="15165587456348" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_rNAtyU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Tasting Workshop</h3>
<div class="h6">
<product-price data-product-id="15165587456348">
<div ref="priceContainer">
<span class="price">€50,00 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AcXU3M0kvZ200NnJFc__product_title_WJRqMa h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Tasting Workshop</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AQTYzMWNjUE5VNVhxc__price_jB8F9w"
data-product-id="15165587456348"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€50,00 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165853237596"
data-featured-media-url="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165853237596"
data-product-variants-size="1"
id="product-card-AenhSSndZdEl2dW5HQ__static-product-card-1"
data-product-transition="true"
>
<a
id="ff739df519af5effc0fbee65cdd69595"
href="/en/products/atelier-espresso?variant=55193420792156"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Espresso Workshop
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX-1 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165853237596"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-arrows
position="center"
><button
class="slideshow-control slideshow-control--previous slideshow-control--style-arrow button button-unstyled button-unstyled--transparent flip-x"
aria-label="Previous slide"
on:click="/previous"
ref="previous"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
<button
class="slideshow-control slideshow-control--next slideshow-control--style-arrow button button-unstyled button-unstyled--transparent"
aria-label="Next slide"
on:click="/next"
ref="next"
>
<span class="svg-wrapper icon-arrow"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
</span>
</button>
</slideshow-arrows>
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165636587868"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165636587868"
>
<img src="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=2000" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=400 400w, //habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=800 800w, //habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=1600 1600w, //habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165632295260"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165632295260"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=2000" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=400 400w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=800 800w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=1600 1600w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-3; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165634031964"
>
<div
class="product-media"
style="--ratio: 1.497175141242938"
data-media-id="68165634031964"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=2000" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=400 400w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=800 800w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=1600 1600w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HABARI_COFFEE_torrefacteur_cafe_specialite_lille_formation_barista_lille_atelier_barista_lille_latte_art.jpg?v=1767896090&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-4; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68165632688476"
>
<div
class="product-media"
style="--ratio: 1.4971341230416508"
data-media-id="68165632688476"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=2000" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=400 400w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=800 800w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=1600 1600w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=2000 2000w" width="2000" height="1336" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_ATELIER_ESPRESSO.jpg?v=1767896090&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Espresso Workshop"
>
<product-form-component
data-section-id="template--25811844268380__product_list_rNAtyU"
data-product-id="15165853237596"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165853237596-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55193420792156"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=100"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Add</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Added</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="15165853237596" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_rNAtyU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Espresso Workshop</h3>
<div class="h6">
<product-price data-product-id="15165853237596">
<div ref="priceContainer">
<span class="price">€85,00 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AcXU3M0kvZ200NnJFc__product_title_WJRqMa-1 h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Espresso Workshop</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AQTYzMWNjUE5VNVhxc__price_jB8F9w-1"
data-product-id="15165853237596"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€85,00 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
<!--@list/split-->
<div
class="resource-list__item"
>
<style data-shopify>
</style>
<product-card-link
data-product-id="15165837279580"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=500"
data-product-transition="true"
><product-card
class="product-card"
data-product-id="15165837279580"
data-product-variants-size="1"
id="product-card-AenhSSndZdEl2dW5HQ__static-product-card-2"
data-product-transition="true"
>
<a
id="24776719739d9bfad856a1af99dc4e5d"
href="/en/products/atelier-slow-coffee?variant=55193390088540"
on:click="/navigateToProduct"
class="product-card__link"
ref="productCardLink"
>
<span class="visually-hidden">
Slow Coffee Workshop
</span>
</a>
<div
class="product-card__content layout-panel-flex layout-panel-flex--column product-grid__card spacing-style border-style gap-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --flex-direction: column; --flex-wrap: nowrap;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --product-card-gap: 8px; --quick-add-display: flex; --quick-add-mobile-display: flex; "
>
<div
ref="cardGallery"
class="card-gallery card-gallery-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX-2 spacing-style border-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:16px; overflow: hidden; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --gallery-aspect-ratio: 1; "
data-product-id="15165837279580"
on:pointerenter="/previewImage"
on:pointerleave="/resetImage"
data-view-transition-to-main-product
data-image-ratio="square"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68178716328284"
>
<div
class="product-media"
style="--ratio: 0.7999144018831585"
data-media-id="68178716328284"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=2000" alt="Café filtre origami V60 kalita slow coffee" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=2000 2000w" width="2000" height="2500" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container media-fit product-media-container--image"
slide-id="68178716295516"
>
<div
class="product-media"
style="--ratio: 0.8"
data-media-id="68178716295516"
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=2000" alt="Preparation du slowcoffee cafe filtre avec la bouilloire col cygne" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=400 400w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=800 800w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=1200 1200w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=1600 1600w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=2000 2000w" width="2000" height="2500" loading="lazy" sizes="auto, (min-width: 750px) 33.333333333333336vw, 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=3840" fetchpriority="auto">
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
</slideshow-component>
<div
class="product-badges product-badges--bottom-left"
style=" --badge-border-radius: 16px; --badge-font-family: var(--font-body--family); --badge-font-weight: var(--font-body--weight); --badge-text-transform: none; "
></div>
<quick-add-component
class="quick-add color-scheme-2"
ref="quickAdd"
data-product-title="Slow Coffee Workshop"
>
<product-form-component
data-section-id="template--25811844268380__product_list_rNAtyU"
data-product-id="15165837279580"
on:submit="/handleSubmit"
class="quick-add__product-form-component quick-add__product-form-component--multi-option quick-add__product-form-component--single-variant"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="QuickAdd-ProductForm-15165837279580-AVHY2OElaaFZBZExhK__product_card_gallery_jQEdFX-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55193390088540"
>
<input
type="hidden"
name="quantity"
value="1"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=100"
>
<button
id=""
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button button quick-add__button quick-add__button--add"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content is-visually-hidden-mobile">Add</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="is-visually-hidden-mobile">Added</span>
</span>
</button>
</add-to-cart-component>
<input type="hidden" name="product-id" value="15165837279580" /><input type="hidden" name="section-id" value="template--25811844268380__product_list_rNAtyU" /></form></product-form-component>
</quick-add-component>
</div>
<div class="product-grid-view-zoom-out--details">
<h3 class="h4">Slow Coffee Workshop</h3>
<div class="h6">
<product-price data-product-id="15165837279580">
<div ref="priceContainer">
<span class="price">€75,00 EUR</span>
</div>
</product-price>
</div>
</div>
<div
class="spacing-style text-block text-block--AcXU3M0kvZ200NnJFc__product_title_WJRqMa-2 h6"
style=" --padding-block-start: 4px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Slow Coffee Workshop</p>
</div>
<product-price
class="text-block text-block--align-left text-left paragraph spacing-style"
data-block-id="AQTYzMWNjUE5VNVhxc__price_jB8F9w-2"
data-product-id="15165837279580"
style=" --color: var(--color-foreground); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€75,00 EUR</span>
</div>
</product-price>
</div>
</product-card></product-card-link>
</div>
</div>
<div
class="section-resource-list__content"
style="--horizontal-alignment: center; "
></div>
</div>
</div><div id="shopify-section-template--25811844268380__section_tYRqCh" class="shopify-section section-wrapper">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<div
class="spacing-style text-block text-block--Ab2RlWng5SmNibWdHM__text_iy7KJz h3"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-narrow); "
>
<h2> Got any questions?</h2>
</div>
<div
class="accordion accordion--ANm9PL0NOb3JEYjZ0T__accordion_pJzTdf accordion--plus border-style spacing-style accordion--dividers"
style=" --summary-font-family: var(--font-h6--family); --summary-font-style: var(--font-h6--style); --summary-font-weight: var(--font-h6--weight); --summary-font-size: var(--font-h6--size); --summary-font-line-height: var(--font-h6--line-height); --summary-font-case: var(--font-h6--case); --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<accordion-custom
open-by-default-on-desktop
open-by-default-on-mobile
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Are your coffees available ground?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AWGJyampYQnBnMXI1U__text_GeVLpf paragraph text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p>Yes. All our coffees can be ordered whole beans or ground according to your preparation method: filter, espresso, plunger, Italian, etc. The grinding is custom-made, just before shipping to guarantee optimal aromatic freshness.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
How does the subscription work?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AdVp2ZjhWWHBaWm9Xb__text_TnJbn8 paragraph text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p>Our subscriptions are simple and flexible. You choose the plan that suits you:<br><br> <strong>- Solo</strong> : 1 kg of the coffee of your choice, delivered every month.<br><br> <strong>- Discovery</strong> : two 200g bags, selected by us to vary the aromatic profiles.<br><br> All our coffees are roasted to order at our Habari school in Lille, then shipped directly to your home. Delivery is free, and you can adjust or cancel your subscription at any time.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Where do you roast your coffees?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AVGtDcFNBaDBrSkVHM__text_jc6qVa rte text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p>All our coffees are roasted in an artisanal way in our workshop in Lille, to reveal each terroir and present to you the work of the producers.</p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
Why choose Habari?
<span class="svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AL21OcERORlgvWDNkc__text_H6iERr rte text-block--align-left text-block--full-width rte"
style=" --padding-block-start: 8px; --padding-block-end:8px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-none); --text-align: left; "
>
<p>Because every cup reflects a commitment. At Habari, we support a fairer industry, valuing training, transparency, and the beauty of gesture. A good, humane, and sustainable coffee.<br></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25811844432220__custom_section_76dqAh" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
style=" --section-min-height: var(--section-height-large); --section-preview-height: 600px; "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: 20px; "
data-testid="section-content"
>
<div
class="group-block group-block--height-custom group-block--width-custom border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width:100%;--size-style-height:100%; --size-style-width-mobile:50%; --size-style-width-mobile-min:50%; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="group-block group-block--height-fit group-block--width-fit-content border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<a
href="https://habari.coffee/"
class="image-block image-block--AQzcwalh2VEV6c3RxQ__image_hYDj3U image-block--height-fit spacing-style size-style"
style=" --ratio: 1.8779342723004695; --size-style-width:30%;--size-style-height: fit; --size-style-width-mobile:60%; --size-style-width-mobile-min:60%; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=3840" alt="Logo Habari Coffee, torrefacteur de café de spécialité à Lille" srcset="//habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=300 300w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=450 450w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=600 600w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=750 750w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=900 900w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1050 1050w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1200 1200w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1350 1350w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1500 1500w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1650 1650w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1800 1800w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=1950 1950w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=2000 2000w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=2500 2500w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=3000 3000w, //habari.coffee/cdn/shop/files/HABARI_LOGO.png?v=1753683675&width=3500 3500w" width="800" height="426" class="image-block__image border-style" style=" --ratio: 1.8779342723004695; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</a>
<rte-formatter
class="spacing-style text-block text-block--AVUJZQ0RkdU1YSTZUU__text_Yjqcf7 rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>Habari, from bean to cup. An exceptional coffee, born from a direct relationship with those who cultivate it.</p>
</rte-formatter>
<div
class="spacing-style text-block text-block--ANEt2aFNaZkRzUDdxa__text_YRQ8Jm custom custom-typography custom-font-size custom-color"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground-heading);--font-size: 1rem; --font-weight: var(--font-accent--weight);--font-family: var(--font-accent--family); --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p> The taste of impact</p>
</div>
<div
class="image-block image-block--AY2lBcHFRRERvN0JpZ__image_UqXJdG image-block--height-fit spacing-style size-style"
style=" --ratio: 16 / 9; --size-style-width:45%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
>
<img src="//habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=3840" alt="" srcset="//habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=300 300w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=450 450w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=600 600w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=750 750w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=900 900w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1050 1050w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1200 1200w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1350 1350w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1500 1500w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1650 1650w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1800 1800w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=1950 1950w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=2000 2000w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=2500 2500w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=3000 3000w, //habari.coffee/cdn/shop/files/LogoQualiopi-Marianne-150dpi--31-torrefacteur_lille-Habari-Formation_Barista_Lille.jpg?v=1765043993&width=3500 3500w" width="317" height="170" class="image-block__image border-style" style=" --ratio: 16 / 9; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; " sizes="auto, (min-width: 750px) 100vw, 100vw">
</div>
<rte-formatter
class="spacing-style text-block text-block--AUE5uRVB3YnpCcWN2O__text_KhLtKe rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>La certification qualité a été délivrée au titre de la catégorie d'actions suivantes : Actions de formation.</p>
</rte-formatter>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 4px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h4">
<span class="menu__heading__default">Menu</span>
<span class="menu__heading__accordion">
Menu
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item">
<a href="/en/collections/la-boutique-habari">
Specialty coffees
</a>
</li>
<li class="menu__item">
<a href="/en/collections/nos-formations">
Barista trainings
</a>
</li>
<li class="menu__item">
<a href="/en/collections/nos-ateliers">
Coffee workshops
</a>
</li>
<li class="menu__item">
<a href="/en/pages/ecole-habari">
Habari School
</a>
</li>
<li class="menu__item">
<a href="/en/pages/a-propos">
About
</a>
</li>
<li class="menu__item">
<a href="/en/blogs/infos">
Blog
</a>
</li>
<li class="menu__item">
<a href="/en/pages/contact">
Contact
</a>
</li>
<li class="menu__item">
<a href="/en/pages/quizz-cafe-habari">
Quiz
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 4px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading h4">
<span class="menu__heading__default">Our products</span>
<span class="menu__heading__accordion">
Our products
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item">
<a href="/en/collections/cafes">
Specialty coffees
</a>
</li>
<li class="menu__item">
<a href="/en/collections/abonnements">
Coffee Subscriptions
</a>
</li>
<li class="menu__item">
<a href="/en/collections/nos-ateliers">
Coffee workshops
</a>
</li>
<li class="menu__item">
<a href="/en/collections/nos-formations">
Barista training courses
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
</div>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column mobile-column"
style="--flex-direction: column; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div
class="spacing-style text-block text-block--AL29vZlBUVytQNm1WV__text_NTyWQy h4"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p> Follow us</p>
</div>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--row"
style="--flex-direction: row; --flex-wrap: nowrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center;"
>
<div id="shopify-block-AcCtZYW1abHoyVDJOM__icon_x78e87" class="shopify-block icon-block">
<a
href="https://www.instagram.com/habari.coffee/"
class="text-inherit"
target="_blank" rel="noopener"
>
<svg
class="icon-block__media icon-block-AcCtZYW1abHoyVDJOM__icon_x78e87"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
viewbox="0 0 20 20"
>
<path
fill-rule="evenodd"
d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z"
clip-rule="evenodd"
/></svg>
</a>
</div>
<div id="shopify-block-AanNtWVhzRDVDR0d2U__icon_6WQ9LH" class="shopify-block icon-block">
<a
href="https://www.linkedin.com/company/habaricoffee/"
class="text-inherit"
target="_blank" rel="noopener"
>
<svg
class="icon-block__media icon-block-AanNtWVhzRDVDR0d2U__icon_6WQ9LH"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
width="36"
height="36"
viewbox="0 0 20 20"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M16.8411 2H3.2061C2.5539 2 2 2.51581 2 3.15124V16.848C2 17.4842 2.36343 18 3.01562 18H16.6507C17.3036 18 18 17.4842 18 16.848V3.15124C18 2.51581 17.4941 2 16.8411 2ZM8.09524 8.09524H10.2491V9.19314H10.2728C10.6011 8.60114 11.571 8 12.7703 8C15.072 8 15.7143 9.2221 15.7143 11.4857V15.7143H13.4286V11.9025C13.4286 10.8891 13.024 10 12.0777 10C10.9288 10 10.381 10.7779 10.381 12.0549V15.7143H8.09524V8.09524ZM4.28571 15.7143H6.57143V8.09524H4.28571V15.7143ZM6.85714 5.42857C6.85714 6.2179 6.2179 6.85714 5.42857 6.85714C4.63924 6.85714 4 6.2179 4 5.42857C4 4.63924 4.63924 4 5.42857 4C6.2179 4 6.85714 4.63924 6.85714 5.42857Z"
fill="currentColor"
/></svg>
</a>
</div>
</div>
</div>
<rte-formatter
class="spacing-style text-block text-block--AdkljaTBGcFpNNlJ2U__text_pnfJcX paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p> hello@habari.coffee</p><p> +33 6 66 88 46 00</p><p> 6 Place Pierre Mendès France, 59800 Lille, France</p>
</rte-formatter>
</div>
</div>
</div>
</div>
<div
class="footer-utilities spacing-style"
style="--padding-block-start: 20px;--padding-block-end: 20px; --border-width: 1px;"
>
<div class="footer-utilities__group footer-utilities__group--left">
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/en" title="">HABARI COFFEE </a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>
</span>
</div>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
><li>
<a
href="/en/policies/privacy-policy"
class="footer-utilities__text"
>Privacy policy</a>
</li><li>
<a
href="/en/policies/refund-policy"
class="footer-utilities__text"
>Refund policy</a>
</li><li>
<a
href="/en/policies/terms-of-service"
class="footer-utilities__text"
>Terms of service</a>
</li><li>
<a
href="/en/policies/contact-information"
class="footer-utilities__text"
>Contact information</a>
</li><li>
<a
href="/en/policies/shipping-policy"
class="footer-utilities__text"
>Shipping policy</a>
</li><li>
<a
href="/en/policies/terms-of-sale"
class="footer-utilities__text"
>Terms of sale</a>
</li><li>
<a
href="/en/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Cookie preferences</a>
</li></ul>
</div>
<div class="footer-utilities__group footer-utilities__group--right">
</div>
<div class='subscriptions_app_embed_block hidden'></div>
</div>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script src="//habari.coffee/cdn/shop/t/3/assets/critical.js?v=85414696979434699111753108357"></script>
<script
src="//habari.coffee/cdn/shop/t/3/assets/dialog.js?v=40803435292154375831753108357"
type="module"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
>
<script
src="//habari.coffee/cdn/shop/t/3/assets/predictive-search.js?v=117907659831804639751753108357"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-search-position=""
data-testid="search-component--modal"
data-active-color-scheme="scheme-1"
role="search"
aria-label="Search"
>
<form
action="/en/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Search</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Search"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
on:focus="/expandSearch"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
aria-label="Reset search"
ref="resetButton"
hidden
on:click="/resetSearch"
>
<span class="svg-wrapper predictive-search__reset-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
<span class="predictive-search__reset-button-text">Clear</span>
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Close dialog"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / );"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
data-testid="products-list-default--modal"
>
<span class="predictive-search-results__title">
Products
</span>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
role="listbox"
aria-label="Products"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15165921001820"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee__roasterfrance_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766752335&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/abonnements-decouverte"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/abonnements-decouverte"
>
<span class="visually-hidden">
Discovery subscriptions
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee__roasterfrance_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766752335&width=500" alt="Abonnement cafe box cafe cafe d exception habari" srcset="//habari.coffee/cdn/shop/files/habaricoffee__roasterfrance_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766752335&width=300 300w, //habari.coffee/cdn/shop/files/habaricoffee__roasterfrance_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766752335&width=450 450w" width="500" height="400" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" data-media-id="79511742021980">
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766747331&width=500" alt="Torrefacteur cafe spécialite formation machine a grain" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766747331&width=300 300w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille.jpg?v=1766747331&width=450 450w" width="500" height="400" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" data-media-id="68177957290332">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Discovery subscriptions</p>
<div ref="priceContainer">
<span class="price">€31,90 EUR</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15165587456348"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/atelier-degustation"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/atelier-degustation"
>
<span class="visually-hidden">
Tasting Workshop
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=500" alt="Photo d'un atelier de dégustation de café chez au centre de formation Habari coffee" srcset="//habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=300 300w, //habari.coffee/cdn/shop/files/habaricoffee_torrefacteurlille_cafespecialitelille_formationbaristalille_ateliercafelille_degustationcafe_cupping_experience_latteart_cafeengrain.jpg?v=1767908400&width=450 450w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" data-media-id="79667889897820">
<img src="//habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=500" alt="Atelier café barista à Lille, expérience sensorielle unique. " srcset="//habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=300 300w, //habari.coffee/cdn/shop/files/HabariCoffee_atelierdegustationcafelille_torrefacteurcafespecialitelille_atelierbaristalille.jpg?v=1767908400&width=450 450w" width="500" height="334" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" data-media-id="68165973934428">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Tasting Workshop</p>
<div ref="priceContainer">
<span class="price">€50,00 EUR</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15165853237596"
data-featured-media-url="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/atelier-espresso"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/atelier-espresso"
>
<span class="visually-hidden">
Espresso Workshop
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=500" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=300 300w, //habari.coffee/cdn/shop/files/HABARICOFFEE_FORMATIONBARISTALILLE_TORREFACTEURCAFESPECIALITE_ATELIERCAFELILLE_ESPRESSO_formationbaristalille.jpg?v=1767720311&width=450 450w" width="500" height="334" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" data-media-id="79496390148444">
<img src="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=500" alt="Espresso Workshop" srcset="//habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=300 300w, //habari.coffee/cdn/shop/files/HABARI_COFFEE_FORMATION_BARISTA_LILLE_TORREFACTEUR_CAFE_SPECIALITE_LILLE_SPECIALTY_OUVERTURE_COFFEE_SHOP_ESPRESSO_LATTE_ART.jpg?v=1767896090&width=450 450w" width="500" height="334" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" data-media-id="68165632295260">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Espresso Workshop</p>
<div ref="priceContainer">
<span class="price">€85,00 EUR</span>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="15165837279580"
data-featured-media-url="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=500"
data-product-transition="true"
><div
class="resource-card"
href="/en/products/atelier-slow-coffee"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/en/products/atelier-slow-coffee"
>
<span class="visually-hidden">
Slow Coffee Workshop
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
data-view-transition-to-main-product
>
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=500" alt="Café filtre origami V60 kalita slow coffee" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=300 300w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_cafefiltre_filtercoffee_origami_fellow.jpg?v=1767610780&width=450 450w" width="500" height="625" loading="lazy" class="resource-card__image" sizes="auto" transitiontoproduct="true" data-media-id="79512929763676">
<img src="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=500" alt="Preparation du slowcoffee cafe filtre avec la bouilloire col cygne" srcset="//habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=300 300w, //habari.coffee/cdn/shop/files/habaricoffee_cafespecialite_abonnementcafe_boxcafe_cafeengrain_specialtycoffee_torrefacteurlille_cafemoulu_bio_formationbarista_ateliercafelille_slowcoffee_harioV60_origami.jpg?v=1767610780&width=450 450w" width="500" height="625" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" transitiontoproduct="true" data-media-id="68178716295516">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Slow Coffee Workshop</p>
<div ref="priceContainer">
<span class="price">€75,00 EUR</span>
</div>
</div>
</div></product-card-link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
View all
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button quick-add-modal__close"
aria-label="Close dialog"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<style> h1 {font-size: 22px;} h2 {font-size: 18px;} h3 {font-size: 18px;} </style>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div><div id="shopify-block-Aa3UrMW9IZE1TVFNUQ__5537102726230261467" class="shopify-block shopify-app-block">
<!-- BEGIN app snippet: quiz-popup-styles --><style>
#quiz-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
z-index: var(--quiz-z-index, 100);
overflow: auto;
}
.quiz-content {
position: relative;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: var(--quiz-content-z-index, 100 + 1);
max-height: 100%;
overflow: auto;
background: white;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 32px;
cursor: pointer;
z-index: var(--close-btn-z-index, 100 + 2);
margin-left: auto;
color: #777777;
line-height: 32px;
}
.react-dropdown-select-dropdown {
z-index: var(--close-btn-z-index, 100 + 2) !important;
}
</style><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-global-vars --><script>
if (!window.quizzes) window.quizzes = {};
window.quizzes['quiz_m4gyxV'] = {"id":"m4gyxV","name":"Quizz café anglais","preferences":{"setUTMSource":false,"colorSchemeId":"halloween-warm","trackGA4Events":false,"trackMetaPixel":false,"trackTiktokPixel":false,"saveQuizProgress":true,"addMetaViewportTag":false,"reviewApp":"none","subscriptionApp":"none","payload":{"includeProductVariants":true},"language":"en"},"content":{"and":{"value":"and","category":"helper"},"next":{"value":"Next","category":"button"},"try_again":{"value":"Try again","category":"helper"},"x_complete":{"value":"{{percent}}% complete","category":"helper"},"add_to_cart":{"value":"Add to cart","category":"button"},"retake_quiz":{"value":"Retake quiz","category":"button"},"view_product":{"value":"View product","category":"button"},"count_in_cart":{"value":"{{count}} in cart","category":"button"},"drop_file_here":{"value":"Drop file here","category":"helper"},"phone_filtering":{"value":"Filter phones","category":"helper"},"phone_please_select":{"value":"Select","category":"helper"},"select_no_variants":{"value":"No variants","category":"helper"},"dropdown_select_placeholder":{"value":"Select...","category":"helper"},"dropdown_search_placeholder":{"value":"Search...","category":"helper"},"dropdown_no_more_options_available":{"value":"No more options available","category":"helper"},"select_variant":{"value":"Select variant","category":"helper"},"add_all_to_cart":{"value":"Add all to cart ({{count}})","category":"button"},"file_under_10mb":{"value":"File size must be less than 10MB","category":"helper"},"proceed_to_cart":{"value":"Proceed to cart ({{count}})","category":"button"},"view_collection":{"value":"View collection","category":"button"},"loading_error_retry":{"value":"We're having trouble saving your answers, retrying... please wait.","category":"helper"},"proceed_to_checkout":{"value":"Proceed to checkout ({{count}})","category":"button"},"loading_error_no_response":{"value":"We're sorry, but there was an issue saving your answers. Please refresh the quiz or try again later.","category":"helper"},"ada_quiz_complete":{"value":"Quiz complete","category":"accessibility"},"ada_no_previous_question":{"value":"No previous question","category":"accessibility"},"ada_previous_question":{"value":"Previous question","category":"accessibility"},"ada_results_bottom_bar":{"value":"Results bottom bar","category":"accessibility"},"ada_answer_before_proceeding":{"value":"Answer before proceeding","category":"accessibility"},"ada_next_question":{"value":"Next question","category":"accessibility"},"ada_quiz_navigation_buttons":{"value":"Quiz navigation buttons","category":"accessibility"},"review_singular":{"value":"review","category":"helper"},"review_plural":{"value":"reviews","category":"helper"},"subscription_one_time_purchase":{"value":"One-time purchase","category":"helper"},"subscription_subscribe_and_save":{"value":"Subscribe \u0026 save","category":"helper"}},"design":{"customCSS":"p {\n font-size : 18px;\n}\nbutton {\n font-size : 18px;\n text-transform : uppercase;\n}\n\nh1, h2, {\n font-size : 20px;\n}\n","fontFamily":"Montserrat","fontFamilyHeading":"Lato","linkTextColor":"#e17464","inputTextColor":"#181212","arrowsDirection":"up-down","buttonTextColor":"#ffffff","choiceTextColor":"#09122B","inputErrorColor":"#ff7777","inputBorderColor":"#333333","questionTextColor":"#09122b","showNavigationBar":true,"quizBackgroundColor":"#ffffff","quizBackgroundImage":"","buttonTextColorHover":"#FFFFFF","inputBackgroundColor":"#ffffff","questionHeadingColor":"#862340","buttonBackgroundColor":"#862340","choiceBackgroundColor":"#FFFFFF","navigationBorderColor":"#333333","navigationProgressBarColor":"#B7B3B3","inputPlaceholderColor":"#18121250","quizBackgroundOpacity":100,"showProgressPercentage":true,"choiceSelectedIconColor":"#b0b0b0","choiceSelectedTextColor":"#FFFFFF","productInCartBorderColor":"#09122b","dropdownSelectedTextColor":"#181212","navigationBackgroundColor":"#ffffff","navigationTextColor":"#181212","buttonBackgroundColorHover":"#09122b","choiceSelectedBackgroundColor":"#862340","dropdownSelectedBackgroundColor":"#cecece","productCollectionCardBackgroundColor":"#ffffff","resultsCardTitleColor":"#181212","resultsCardPriceColor":"#181212","resultsCardTextColor":"#181212","resultsCardStarsColor":"#ffd700"},"questions":[{"ref":"q-3914d2ad","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-dbe705f2","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eHow do you like your coffee \u003c\/p\u003e","headingSize":"large","headingAlignment":"center"}},{"ref":"qbt-316a89b6","type":"text","preferences":{"type":"text","content":"\u003cp\u003eAt Habari, every cup tells a story.\u003c\/p\u003e\u003cp\u003eTake this quick quiz to discover the coffee that matches both your coffee machine and your taste.\u003c\/p\u003e\u003cp\u003eIn 5 questions, we'll help you find the ideal coffee for your daily routine life and share brewing tips at the end!\u003c\/p\u003e","textSize":"medium","textAlignment":"center"}},{"ref":"qbb-266ce0f1","type":"button","preferences":{"type":"button","content":"Start","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0932\/3724\/8348\/files\/HABARI_CAFE_DE_SPECIALITE_LILLE.jpg?v=1755636872","customCSS":"","imageOpacity":100,"imagePosition":"split","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-adf2f1a7","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-27558af9","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eWhich coffee maker do you use to make your coffee?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"qbc-55f27e85","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"Vous devez sélectionner entre les choix {{minSelected}} et {{maxSelected}} .","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-7b343912","label":"Espresso (bean-to-cup machine \/ percolator)","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-d9536d68","label":"Italian mocha","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-458b7134","label":"Electric filter","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-6fb3de0c","label":"Manual filter (V60 \/ Aeropress \/ Chemex)","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-f3ae54a8","label":"Piston \/ French Press","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-b490a5e4","type":"button","preferences":{"type":"button","content":"Suivant","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-303f9b0f","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-8ce0beac","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eWhat is your favorite drink?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"qbc-ad974eb3","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"Vous devez sélectionner entre les choix {{minSelected}} et {{maxSelected}} .","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-bbf4b62e","label":"Espresso (short, long, ristretto...)","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-0444f912","label":"Cappuccino, Latte, Flat white","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-7bb4f037","label":"Light and aromatic filter coffees","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-f866489d","label":"Piston or Cold brew","weight":1,"customerTags":[],"upvotedProductsIds":[],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-5a218870","type":"button","preferences":{"type":"button","content":"Suivant","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-ee6c4732","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-2f16bae1","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eWhat coffee flavors do you prefer?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"qbc-dfa51d45","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"Vous devez sélectionner entre les choix {{minSelected}} et {{maxSelected}} .","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-9759edf9","label":"Sweet and sweet","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165419913564"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-38577b8e","label":"Bright and tangy","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165460119900"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-26f704ae","label":"I like to be surprised","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165921001820"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-f66a6096","label":"I like the taste but I can't tolerate caffeine.","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165502226780"],"excludedProductsIds":["gid:\/\/shopify\/Product\/15165419913564","gid:\/\/shopify\/Product\/15165460119900","gid:\/\/shopify\/Product\/15165921001820"],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-758953a9","type":"button","preferences":{"type":"button","content":"Suivant","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-54ed314d","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-2a2fb283","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eIf your coffee were a flavor... what would it be?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"qbc-51e35c32","type":"choice","preferences":{"multipleSelection":false,"minSelected":1,"maxSelected":10,"errorMessage":"Vous devez sélectionner entre les choix {{minSelected}} et {{maxSelected}} .","optional":false,"type":"multiple_choice","choices":[{"ref":"qbcc-b453d971","label":"Gourmet: chocolate, caramel, hazelnut","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165419913564"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-9f7b6f89","label":"Fruity: red fruits, citrus fruits, yellow fruits","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165460119900","gid:\/\/shopify\/Product\/15165502226780"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]},{"ref":"qbcc-3c862b8c","label":"Floral: jasmine, hibiscus, rose","weight":1,"customerTags":[],"upvotedProductsIds":["gid:\/\/shopify\/Product\/15165460119900"],"excludedProductsIds":[],"upvotedCollectionsIds":[],"excludedCollectionsIds":[],"upvotedTagsCollectionsIds":[],"excludedTagsCollectionsIds":[],"upvotedProductsVariantsIds":[],"excludedProductsVariantsIds":[],"upvotedVendorsCollectionsIds":[],"excludedVendorsCollectionsIds":[],"upvotedVariantsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"imageUrl":"","imageAltText":"","include":"regular","calculations":[]}]}},{"ref":"qbb-d1123156","type":"button","preferences":{"type":"button","content":"Suivant","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}},{"ref":"q-0503b76f","logic":{"jumpLogic":[],"skipLogic":[],"defaultDestinationRef":"next"},"blocks":[{"ref":"qbh-726d8da7","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003eWould you like to receive simple tips for preparing your coffee properly?\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"qbt-78c171fe","type":"text","preferences":{"type":"text","content":"\u003cp\u003eWe'll send you our barista tips.\u003c\/p\u003e","textSize":"medium","textAlignment":"center"}},{"ref":"qbi-65df3562","type":"input","preferences":{"optional":false,"type":"email","inputPlaceholder":"Type your email address here","errorMessage":"Your email address is invalid. Please check and try again.","shopifyOptInLevel":"SINGLE_OPT_IN","shopifyConsentState":"SUBSCRIBED"}},{"ref":"qbb-19e27711","type":"button","preferences":{"type":"button","content":"See the results now","buttonAlignment":"center"}}],"preferences":{"videoUrl":"","customJS":"","imageUrl":"","customCSS":"","imageOpacity":25,"imagePosition":"background","imagePositionSplitMobile":"hidden","imagePositionSplitDesktop":"left","showDescription":false,"overwriteProgressBarText":"","allowOverwriteProgressBar":false,"autoAdvanceEnabled":false,"autoAdvanceDelay":10,"hideNextButton":false}}],"results":[{"ref":"r-a11f13c7","sections":[{"ref":"rs-9e81eb1e","logic":{"showLogic":[],"defaultShow":true},"blocks":[{"ref":"rsbh-4e86073a","type":"heading","preferences":{"type":"heading","content":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\u003cp\u003eThank you for taking the quiz!\u003c\/p\u003e","headingSize":"medium","headingAlignment":"center"}},{"ref":"rsbs-d14fe819","type":"slots","preferences":{"type":"products","slots":[{"ref":"rsbss-48110e88","heading":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","description":"\u003cp\u003eHere's the coffee that perfectly matches your tastes and brewing habits.\u003c\/p\u003e","excludedProductsIds":[],"includedProductsIds":[],"maxRecommendedItems":2,"excludedCollectionsIds":[],"includedCollectionsIds":[],"excludedTagsCollectionsIds":[],"includedTagsCollectionsIds":[],"excludedProductsVariantsIds":[],"includedProductsVariantsIds":[],"excludedVendorsCollectionsIds":[],"includedVendorsCollectionsIds":[],"excludedVariantsCollectionsIds":[],"includedVariantsCollectionsIds":[],"width":"large"}],"textSize":"medium","recommendationSystem":"response_based","minUpvotes":1,"content":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","headingSize":"medium","slotsBlocks":[{"ref":"rsbsb-b86b48f5","type":"image","optimizeImageSize":true,"pictureSize":"medium_square"},{"ref":"rsbsb-6638c081","type":"title"},{"ref":"rsbsb-d208c35b","type":"price"},{"ref":"rsbsb-39bf81a2","type":"variants_dropdown","displayOnNoVariants":"show_dropdown"},{"ref":"rsbsb-4b4cd256","type":"buy_button"}],"itemsAlignment":"center","contentAlignment":"center","slotsLayout":"stacked"}}]}],"preferences":{"name":"Results page 1","customJS":"","imageUrl":"https:\/\/cdn.shopify.com\/s\/files\/1\/0932\/3724\/8348\/files\/pamplemous.jpg?v=1756740918","customCSS":"","imageOpacity":25,"backgroundImageColor":"","allowDuplicatedRecommendations":false,"showBar":true,"proceedTo":"cart","retakeQuiz":false,"showCartCheckoutOptions":false,"addAllToCart":true,"discountCode":""}}],"timestamp":1766715923716,"databaseTimestamp":1766715923716};
if (!window.quiz_locale) {
window.quiz_locale = 'en'
}
if (!window.quiz_country) {
window.quiz_country = 'FR'
}
if (!window.quiz_currency) {
window.quiz_currency = '€{{amount_with_comma_separator}} EUR'
}
if (!window.quiz_market_id) {
window.quiz_market_id = 'gid://shopify/Market/99470016860'
}
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: quiz-renderer-script --><script type="module" src="https://cdn.shopify.com/extensions/019c67ef-05cc-7547-9aa0-e5333f744868/revenuehunt-172/assets/quiz-renderer.js" defer></script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-popup-functions --><script>
/**
* Popup Functions
*
* Creates and manages quiz popup containers.
* - Sets z-index CSS variables for layering control
* - Creates modal overlay with quiz renderer
* - Handles close button and overlay click-to-close
* - Sets localStorage flag to prevent duplicate popups
*
* Used by: automatic popup, link popup, chat button
*/
document.addEventListener('DOMContentLoaded', function() {
document.documentElement.style.setProperty('--quiz-z-index', 100);
document.documentElement.style.setProperty('--quiz-content-z-index', 100 + 1);
document.documentElement.style.setProperty('--close-btn-z-index', 100 + 2);
const quizWidth = 100;
const quizHeight = 100;
window.createQuizContainer = function(quizKey) {
// Only mark the popup as shown when the key already targets a quiz (not for response hashes)
if (typeof quizKey === 'string' && quizKey.startsWith('quiz_')) {
window.revenueHuntSetStorage('revenuehunt-popup-already-shown-' + quizKey, true, 1);
}
const quizContainer = document.createElement('div');
quizContainer.id = 'quiz-container';
quizContainer.className = 'quiz-container';
quizContainer.style.display = 'flex';
quizContainer.innerHTML = `
<div class="quiz-content" style="width: ${quizWidth}%; height: ${quizHeight}%;">
<button class="close-btn" aria-label="Close quiz"><span>×</span></button>
<quiz-renderer target="${quizKey}" type="modal" aria-label="Quiz" over-plan-at="" execute-custom-features="true"></quiz-renderer>
</div>
`;
document.body.appendChild(quizContainer);
const closeButton = quizContainer.querySelector('.close-btn');
closeButton.addEventListener('click', function () {
quizContainer.remove();
});
quizContainer.addEventListener('click', function (event) {
if (event.target === quizContainer) {
quizContainer.remove();
}
});
return quizContainer;
};
});
</script>
<!-- END app snippet -->
<!-- BEGIN app snippet: quiz-storage-helpers --><script>
/**
* Storage Helpers
*
* Provides localStorage utilities with automatic expiration.
* Used to track popup display state, greeting/notification dismissals, etc.
*
* Functions:
* - revenueHuntGetStorage(name): Get value, returns null if expired
* - revenueHuntSetStorage(name, value, days): Set value with expiration
*/
window.revenueHuntGetStorage = function(name) {
try {
const itemStr = localStorage.getItem(name);
if (!itemStr) {
return null;
}
const item = JSON.parse(itemStr);
if (Date.now() > item.expiry) {
localStorage.removeItem(name);
return null;
}
return item.value;
} catch (e) {
console.warn('Failed to get localStorage:', e);
return null;
}
};
window.revenueHuntSetStorage = function(name, value, days) {
try {
const expiry = Date.now() + (days * 24 * 60 * 60 * 1000);
const data = {
value: value,
expiry: expiry
};
localStorage.setItem(name, JSON.stringify(data));
} catch (e) {
console.warn('Failed to set localStorage:', e);
}
};
</script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-block-priority --><script>
/**
* Block Priority System
*
* Ensures only ONE quiz extension of each type activates per page.
* Priority: First block > First global
*
* Use cases:
* - Multiple blocks of same type: Only first block runs
* - Multiple globals of same type: Only first global runs (if no blocks)
* - Mix of block + global: Only block runs, global is skipped
*/
// Registry for synchronous block registration (works before document.body exists)
window.revenueHuntBlockRegistry = window.revenueHuntBlockRegistry || {};
/**
* Registers a block extension
* Uses JS variable instead of DOM to support synchronous registration before document.body exists
* @param {string} type - Extension type (e.g., 'link-popup', 'chat-button', 'automatic-popup')
* @returns {boolean} - True if registered successfully, false if already registered
*/
window.revenueHuntRegisterBlock = function(type) {
if (window.revenueHuntBlockRegistry[type]) {
return false;
}
window.revenueHuntBlockRegistry[type] = true;
return true;
};
/**
* Checks if a block extension is active
* @param {string} type - Extension type
* @returns {boolean} - True if block extension is active
*/
window.revenueHuntIsBlockActive = function(type) {
return !!window.revenueHuntBlockRegistry[type];
};
/**
* Registers a global extension
* @param {string} type - Extension type
* @returns {boolean} - True if registered successfully, false if already registered
*/
window.revenueHuntRegisterGlobal = function(type) {
const globalMarkerId = 'revenuehunt-' + type + '-global-active';
if (document.getElementById(globalMarkerId)) {
return false;
}
const marker = document.createElement('div');
marker.id = globalMarkerId;
marker.style.display = 'none';
document.body.appendChild(marker);
return true;
};
</script><!-- END app snippet -->
<!-- BEGIN app snippet: quiz-link-quiz-script --><script>
/**
* Link Popup Quiz Script
*
* Handles quiz popups triggered by clicking links with #quiz or #quiz-{id} hash.
* Also handles direct URL navigation with quiz hash (e.g., /page#quiz).
*
* Priority system:
* - Block extensions: Register and exit if already registered
* - Global extensions: Exit if block exists OR already registered
*/
document.addEventListener('DOMContentLoaded', function() {
const isBlock = false;
if (isBlock) {
if (!window.revenueHuntRegisterBlock('link-popup')) {
return;
}
} else {
if (window.revenueHuntIsBlockActive('link-popup')) {
return;
}
if (!window.revenueHuntRegisterGlobal('link-popup')) {
return;
}
}
const quizLinks = document.querySelectorAll('a[href="#quiz"], a[href^="#quiz-"]');
const currentUrl = window.location.href;
const defaultQuizKey = 'quiz_m4gyxV';
const quizWidth = 100;
const quizHeight = 100;
function openQuizPopup(hashTarget) {
let quizKey = hashTarget;
if (hashTarget === 'quiz') {
quizKey = defaultQuizKey;
} else if (hashTarget.startsWith('quiz-')) {
quizKey = 'quiz_' + hashTarget.substring(5);
}
window.createQuizContainer(quizKey);
}
const currentHash = window.location.hash;
if (currentHash === '#quiz' || currentHash.startsWith('#quiz-') || currentHash.startsWith('#response')) {
const hashTarget = currentHash.slice(1);
openQuizPopup(hashTarget);
}
if (quizLinks) {
quizLinks.forEach(quizLink => {
quizLink.addEventListener('click', function(event) {
event.preventDefault();
const hashTarget = event.currentTarget.hash.split('#')[1];
openQuizPopup(hashTarget);
});
});
if(window.addEventListener) {
window.addEventListener('message', function(event) {
const isResultPage = event.data === 'isResult';
const quizContent = document.querySelector('.quiz-content');
if(!quizContent) return;
quizContent.style.width = `${quizWidth}%`;
quizContent.style.height = `${quizHeight}%`;
});
}
}
});
</script><!-- END app snippet -->
</div></body>
</html>
