<!doctype html>
<html style="--announcement-bar-height: 0;" class="is-on-top" lang="fr">
<head>
<style data-shopify="">
@font-face {
font-family: "DM Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
}
@font-face {
font-family: "Roboto Mono";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_n4.9d1649e14a644ef48a2262609c784a79a5c2c87d.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_n4.1f5c294b54ad5b669e758778fae486a733405684.woff") format("woff");
}
@font-face {
font-family: "Roboto Mono";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_n7.94ea13a641f607be3d334ec356dbe9710b93cb18.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_n7.4bd578ed36c8af9f034d1aa383e35172620e6500.woff") format("woff");
}
@font-face {
font-family: "Roboto Mono";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_i7.c7af3ae56ec5850cf036474739742dd23e5f17b8.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_i7.13669ac9ea460234c8180f48b23ac09ecd4fb4a3.woff") format("woff");
}
@font-face {
font-family: "Roboto Mono";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_i4.a25644e8b45c7298fd88b9667c242570c38bd16b.woff2") format("woff2"),
url("//miliamatcha.com/cdn/fonts/roboto_mono/robotomono_i4.32d315c9534af1c57f14ef0f7fed2771f356b3d5.woff") format("woff");
}
:root {
--font-primary--family: "DM Sans", sans-serif;
--font-primary--style: normal;
--font-primary--weight: 400;
--font-secondary--family: "Roboto Mono", monospace;
--font-secondary--style: normal;
--font-secondary--weight: 400;
}
:root,
.color-scheme-1 {
--color-background: 250,249,247;
--gradient-background: #faf9f7;
--color-foreground: 0,0,0;
--color-background-contrast: 201,190,169;
--color-shadow: 0,0,0;
--color-button: 0,0,0;
--color-button-text: 250,249,247;
--color-secondary-button: 250,249,247;
--color-secondary-button-text: 0,0,0;
--color-link: 0,0,0;
--color-badge-foreground: 0,0,0;
--color-badge-background: 250,249,247;
--color-badge-border: 0,0,0;
--payment-terms-background-color: rgb(250 249 247);
}
.color-scheme-2 {
--color-background: 0,0,0;
--gradient-background: #000000;
--color-foreground: 250,249,247;
--color-background-contrast: 128,128,128;
--color-shadow: 250,249,247;
--color-button: 250,249,247;
--color-button-text: 0,0,0;
--color-secondary-button: 0,0,0;
--color-secondary-button-text: 250,249,247;
--color-link: 250,249,247;
--color-badge-foreground: 250,249,247;
--color-badge-background: 0,0,0;
--color-badge-border: 250,249,247;
--payment-terms-background-color: rgb(0 0 0);
}
.color-scheme-3 {
--color-background: 255,222,228;
--gradient-background: #ffdee4;
--color-foreground: 0,0,0;
--color-background-contrast: 255,95,124;
--color-shadow: 0,0,0;
--color-button: 0,0,0;
--color-button-text: 255,222,228;
--color-secondary-button: 255,222,228;
--color-secondary-button-text: 0,0,0;
--color-link: 0,0,0;
--color-badge-foreground: 0,0,0;
--color-badge-background: 255,222,228;
--color-badge-border: 0,0,0;
--payment-terms-background-color: rgb(255 222 228);
}
.color-scheme-4 {
--color-background: 0,0,0;
--gradient-background: #000000;
--color-foreground: 255,222,228;
--color-background-contrast: 128,128,128;
--color-shadow: 255,222,228;
--color-button: 255,222,228;
--color-button-text: 0,0,0;
--color-secondary-button: 0,0,0;
--color-secondary-button-text: 255,222,228;
--color-link: 255,222,228;
--color-badge-foreground: 255,222,228;
--color-badge-background: 0,0,0;
--color-badge-border: 255,222,228;
--payment-terms-background-color: rgb(0 0 0);
}
.color-scheme-5 {
--color-background: 245,243,240;
--gradient-background: #f5f3f0;
--color-foreground: 0,0,0;
--color-background-contrast: 194,182,163;
--color-shadow: 0,0,0;
--color-button: 0,0,0;
--color-button-text: 245,243,240;
--color-secondary-button: 245,243,240;
--color-secondary-button-text: 0,0,0;
--color-link: 0,0,0;
--color-badge-foreground: 0,0,0;
--color-badge-background: 245,243,240;
--color-badge-border: 0,0,0;
--payment-terms-background-color: rgb(245 243 240);
}
.color-scheme-6 {
--color-background: 255,255,255;
--gradient-background: #ffffff;
--color-foreground: 0,0,0;
--color-background-contrast: 191,191,191;
--color-shadow: 0,0,0;
--color-button: 0,0,0;
--color-button-text: 255,255,255;
--color-secondary-button: 255,255,255;
--color-secondary-button-text: 0,0,0;
--color-link: 0,0,0;
--color-badge-foreground: 0,0,0;
--color-badge-background: 255,255,255;
--color-badge-border: 0,0,0;
--payment-terms-background-color: rgb(255 255 255);
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
color: rgba(var(--color-foreground), 1);
background-color: rgb(var(--color-background));
}
</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta property="og:site_name" content="Milia Matcha">
<meta property="og:url" content="https://miliamatcha.com/">
<meta property="og:title" content="Milia Matcha">
<meta property="og:type" content="website">
<meta property="og:description" content="Milia Matcha est une marque franco-japonaise fondée en 2023 par Andie Ella. Nous proposons des matchas cérémonie d’exception, classiques ou aromatisés, sans sucre ni amertume, ainsi que des fouets et notre Matcha To Go pour savourer votre matcha où que vous soyez."><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Milia Matcha">
<meta name="twitter:description" content="Milia Matcha est une marque franco-japonaise fondée en 2023 par Andie Ella. Nous proposons des matchas cérémonie d’exception, classiques ou aromatisés, sans sucre ni amertume, ainsi que des fouets et notre Matcha To Go pour savourer votre matcha où que vous soyez.">
<title>
Milia Matcha
</title>
<link rel="canonical" href="https://miliamatcha.com/">
<meta name="description" content="Milia Matcha est une marque franco-japonaise fondée en 2023 par Andie Ella. Nous proposons des matchas cérémonie d’exception, classiques ou aromatisés, sans sucre ni amertume, ainsi que des fouets et notre Matcha To Go pour savourer votre matcha où que vous soyez.">
<link rel="icon" href="//miliamatcha.com/cdn/shop/files/favicon.png?v=1776838468" type="image/png">
<link href="//miliamatcha.com/cdn/shop/t/25/assets/styles-CKxxGm4c.css" rel="stylesheet" type="text/css" media="all">
<script src="//miliamatcha.com/cdn/shop/t/25/assets/app-C140nvRm.js" type="module" crossorigin="anonymous"></script>
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/piecesjs-41EcyIeW.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/AddToCartCheckbox-DKAiUJqo.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/AddToCartCheckbox-DKAiUJqo.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartDrawer-BLXk8HVP.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartDrawer-BLXk8HVP.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartItem-CvUPO3Tw.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartItem-CvUPO3Tw.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartQuantity-CpUjJJMT.js" crossorigin="anonymous">
<link rel="modulepreload" href="//miliamatcha.com/cdn/shop/t/25/assets/CartQuantity-CpUjJJMT.js" crossorigin="anonymous">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="daqiwIkUEhYId6OY0jOTZH00bhndw8Wul4AveKzYYho">
<meta name="facebook-domain-verification" content="gejk8d70z155716kg5il9eap3jhxqy">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/84407845171/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="dd4391581ca89ee5499a9b147200d94e">
<meta id="in-context-paypal-metadata" data-shop-id="84407845171" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<link rel="alternate" hreflang="x-default" href="https://miliamatcha.com/">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR&default_configuration_id=105709875"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&default_configuration_id=105709875&shop_id=84407845171" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":84407845171,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/84407845171","merchantName":"Milia Matcha","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Milia Matcha","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"dd4391581ca89ee5499a9b147200d94e","betas":["rich-media-storefront-analytics"],"domain":"miliamatcha.com","predictiveSearch":true,"shopId":84407845171,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "milia-matcha.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"milia-matcha\/main","id":181740339579,"schema_name":"Milia Matcha","schema_version":"0.0.0","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "miliamatcha.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async="" type="module" src="//miliamatcha.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//miliamatcha.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/cdn.weglot.com\/weglot_script_tag.js?shop=milia-matcha.myshopify.com","https:\/\/bigblueprod-fast-tags.web.app\/shopify\/main.js?shop=milia-matcha.myshopify.com#eyJhbGciOiJFUzI1NiIsImtpZCI6InExZHNwamdqdGUiLCJ0eXAiOiJKV1QifQ.eyJleHAiOjE3ODI5OTYzNTMsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJp","https:\/\/bigblueprod-fast-tags.web.app\/shopify\/2.js?shop=milia-matcha.myshopify.com#Z2JsdWUuY28vIiwic3ViIjoic19taWxpMDAwMSJ9.EMNqrrcRRSjLW9gvUUdZtZS9jKHqJlEehZ55KdCCSVLUmKNb6HqlhdRTrgfj1TEFI7FcsWUjRwZ7wLJtgt8UGQ","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/header.min.js?settings=eyJrZXkiOiI4eWpLY0puTGhNZlpDSDNsIiwicyI6Im5vbmUifQ==\u0026shop=milia-matcha.myshopify.com","https:\/\/ecommplugins-scripts.trustpilot.com\/v2.1\/js\/success.min.js?settings=eyJrZXkiOiI4eWpLY0puTGhNZlpDSDNsIiwicyI6Im5vbmUiLCJ0IjpbIm9yZGVycy9mdWxmaWxsZWQiXSwidiI6IiIsImEiOiIifQ==\u0026shop=milia-matcha.myshopify.com","https:\/\/ecommplugins-trustboxsettings.trustpilot.com\/milia-matcha.myshopify.com.js?settings=1753778074937\u0026shop=milia-matcha.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":84407845171,"offset":7200,"reqid":"620edd37-fbe3-4026-8f69-79150669d36d-1782744747","pageurl":"miliamatcha.com\/?utm_source=Tiktok\u0026utm_medium=paid\u0026utm_campaign=BOFU:Restock-Ceremonie-30g\u0026utm_content=FR\u0026utm_term=202606\u0026tt_campaignid=1849393422973969https:\/\/miliamatcha.com\/?utm_source=Tiktok\u0026ttclid=E_C_P_CswBqjp0Y24I4LyjlfrQAk4r1Zz2rH2xuv1gDrJKunSgvli4q13r1TKNpuvxgGcF1QJRzCs2uO014V2cf4q8y6AekcyWfzEGGMHjCBbqA2opLDdj3rQVzKtzSxZsskwfCTtl0DIB2xd_p04kZRZmYzc7qlDmleFqiBIc-STwiLivXBpxz9AiaNlhuMM15HwSrB3Ia64FDgtlN8bS4Pyj5Y4E8OKCYM0-lE8SBDnyHTMz0PfNFw3Amu9lFhcTZtotpCPQwENz9jQoSrS0RQ2bEgR2Mi4w","u":"cb6582497bc5","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:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(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-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//miliamatcha.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//miliamatcha.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var 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 (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//miliamatcha.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://miliamatcha.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.fr.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://miliamatcha.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
#shopify-buyer-consent {
margin-top: 1em;
display: inline-block;
width: 100%;
}
#shopify-buyer-consent.hidden {
display: none;
}
#shopify-subscription-policy-button {
background: none;
border: none;
padding: 0;
text-decoration: underline;
font-size: inherit;
cursor: pointer;
}
#shopify-subscription-policy-button::before {
box-shadow: none;
}
</style>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/weglot-translate-your-store/blocks/weglot/3097482a-fafe-42ff-bc33-ea19e35c4a20 -->
<!--Start Weglot Script-->
<script type="application/json" id="weglot-data">{"allLanguageUrls":{"fr":"https://miliamatcha.com","en":"https://miliamatcha.com/en","ja":"https://miliamatcha.com/ja","es":"https://miliamatcha.com/es","nl":"https://miliamatcha.com/nl","de":"https://miliamatcha.com/de"},"originalCanonicalUrl":"https://miliamatcha.com/","originalPath":"/","settings":{"auto_switch":false,"auto_switch_fallback":null,"category":8,"custom_settings":{"button_style":{"with_name":true,"full_name":true,"is_dropdown":true,"with_flags":false,"flag_type":"rectangle_mat"},"switchers":[{"style":{"with_name":true,"with_flags":true,"full_name":true,"is_dropdown":true,"invert_flags":true,"flag_type":"rectangle_mat","size_scale":1},"opts":{"open_hover":false,"close_outside_click":false,"is_responsive":false,"display_device":"mobile","pixel_cutoff":768},"colors":[],"location":{},"template":{"name":"default_dropdown","hash":"ae79d62a93a8c17e13edb393599ebba17f65f118","integrity":"sha384-Bh5SiVcMCBVdDPOrfdv0HP3wnOpFpN5m8J1eSH+OdVHdoApu76kIebZeTeRojhcv"}}],"translate_search":true,"loading_bar":true,"hide_switcher":false,"translate_images":false,"subdomain":false,"wait_transition":true,"dynamic":"","shopify_theme_app_extension":true},"deleted_at":null,"dynamics":[{"value":"#CartDrawer-cart-drawer"}],"excluded_blocks":[{"value":".weglot-ignore","description":null}],"excluded_paths":[],"external_enabled":false,"host":"miliamatcha.com","is_dns_set":true,"is_https":true,"language_from":"fr","language_from_custom_flag":null,"language_from_custom_name":null,"languages":[{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"en"},{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"ja"},{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"es"},{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"nl"},{"connect_host_destination":null,"custom_code":null,"custom_flag":null,"custom_local_name":null,"custom_name":null,"enabled":true,"language_to":"de"}],"media_enabled":false,"page_views_enabled":true,"technology_id":2,"technology_name":"Shopify","translation_engine":3,"url_type":"SUBDIRECTORY","versions":{"translation":1777988734}}}</script>
<script src="https://cdn.weglot.com/weglot.min.js?api_key=wg_24674e2cf5bff722e73cbbb61ba186d91" async=""></script>
<!--End Weglot Script-->
<!-- END app block --><!-- BEGIN app block: shopify://apps/addingwell/blocks/aw-gtm/c8ed21e7-0ac8-4249-8c91-cbdde850b5b8 --><script type="module">
setTimeout(async function () {
const keySessionStorage = 'aw_settings';
let __AW__settings = JSON.parse(sessionStorage.getItem(keySessionStorage));
if(!__AW__settings) {
const awSettings = await fetch(
"/apps/addingwell-proxy",
{
method: "GET",
redirect: "follow",
headers: {'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*'}
}
);
if (awSettings.ok) {
__AW__settings = await awSettings.json();
sessionStorage.setItem(keySessionStorage, JSON.stringify(__AW__settings));
} else {
console.error('Addingwell - Loading proxy error', awSettings.status);
return;
}
}
if(__AW__settings.insertGtmTag && __AW__settings.gtmId) {
let __AW__gtmUrl = 'https://www.googletagmanager.com/gtm.js';
let __AW__isAddingwellCdn = false;
if(__AW__settings.insertGtmUrl && __AW__settings.gtmUrl) {
__AW__gtmUrl = __AW__settings.gtmUrl;
__AW__isAddingwellCdn = __AW__settings.isAddingwellCdn;
}
(function(w,d,s,l,i){
w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src=`${__AW__gtmUrl}?${__AW__isAddingwellCdn ? 'awl' : 'id'}=`+(__AW__isAddingwellCdn ? i.replace(/^GTM-/, '') : i)+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script',`${__AW__settings.dataLayerVariableName}`,`${__AW__settings.gtmId}`);
}
const __AW__getEventNameWithSuffix = (eventName) => {
return eventName + (__AW__settings.dataLayerEventSuffix ? "_" + __AW__settings.dataLayerEventSuffix : "");
}
function __AW__waitForShopifyYCookie(maxAttempts, intervalMs) {
return new Promise(function(resolve) {
let attempts = 0;
maxAttempts = maxAttempts || 5;
intervalMs = intervalMs || 200;
function check() {
const match = document.cookie.match(/(?:^|;\s*)_shopify_y=([^;]*)/);
if (match) {
resolve(match[1]);
} else if (attempts < maxAttempts) {
attempts++;
setTimeout(check, intervalMs);
} else {
console.warn('[AW] _shopify_y cookie not found after consent');
resolve(null);
}
}
check();
});
}
document.addEventListener('visitorConsentCollected', async function(event) {
window.Shopify.analytics.publish('addingwell:shopify_update_consent', {visitorConsentCollected: true});
const shopifyY = await __AW__waitForShopifyYCookie();
if (!shopifyY) return;
window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || [];
window[__AW__settings.dataLayerVariableName].push({
event: __AW__getEventNameWithSuffix('shopify_consent_updated'),
});
});
if(__AW__settings.enableDataLayer) {
const MAX_ITEMS_BATCH = 10;
const sendBatchEvents = (items, eventName, eventObject) => {
let batch = [];
for(let i = 0; i < items.length; i++) {
batch.push(items[i]);
if(batch.length === MAX_ITEMS_BATCH || i === items.length - 1) {
const eventClone = {
...eventObject,
ecommerce: {
...eventObject.ecommerce,
items: [...batch]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix(eventName)},
...eventClone
});
batch = [];
}
}
}
function __AW__filterNullOrEmpty(obj) {
let filteredObj = {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
let value = obj[key];
// If value is an object (and not null), recursively filter sub-elements
if (typeof value === "object" && value !== null && value !== undefined) {
let filteredSubObject = __AW__filterNullOrEmpty(value);
// Add the filtered sub-object only if it's not empty
if (Object.keys(filteredSubObject).length > 0) {
filteredObj[key] = filteredSubObject;
}
} else {
// Add the value only if it's neither null nor an empty string
if (value !== null && value !== "" && value !== undefined) {
filteredObj[key] = value;
}
}
}
}
return filteredObj;
}
function getPageType(value) {
const pageTypeMapping = {
404: '404',
article: 'article',
blog: 'blog',
cart: 'cart',
collection: 'collection',
gift_card: 'gift_card',
index: 'homepage',
product: 'product',
search: 'searchresults',
'customers/login': 'login',
'customers/register': 'sign_up'
};
return pageTypeMapping[value] || 'other';
}
let __AW__cartReady = false;
function pushDataLayerEvents() {
initCart();
window[__AW__settings.dataLayerVariableName] = window[__AW__settings.dataLayerVariableName] || []; // init data layer if doesn't already exist
const templateName = "index";
const moneyFormat = "{{amount_with_comma_separator}}€";
const getFormattedPrice = (price) => {
let formattedPrice = price;
if(moneyFormat.indexOf("amount_with_period_and_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals_with_space_separator") > -1) {
formattedPrice = price.replace(' ', '');
} else if(moneyFormat.indexOf("amount_with_apostrophe_separator") > -1) {
formattedPrice = price.replace('\'', '');
} else if(moneyFormat.indexOf("amount_no_decimals_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '');
} else if(moneyFormat.indexOf("amount_with_comma_separator") > -1) {
formattedPrice = price.replace('.', '').replace(',', '.');
} else if(moneyFormat.indexOf("amount_no_decimals") > -1) {
formattedPrice = price.replace(',', '');
} else if(moneyFormat.indexOf("amount") > -1) {
formattedPrice = price.replace(',', '');
} else {
formattedPrice = price.replace('.', '').replace(",", ".");
}
return parseFloat(formattedPrice);
};
/**********************
* DATALAYER SECTIONS
***********************/
/**
* DATALAYER: User Data
* Build user_data properties.
*/
let newCustomer = true;
window.__AW__CommonData = {
user_data: {
new_customer: newCustomer,
}
};
window.__AW__CommonData.country = "FR"
window.__AW__CommonData.language = "fr-FR";
window.__AW__CommonData = __AW__filterNullOrEmpty(window.__AW__CommonData);
// Ajout du hash SHA256 des champs sensibles de user_data (version robuste)
async function sha256(str) {
if (!str) return undefined;
if (!(window.crypto && window.crypto.subtle)) {
console.error('Crypto.subtle non supporté, hash impossible pour :', str);
return undefined;
}
try {
const buf = await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(str));
return Array.from(new Uint8Array(buf)).map(x => x.toString(16).padStart(2, '0')).join('');
} catch (e) {
console.error('Erreur lors du hash SHA256 pour', str, e);
return undefined;
}
}
async function getUserDataHash(user_data) {
const hashObj = {};
if (!user_data) return hashObj;
try {
if (user_data.email_address) hashObj.email_address = await sha256(user_data.email_address);
if (user_data.phone_number) hashObj.phone_number = await sha256(user_data.phone_number);
if (user_data.address && typeof user_data.address === 'object') {
hashObj.address = {};
if (user_data.address.first_name) hashObj.address.first_name = await sha256(user_data.address.first_name);
if (user_data.address.last_name) hashObj.address.last_name = await sha256(user_data.address.last_name);
if (user_data.address.street) hashObj.address.street = await sha256(user_data.address.street);
if (user_data.address.city) hashObj.address.city = await sha256(user_data.address.city);
if (user_data.address.region) hashObj.address.region = await sha256(user_data.address.region);
if (user_data.address.postal_code) hashObj.address.postal_code = await sha256(user_data.address.postal_code);
if (user_data.address.country) hashObj.address.country = await sha256(user_data.address.country);
}
} catch (e) {
console.error('Erreur lors du hash user_data_hashed', e);
}
return __AW__filterNullOrEmpty(hashObj);
}
(async function() {
if (window.__AW__CommonData && window.__AW__CommonData.user_data) {
window.__AW__CommonData.user_data_hashed = await getUserDataHash(window.__AW__CommonData.user_data);
}
})();
window.__AW__CommonData["page_type"] = getPageType(templateName);
window[__AW__settings.dataLayerVariableName].push(window.__AW__CommonData);
window[__AW__settings.dataLayerVariableName].push({"event": __AW__getEventNameWithSuffix("page_view")});
/**
* DATALAYER: 404 Pages
* Fire on 404 Pages */
/**
* DATALAYER: Blog Articles
* Fire on Blog Article Pages */
/** DATALAYER: Product List Page (Collections, Category)
* Fire on all product listing pages. */
const __AW__transformNumberToString = (value) => {
if (value !== null && value !== undefined && typeof value === 'number') {
return value.toString();
}
/** By Default return the current value */
return value;
};
let discountPrice = 0.00;
/** DATALAYER: Product Page
* Fire on all Product View pages. */
/** DATALAYER: Cart View
* Fire anytime a user views their cart (non-dynamic) */
let drawerCartAlreadyOpened = false;
let pendingViewCartTimeout = null;
let stateObserver = null;
let domObserver = null;
function initCart() {
fetch(`${window.Shopify?.routes?.root || "/"}cart.js?adw=1&init=1`, {
credentials: 'same-origin',
headers: { 'Accept': 'application/json' }
}).then(r => r.ok ? r.json() : null)
.then(freshCart => {
if (freshCart) {
window.__AW__slaveShopifyCart = freshCart;
} else {
window.__AW__slaveShopifyCart = { items: [] };
}
__AW__cartReady = true;
})
.catch(e => {
console.warn('[AW] Cart hydration failed', e);
window.__AW__slaveShopifyCart = { items: [] };
__AW__cartReady = true;
});
}
function fireViewCartOncePerOpen() {
if (pendingViewCartTimeout) return;
drawerCartAlreadyOpened = true;
pendingViewCartTimeout = setTimeout(() => {
pendingViewCartTimeout = null;
if (!__AW__cartReady) return;
const ecommerceDataLayer = {
ecommerce: {
currency: window.__AW__slaveShopifyCart.currency,
value: window.__AW__slaveShopifyCart.total_price / 100,
items: window.__AW__slaveShopifyCart.items.map(item => {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
let coupon = "";
if (Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(d => typeof d?.title === "string")
.map(d => d.title)
.join(", ");
}
return {
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title,
item_variant_title: item.variant_title,
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
item_name: item.product_title,
price,
discount,
item_brand: item.vendor,
item_category: item.product_type,
item_list_name: item.collection || "",
item_list_id: "",
quantity: item.quantity,
sku: __AW__transformNumberToString(item.sku),
coupon,
url: item.url,
selling_plan_id : item?.selling_plan_allocation?.selling_plan?.id,
selling_plan_name : item?.selling_plan_allocation?.selling_plan?.name
};
})
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
event: __AW__getEventNameWithSuffix("view_cart"),
...ecommerceDataLayer
});
}, 1000);
}
function resetOnClose() {
drawerCartAlreadyOpened = false;
if (pendingViewCartTimeout) {
clearTimeout(pendingViewCartTimeout);
pendingViewCartTimeout = null;
}
}
function getTargets() {
const cartDrawer = document.querySelector("cart-drawer");
const dialog =
document.querySelector("cart-drawer dialog") ||
document.querySelector("cart-drawer-component dialog") ||
document.querySelector("cart-drawer-component dialog[ref='dialog']");
return { cartDrawer, dialog };
}
function isCartOpen({ cartDrawer, dialog }) {
const openByDialog = !!dialog && (dialog.open || dialog.hasAttribute("open"));
const openByClass = !!cartDrawer && cartDrawer.classList.contains("active");
const openByAttr = !!cartDrawer && cartDrawer.hasAttribute("open");
return openByDialog || openByClass || openByAttr;
}
function attachStateObserver() {
const { cartDrawer, dialog } = getTargets();
if (stateObserver) stateObserver.disconnect();
stateObserver = new MutationObserver(() => {
const openNow = isCartOpen(getTargets());
if (openNow) {
if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
} else {
resetOnClose();
}
});
if (cartDrawer) {
stateObserver.observe(cartDrawer, {
attributes: true,
attributeFilter: ["class", "open"]
});
}
if (dialog) {
stateObserver.observe(dialog, {
attributes: true,
attributeFilter: ["open"]
});
}
const openNow = isCartOpen(getTargets());
if (openNow) {
if (!drawerCartAlreadyOpened) fireViewCartOncePerOpen();
} else {
resetOnClose();
}
}
function observeCartDrawerOpen() {
attachStateObserver();
if (domObserver) domObserver.disconnect();
domObserver = new MutationObserver(() => {
attachStateObserver();
});
domObserver.observe(document.documentElement, {
childList: true,
subtree: true
});
}
observeCartDrawerOpen();
/** DATALAYER: Search Results */
var searchPage = new RegExp("search", "g");
if(document.location.pathname.match(searchPage)){
var __AW__items = [];
const awEcommerceSearch = {
search_term: null,
results_count: null,
ecommerce: {
currency: "EUR",
items : []
}
};
sendBatchEvents(__AW__items, "search", awEcommerceSearch);
}
const cartRegex = /\/cart\/(add|change|update)(\.js|\.json)?(\?.*)?$/;
const pendingCartEventName = "aw_pending_cart_event";
let awCartQueue = Promise.resolve();
if(sessionStorage.getItem(pendingCartEventName)) {
scheduleCartSync();
}
document.addEventListener('click', async function(e) {
const btn = e.target.closest('[href*="/cart/add"], [action*="/cart/add"], button[name="add"]');
if (!btn || !__AW__cartReady) return;
snapshotCart();
}, true);
patchFetch();
patchXhr();
function snapshotCart() {
try {
sessionStorage.setItem(
pendingCartEventName,
JSON.stringify(window.__AW__slaveShopifyCart ?? { items: [] })
);
} catch (e) {
console.warn('[AW] snapshot error', e);
}
}
function patchXhr() {
const nativeSend = XMLHttpRequest.prototype.send;
if (nativeSend.__AW__patched) return;
XMLHttpRequest.prototype.send = function(body) {
this.addEventListener('load', () => {
try {
const abs = this.responseURL || '';
const u = new URL(abs, location.origin);
const mt = u.pathname + (u.search || '');
if (this.status === 200 && cartRegex.test(mt)) {
scheduleCartSync();
}
} catch (e) {
console.error('[AW] XHR handler error', e);
}
});
return nativeSend.apply(this, arguments);
};
XMLHttpRequest.prototype.send.__AW__patched = true;
}
function patchFetch() {
const previousFetch = window.fetch;
if (previousFetch.__AW__patched) return;
window.fetch = async function (...args) {
const resource = args[0];
try {
const url = resource instanceof Request ? resource.url : resource instanceof URL ? resource.href : String(resource);
if (cartRegex.test(url)) {
const response = await previousFetch.apply(this, args);
if (response.ok) {
scheduleCartSync();
} else {
console.warn(`Fetch for ${url} failed with status: ${response.status}`);
}
return response;
}
} catch (error) {
console.error('[AW] Fetch Wrapper Error:', error);
}
return previousFetch.apply(this, args);
};
window.fetch.__AW__patched = true;
}
function scheduleCartSync() {
if (!__AW__cartReady) return;
awCartQueue = awCartQueue
.then(() => {
if (!sessionStorage.getItem(pendingCartEventName)) snapshotCart();
return runCartSyncOnce();
}).catch(e => {
console.error('[AW] scheduleCartSync error', e);
});
}
async function runCartSyncOnce() {
try {
const response = await fetch(`${window.Shopify.routes.root || "/"}cart.js?adw=1`, {
credentials: 'same-origin',
headers: { 'Accept': 'application/json' }
});
if (!response.ok) throw new Error('HTTP ' + response.status);
const newCart = await response.json();
await compareCartData(newCart);
} catch (error) {
console.error('[AW] Error fetching /cart.js (singleton):', error);
}
}
function compareCartData(newCartData) {
return new Promise((resolve) => {
setTimeout(() => {
try {
const oldCartData = sessionStorage.getItem(pendingCartEventName) ? JSON.parse(sessionStorage.getItem(pendingCartEventName)) : {items: []};
newCartData = newCartData || {items: []};
const oldItems = new Map(oldCartData.items.map(item => [item.id, item]));
const newItems = new Map(newCartData.items.map(item => [item.id, item]));
newItems.forEach((newItem, key) => {
const oldItem = oldItems.get(key);
const eventName = "add_to_cart";
if (!oldItem) {
handleCartDataLayer(eventName, newItem.quantity, newItem);
} else if (newItem.quantity > oldItem.quantity) {
handleCartDataLayer(eventName, newItem.quantity - oldItem.quantity, newItem);
}
});
oldItems.forEach((oldItem, key) => {
const newItem = newItems.get(key);
const eventName = "remove_from_cart";
if (!newItem) {
handleCartDataLayer(eventName, oldItem.quantity, oldItem);
} else if (oldItem.quantity > newItem.quantity) {
handleCartDataLayer(eventName, oldItem.quantity - newItem.quantity, newItem);
}
});
sessionStorage.removeItem(pendingCartEventName);
window.__AW__slaveShopifyCart = newCartData;
} catch(e) {
console.error('[AW] compareCartData error', e);
sessionStorage.removeItem(pendingCartEventName);
} finally {
resolve();
}
}, 500);
});
}
function handleCartDataLayer(eventName, quantity, item) {
const price = (item.discounted_price ?? item.price) / 100;
const discount = (item.price - (item.discounted_price ?? 0)) / 100;
const totalValue = price * quantity;
let coupon = "";
if(Array.isArray(item?.discounts)) {
coupon = item.discounts
.filter(discount => typeof discount?.title === 'string')
.map(discount => discount.title)
.join(', ');
}
const ecommerceCart = {
ecommerce: {
currency: "EUR",
value: totalValue,
items: [{
item_id: __AW__transformNumberToString(item.product_id),
item_variant: item.variant_title || "Default Variant",
item_variant_id: __AW__transformNumberToString(item.variant_id),
item_variant_title: item.variant_title || "Default Variant",
item_name: item.product_title,
item_product_id: __AW__transformNumberToString(item.product_id),
item_product_title: item.product_title,
sku: __AW__transformNumberToString(item.sku),
discount: discount,
price: price,
item_brand: item.vendor,
item_category: item.product_type,
quantity: quantity,
coupon: coupon,
url: item?.url,
selling_plan_id : item?.selling_plan_allocation?.selling_plan?.id,
selling_plan_name : item?.selling_plan_allocation?.selling_plan?.name
}]
}
};
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{ 'event': __AW__getEventNameWithSuffix(eventName) },
...ecommerceCart
});
}
}
if (document.readyState === 'loading') {
// document still loading...
document.addEventListener('DOMContentLoaded', () => {
pushDataLayerEvents();
});
} else {
// already loaded, chocs away!
pushDataLayerEvents();
}
}
}, 0);
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async="" src="https://static.klaviyo.com/onsite/js/YAgRAK/klaviyo.js?company_id=YAgRAK"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/scalapay-on-site-messaging/blocks/widget-embed-block/3be66716-9837-4466-bbb5-839858e44339 -->
<style></style>
<script>
document.addEventListener('DOMContentLoaded', function () {
// enable scalapay service
window.scalapayConfig = window.scalapayConfig || [];
let isCountryEnabled = function (country, countries) {
if (!country) return true;
return countries.split(',').map(x => x.trim().toUpperCase()).filter(Boolean).includes(`${country}`.toUpperCase());
}
let createWidgets = function (config, widgets, extraProps) {
for (const widget of widgets.split('\n').map(x => x.trim()).filter(Boolean)) {
const parts = widget.split("|").map(x => x.trim());
if (parts.length < 3) {
console.warn(`Scalapay - Invalid widget configuration: ${widget}`);
continue;
}
config["type"] = parts[0];
config["amount-selectors"] = JSON.stringify(parts.slice(2));
config["dark-mode"] = extraProps[`${config["type"]}-dark-mode`] ?? 'never';
config["alignment"] = extraProps[`${config["type"]}-alignment`] ?? 'left';
window.scalapayConfig.push([parts[1], JSON.parse(JSON.stringify(config))]);
}
}
const country = document.cookie
.split("; ")
.find((row) => row.startsWith("localization="))
?.split("=")[1]; // ?? widget_locale
if (!isCountryEnabled(country, "AT,BE,FI,FR,DE,IT,NL,PT,ES,YT,RE,GF,GP,MQ")) {
console.info(`Scalapay widget is not enabled in ${country} country.`)
} else {
createWidgets(
{
"style": 'display: block;',
"min-amount": '5',
"max-amount": '1500',
"locale": "fr",
"currency-position": 'after',
"currency-display": 'symbol',
"merchant-token": '',
"amount-separator": '',
"hide-installments": 'false',
"hide-learn-more": 'false',
},
"",
{
"product-dark-mode": 'never',
"cart-dark-mode": 'never',
"product-alignment": 'left',
"cart-alignment": 'left',
}
)
}
});
</script>
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019e4995-c39e-79a5-9efc-b2f58d69a2f6/scalapay-widget-installer-prod-44/assets/scalapay.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: 84407845171,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>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],n=d.indexOf("=");if(-1!==n){var t=d.slice(0,n).trim();if(t){var i=void 0;try{i=decodeURIComponent(t)}catch(e){i=t}if("_shopify_s"===i){var a=d.slice(n+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}return function(d,n,t,i){var a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(l=null==(s=window.Shopify)?void 0:s.analytics)?void 0:l.replayQueue)){var s,l;window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(e,r,o){return u.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var p,h,f,m,g,y,v,w=(h=(p={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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+|)/}).modern,f=p.legacy,(m=navigator.userAgent).match(e)?"bot":m.match(h)?"modern":m.match(f)?"legacy":m.match(r)?"bot":"unknown"),b="modern"===w?"modern":"legacy",P=(null!=i?i:{modern:"",legacy:""})[b],S=[(g={baseUrl:n,hashVersion:t,buildTarget:b}).baseUrl,"/wpm","/b",g.hashVersion,"modern"===g.buildTarget?"m":"l",".js"].join(""),C=function(e){var r=e.version,d=e.browserTarget,n=e.surface,t=e.shopId,i=e.monorailEndpoint,a=window.location.href;return{emit:function(e){var s=e.status,l=e.errorMsg,c=(new Date).getTime(),u=JSON.stringify({metadata:{event_sent_at_ms:c},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:d,page_url:a,status:s,surface:n,error_msg:l,shop_id:t,visit_token:o()},metadata:{event_created_at_ms:c}}]});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,u)}catch(e){}var p=new XMLHttpRequest;try{return p.open("POST",i,!0),p.setRequestHeader("Content-Type","text/plain"),p.send(u),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:t,browserTarget:w,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});try{a.browserTarget=w,function(e){var r=e.src,o=e.async,d=void 0===o||o,n=e.onload,t=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,l=document.createElement("script"),c=document.querySelector("head"),u=document.querySelector("body");if(l.async=d,l.src=r,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{l.dataset[p]=s[p]}catch(e){}if(n&&l.addEventListener("load",n),t&&l.addEventListener("error",t),c)c.appendChild(l);else{if(!u)throw new Error("Did not find a head or body element to append the script");u.appendChild(l)}}({src:S,async:!0,onload:function(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(d)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],n=r[2];e.publishCustomEvent(o,d,n)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}},onerror:function(){return C.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})},sri:(y=P,v=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof y&&v.test(y)?P:""),scriptDataAttributes:a}),C.emit({status:"loading"})}catch(e){C.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 84407845171,storefrontBaseUrl: "https://miliamatcha.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0"],webPixelsConfigList: [{"id":"2017722747","configuration":"{\"accountID\":\"YAgRAK\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1928626555","configuration":"{\"pixelCode\":\"D24TA53C77U2AQ7O06G0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":"1893040507","configuration":"{\"pixel_id\":\"1462378701432215\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"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","enabledFlags":["9a3ed68a"]},{"id":"1506476411","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\",\\\"GT-TQT9V9DG\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/VSLeCP-D3Z8aEP_FvIMr\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/eeq_CPmD3Z8aEP_FvIMr\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/wfJSCPaD3Z8aEP_FvIMr\\\",\\\"MC-FFNPWR1PRW\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/T8kjCPCD3Z8aEP_FvIMr\\\",\\\"MC-FFNPWR1PRW\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/qFplCPOD3Z8aEP_FvIMr\\\",\\\"MC-FFNPWR1PRW\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/WovZCIKE3Z8aEP_FvIMr\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-31E8RW5PCH\\\",\\\"AW-11550008063\\\/_lM2CPyD3Z8aEP_FvIMr\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"20a1a395175a780fd37f04940f5b4db5","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1503396219","configuration":"{\"tagID\":\"2614039836239\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"565fe5dd5db699c5a32547ff5c1df3c8","type":"APP","apiClientId":3009811,"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":[]},"dataSharingState":"optimized"},{"id":"712966451","configuration":"{\"token\":\"eyJhbGciOiJFUzI1NiIsImtpZCI6InExZHNwamdqdGUiLCJ0eXAiOiJKV1QifQ.eyJleHAiOjE3ODI5OTYzNTMsImlzcyI6Imh0dHBzOi8vY2hlY2tvdXQtYXBpLmJpZ2JsdWUuY28vIiwic3ViIjoic19taWxpMDAwMSJ9.EMNqrrcRRSjLW9gvUUdZtZS9jKHqJlEehZ55KdCCSVLUmKNb6HqlhdRTrgfj1TEFI7FcsWUjRwZ7wLJtgt8UGQ\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1e8cf5dac0cde16e9800d21ae75e4d4a","type":"APP","apiClientId":2879589,"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":"210239867","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"AxeptioConsent"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0480","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0480","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Milia Matcha","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"milia-matcha.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/miliamatcha.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15041932722555","handle":"matcha-ceremonie-chocolat-blanc","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55335870988667","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8784435577139","handle":"milia-matcha-matcha-ceremonie","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"47299712844083","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15275711758715","handle":"verre-milia-matcha","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55874023195003","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8788520075571","handle":"milia-matcha-vanille","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"47313699602739","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15376445538683","handle":"matcha-ceremonie-banane-30g","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"56226684305787","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15284834042235","handle":"shopping-bag","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55903281447291","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8784449798451","handle":"le-fouet-bambou","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"47299855155507","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15041941307771","handle":"matcha-ceremonie-chocolat-blanc-100g","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55335885701499","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9399537369395","handle":"matcha-ceremonie-cerise","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"49814284075315","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15373237256571","handle":"stick-chocolat-blanc","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"56216001675643","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15373584204155","handle":"stick-ceremonie","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"56217128305019","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15373582991739","handle":"stick-fraise","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"56217124176251","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15373583909243","handle":"stick-vanille","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"56217125355899","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://miliamatcha.com/cdn","4074779awe500cddcp1e53a49dm5f7c656e",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","themeId":"181740339579","pageType":"home","shopId":"84407845171","storefrontBaseUrl":"https:\/\/miliamatcha.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\"]","isMerchantRequest":"false","hashVersion":"4074779awe500cddcp1e53a49dm5f7c656e","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":"620edd37-fbe3-4026-8f69-79150669d36d-1782744747"}};
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 || [];
window.ShopifyAnalytics.lib.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);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
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: 84407845171,
theme_id: 181740339579,
app_name: "storefront",
context_url: window.location.href,
source_url: "//miliamatcha.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//miliamatcha.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//miliamatcha.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":84407845171,"isMerchantRequest":null,"themeId":181740339579,"themeCityHash":"9167284415548393042","contentLanguage":"fr","currency":"EUR","eventMetadataId":"bfced433-fbee-4efe-ab89-5fab44f2b79c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"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":"620edd37-fbe3-4026-8f69-79150669d36d-1782744747","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 = "//miliamatcha.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script defer="" src="https://miliamatcha.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.6.0.min.js" data-application="storefront-renderer" data-shop-id="84407845171" data-render-region="gcp-europe-west1" data-page-type="index" data-theme-instance-id="181740339579" data-theme-name="Milia Matcha" data-theme-version="0.0.0" 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://miliamatcha.com/api/collect"></script>
<link href="https://miliamatcha.com" hreflang="fr" rel="alternate"><link href="https://miliamatcha.com/en" hreflang="en" rel="alternate"><link href="https://miliamatcha.com/ja" hreflang="ja" rel="alternate"><link href="https://miliamatcha.com/es" hreflang="es" rel="alternate"><link href="https://miliamatcha.com/nl" hreflang="nl" rel="alternate"><link href="https://miliamatcha.com/de" hreflang="de" rel="alternate"></head>
<body class="text-base antialiased template-index">
<a href="#MainContent" class="text-primary-black bg-primary-white fixed -top-96 left-4 z-9999 block rounded-b-md px-4 py-3 text-sm font-medium transition-[top] duration-200 ease-out focus:top-4 focus-visible:top-4 motion-reduce:transition-none">Aller au contenu principal</a>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--25490614157691__section_announcement_bar" class="shopify-section shopify-section-group-header-group">
<style data-shopify="">.section-sections--25490614157691__section_announcement_bar-padding {
padding-top: 0.45rem;
padding-bottom: 0.45rem;
}
@media (width >= 64rem) {
.section-sections--25490614157691__section_announcement_bar-padding {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
}</style><script>
document.documentElement.style.setProperty('--announcement-bar-height', '2.75rem');
</script><div class="block section-sections--25490614157691__section_announcement_bar-padding color-scheme-3 overflow-hidden text-xs">
<ul class="animate-marquee pointer-events-none relative flex w-max flex-nowrap items-center will-change-transform" style="animation-duration: 36s;">
<li class="shrink-0 pr-15 lg:pr-45">Livraison offerte dès 49€ d'achat</li>
<li class="shrink-0 pr-15 lg:pr-45" aria-hidden="true">NOUVEAU : les abonnements Milia Matcha jusqu'à -20% d'économie</li>
<li class="shrink-0 pr-15 lg:pr-45">Livraison offerte dès 49€ d'achat</li>
<li class="shrink-0 pr-15 lg:pr-45" aria-hidden="true">NOUVEAU : les abonnements Milia Matcha jusqu'à -20% d'économie</li>
<li class="shrink-0 pr-15 lg:pr-45">Livraison offerte dès 49€ d'achat</li>
<li class="shrink-0 pr-15 lg:pr-45" aria-hidden="true">NOUVEAU : les abonnements Milia Matcha jusqu'à -20% d'économie</li>
<li class="shrink-0 pr-15 lg:pr-45">Livraison offerte dès 49€ d'achat</li>
<li class="shrink-0 pr-15 lg:pr-45" aria-hidden="true">NOUVEAU : les abonnements Milia Matcha jusqu'à -20% d'économie</li>
<li class="shrink-0 pr-15 lg:pr-45">Livraison offerte dès 49€ d'achat</li>
<li class="shrink-0 pr-15 lg:pr-45" aria-hidden="true">NOUVEAU : les abonnements Milia Matcha jusqu'à -20% d'économie</li></ul>
</div>
</div><div id="shopify-section-sections--25490614157691__header" class="shopify-section shopify-section-group-header-group relative z-5">
<c-headroom class="pointer-events-none fixed inset-0 z-5 block pt-4 transition-transform duration-300 ease-in-out in-[.is-on-top]:translate-y-(--announcement-bar-height)">
<div class="pointer-events-auto container">
<header>
<div class="border-primary-white/10 bg-primary-black/20 text-primary-white [&:has(li[class~='group/li']:hover)]:text-primary-black [&:has(li[class~='group/li']:focus-within)]:text-primary-black relative flex items-center gap-2.5 rounded-[1.875rem] border px-6 py-2.5 shadow-lg lg:px-10 lg:py-4.5">
<div class="pointer-events-none absolute inset-0 z-1 rounded-[1.875rem] backdrop-blur-md" aria-hidden="true"></div>
<div class="relative z-2 flex grow basis-0 gap-2.5">
<cinq-drawer-button class="block lg:hidden">
<button aria-controls="menu-drawer" aria-expanded="false" type="button" class="text-subtitle-s block uppercase lg:hidden" aria-label="Menu">
<span class="sr-only">Menu</span>
<svg class="fill-current bars size-6">
<use xlink:href="#icon-bars" href="#icon-bars"></use>
</svg>
</button>
</cinq-drawer-button>
<ul class="text-subtitle-s hidden gap-9 lg:flex" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li class="group/li">
<a href="/collections/all" itemprop="url" class="relative z-2 flex items-center gap-2 hover:underline">
<span class="text-subtitle-s">Shop</span>
<svg class="fill-current chevron-down size-2">
<use xlink:href="#icon-chevron-down" href="#icon-chevron-down"></use>
</svg>
</a>
<div class="bg-primary-white pointer-events-none invisible fixed inset-x-0 top-0 z-1 max-h-full overflow-auto pt-30 pb-5.5 opacity-0 transition-opacity duration-200 group-focus-within/li:pointer-events-auto group-focus-within/li:visible group-focus-within/li:opacity-100 group-hover/li:pointer-events-auto group-hover/li:visible group-hover/li:opacity-100">
<div class="container">
<div class="grid grid-cols-5 gap-21.25 px-10">
<div class="col-span-3 grid grid-cols-3 gap-x-21.25 gap-y-4">
<div class="col-span-1 space-y-3">
<a href="/collections/nos-matcha" class="text-subtitle-m border-ui-grey-light block border-b-[0.09375rem] pb-4 hover:underline">Matcha</a>
<ul class="space-y-3"><li>
<a href="/products/milia-matcha-matcha-ceremonie" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Cérémonie</a>
</li><li>
<a href="/collections/matcha-vanille" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Vanille</a>
</li><li>
<a href="/products/milia-matcha-fraise" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Fraise</a>
</li><li>
<a href="/products/matcha-ceremonie-cerise" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Cerise</a>
</li><li>
<a href="/collections/matcha-chocolat-blanc" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Chocolat Blanc</a>
</li><li>
<a href="/products/matcha-ceremonie-banane-30g" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha Banane<span class="uppercase text-subtitle-s p-2.5 bg-primary-pink text-primary-black rounded-md">New</span></a>
</li><li>
<a href="/collections/nos-matcha" class="text-subtitle-s flex items-center gap-2 leading-7.5 text-ui-grey-dark">
Voir tout</a>
</li></ul>
</div>
<div class="col-span-1 space-y-3">
<a href="/collections/coffret" class="text-subtitle-m border-ui-grey-light block border-b-[0.09375rem] pb-4 hover:underline">Essentiels </a>
<ul class="space-y-3"><li>
<a href="/products/les-essentiels" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Coffret Matcha Cérémonie</a>
</li><li>
<a href="/products/les-essentiels-vanille" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Coffret Matcha Cérémonie Vanille<span class="uppercase text-subtitle-s p-2.5 bg-primary-pink text-primary-black rounded-md">New</span></a>
</li><li>
<a href="/products/carte-cadeau-milia-matcha" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Carte cadeau</a>
</li><li>
<a href="/collections/coffret" class="text-subtitle-s flex items-center gap-2 leading-7.5 text-ui-grey-dark">
Voir tout</a>
</li></ul>
</div>
<div class="col-span-1 space-y-3">
<a href="/collections/accessoires" class="text-subtitle-m border-ui-grey-light block border-b-[0.09375rem] pb-4 hover:underline">accessoires </a>
<ul class="space-y-3"><li>
<a href="/products/matcha-to-go" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Matcha To Go</a>
</li><li>
<a href="/products/le-fouet-bambou" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Fouet bambou</a>
</li><li>
<a href="/products/le-fouet-electrique" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Fouet électrique</a>
</li><li>
<a href="/products/verre-milia-matcha" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Verre</a>
</li><li>
<a href="/products/tote-bag-milia-matcha-bordeaux" class="text-subtitle-s flex items-center gap-2 leading-7.5">
Tote bag bordeaux</a>
</li><li>
<a href="/collections/accessoires" class="text-subtitle-s flex items-center gap-2 leading-7.5 text-ui-grey-dark">
Voir tout</a>
</li></ul>
</div>
<div class="col-span-3 mt-auto">
<a href="/collections/shop-all" class="border-ui-grey-light inline-flex items-center gap-4 rounded-3xl border py-[0.28125rem] ps-1 pe-9">
<div class="inline-grid grid-cols-[28px_28px_56px] grid-rows-1 items-center overflow-visible"><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/bcd5046bbefe36f813a4ee8ba6cfa6349795ae16.png?v=1775814309&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/bcd5046bbefe36f813a4ee8ba6cfa6349795ae16.png?v=1775814309&width=112 112w" width="112" height="168" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/64d64df06bca1de4d751119e08c415e0fc181b11.png?v=1775814307&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/64d64df06bca1de4d751119e08c415e0fc181b11.png?v=1775814307&width=112 112w" width="112" height="140" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/98bd9df2c1fe8ab16631133614553d70cceef84c.png?v=1775814309&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/98bd9df2c1fe8ab16631133614553d70cceef84c.png?v=1775814309&width=112 112w" width="112" height="168" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div></div>
<span class="text-subtitle-s">découvrir les produits</span>
</a>
</div>
</div>
<div class="col-span-2">
<article class="space-y-6">
<a href="/products/matcha-ceremonie-chocolat-blanc" aria-label="BACK IN STOCK" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<div class="absolute z-2 inset-x-0 top-0 m-3">
<span class="text-subtitle-s text-co bg-primary-pink text-primary-black inline-block rounded-md p-2.5 align-middle">BACK IN STOCK</span>
</div>
<img src="//miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=920" alt="Deux canettes matcha okumidori arôme chocolat blanc sur fond rose" srcset="//miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=352 352w, //miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=832 832w, //miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">BACK IN STOCK</p>
<p class="text-xs">Découvrez notre Matcha Chocolat Blanc</p>
</div>
</article>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="/pages/notre-abonnement-milia-matcha" itemprop="url" class="relative z-2">
<span class="text-subtitle-s flex items-center gap-0.25">
Abonnement<sup class="uppercase text-[0.5625rem] leading-[calc(8/9)] px-1.25 py-0.75 [text-box:trim-both_cap_alphabetic] rounded-md bg-primary-pink text-primary-black tracking-[0.08em]">New</sup></span>
</a>
</li>
</ul>
</div>
<a href="/" class="text-primary-pink relative z-2 h-7.75 w-18.75 lg:h-9.25 lg:w-22" aria-label="Milia Matcha">
<svg class="fill-current logo size-full">
<use xlink:href="#icon-logo" href="#icon-logo"></use>
</svg>
<span class="sr-only">Milia Matcha</span>
</a>
<div class="relative flex grow basis-0 items-center justify-end gap-5.5">
<ul class="text-subtitle-s hidden gap-9 lg:flex" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li class="group/li">
<a href="/pages/milia-world-landing-page" itemprop="url" class="relative z-2 flex items-center gap-2 hover:underline">
<span class="text-subtitle-s">Milia World</span>
<svg class="fill-current chevron-down size-2">
<use xlink:href="#icon-chevron-down" href="#icon-chevron-down"></use>
</svg>
</a>
<div class="bg-primary-white pointer-events-none invisible fixed inset-x-0 top-0 z-1 max-h-full overflow-auto pt-30 pb-5.5 opacity-0 transition-opacity duration-200 group-focus-within/li:pointer-events-auto group-focus-within/li:visible group-focus-within/li:opacity-100 group-hover/li:pointer-events-auto group-hover/li:visible group-hover/li:opacity-100">
<div class="container">
<div class="grid grid-cols-4 gap-x-4 gap-y-9 px-10">
<div class="col-span-1 space-y-3">
<article class="space-y-6">
<a href="/pages/notre-histoire-milia-matcha" aria-label="notre histoire" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=920" alt="Fondatrice de Milia Matcha Andie Ella tenant une tasse de matcha latte" srcset="//miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=352 352w, //miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=832 832w, //miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">notre histoire</p>
<p class="text-xs">Une passion familiale</p>
</div>
</article>
</div>
<div class="col-span-1 space-y-3">
<article class="space-y-6">
<a href="/pages/notre-matcha-milia-matcha" aria-label="notre matcha" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=920" alt="" srcset="//miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=352 352w, //miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=832 832w, //miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=920 920w" width="920" height="1380" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">notre matcha</p>
<p class="text-xs">Un savoir-faire japonais transmis de génération en génération</p>
</div>
</article>
</div>
<div class="col-span-1 space-y-3">
<article class="space-y-6">
<a href="/pages/les-bienfaits-milia-matcha" aria-label="les bienfaits" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=920" alt="Femme bois une tasse matcha latte mousse de lait" srcset="//miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=352 352w, //miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=832 832w, //miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">les bienfaits</p>
<p class="text-xs">Une boisson aux multiples bienfaits.</p>
</div>
</article>
</div>
<div class="col-span-1 space-y-3">
<article class="space-y-6">
<a href="/blogs/news" aria-label="le blog" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=920" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=352 352w, //miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=832 832w, //miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=920 920w" width="920" height="1227" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">le blog</p>
<p class="text-xs">Découvrez nos actualités</p>
</div>
</article>
</div>
<div class="col-span-4 text-center">
<a href="/pages/milia-world-landing-page" class="border-ui-grey-light inline-flex items-center gap-4 rounded-3xl border py-[0.28125rem] ps-1 pe-9">
<div class="inline-grid grid-cols-[28px_28px_56px] grid-rows-1 items-center overflow-visible"><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/ca95d8004c7be5742d2361922c3ef28e07a72dc0.png?v=1775816874&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/ca95d8004c7be5742d2361922c3ef28e07a72dc0.png?v=1775816874&width=112 112w" width="112" height="75" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/bb90125aed461bac1cc4a9bb0f61e03d37fdcb38.png?v=1775816875&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/bb90125aed461bac1cc4a9bb0f61e03d37fdcb38.png?v=1775816875&width=112 112w" width="112" height="75" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/34a20f92d55f487a095c6e15542b5e9f28b85c45.png?v=1775816874&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/34a20f92d55f487a095c6e15542b5e9f28b85c45.png?v=1775816874&width=112 112w" width="112" height="57" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div></div>
<span class="text-subtitle-s">Voir tout</span>
</a>
</div>
</div>
</div>
</div>
</li>
</ul>
<a href="/search" class="relative z-2 hidden size-6 items-center justify-center lg:flex" aria-label="Recherche">
<svg class="fill-current search size-full">
<use xlink:href="#icon-search" href="#icon-search"></use>
</svg>
</a>
<a href="/account" class="relative z-2 hidden size-6 items-center justify-center lg:flex" aria-label="Connexion">
<svg class="fill-current user size-full">
<use xlink:href="#icon-user" href="#icon-user"></use>
</svg>
</a>
<cinq-drawer-button class="relative block">
<button aria-controls="cart-drawer" aria-expanded="false" type="button" aria-label="Panier" class="text-subtitle-s relative z-2 flex size-6 items-center justify-center">
<svg class="fill-current cart size-full">
<use xlink:href="#icon-cart" href="#icon-cart"></use>
</svg>
</button>
<div id="cart-count-bubble" data-section-id="sections--25490614157691__header" class="pointer-events-none absolute size-4.5 top-0 right-0 -mt-0.75 -mr-0.75 z-2"></div>
</cinq-drawer-button>
</div>
</div>
</header>
</div>
</c-headroom>
<cinq-drawer id="menu-drawer" cid="menu-drawer" class="group fixed inset-0 z-20 w-full block" style="opacity: 0; visibility: hidden; height: 100%;">
<div data-dom="overlay" class="bg-primary-black/30 absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out group-open:opacity-100"></div>
<div role="dialog" aria-modal="true" class="overflow-hidden rounded-md transition-transform duration-300 ease-out -translate-x-full left-0 group-open:translate-x-0 w-125 max-w-[calc(100%---spacing(5))] lg:max-w-[calc(100%---spacing(10))] inset-y-0 m-2.5 lg:m-5 h-[calc(100%---spacing(5))] lg:h-[calc(100%---spacing(10))] max-h-full bg-primary-white absolute z-2">
<div class="scrollbar-hidden h-full overflow-y-auto scroll-smooth"><div id="MenuDrawer-sections--25490614157691__header" class="flex h-full flex-col">
<header class="flex items-center justify-between gap-2 px-5 lg:px-7.5 py-[2.15625rem] lg:gap-4"><cinq-drawer-button class="ms-auto flex items-center justify-center">
<button data-dom="button" aria-controls="menu-drawer" aria-expanded="false" type="button" aria-label="Fermer">
<svg class="fill-current times size-3.5">
<use xlink:href="#icon-times" href="#icon-times"></use>
</svg>
</button>
</cinq-drawer-button>
</header>
<c-menubar class="relative flex min-h-0 flex-1 flex-col overflow-hidden">
<div id="menubar-main-panel-sections--25490614157691__header" class="scrollbar-hidden absolute inset-0 z-1 flex flex-col overflow-y-auto"><ul class="divide-ui-grey-light divide-y">
<li>
<button type="button" data-dom="open" class="flex w-full items-center justify-between gap-2.5 px-5 py-[1.96875rem] text-start uppercase" aria-controls="menu-submenu-sections--25490614157691__header-1" aria-expanded="false" aria-haspopup="true">
<span class="text-subtitle-m flex items-center gap-2.5">
Shop</span>
<svg class="fill-current chevron-right size-2.5 ms-auto">
<use xlink:href="#icon-chevron-right" href="#icon-chevron-right"></use>
</svg>
</button>
</li>
<li>
<a href="/pages/notre-abonnement-milia-matcha" class="text-subtitle-m flex items-center gap-2.5 px-5 py-[1.96875rem] uppercase">
Abonnement<span class="uppercase text-subtitle-s p-2.5 bg-primary-pink text-primary-black rounded-md">New</span></a>
</li>
<li>
<button type="button" data-dom="open" class="flex w-full items-center justify-between gap-2.5 px-5 py-[1.96875rem] text-start uppercase" aria-controls="menu-submenu-sections--25490614157691__header-3" aria-expanded="false" aria-haspopup="true">
<span class="text-subtitle-m flex items-center gap-2.5">
Milia World</span>
<svg class="fill-current chevron-right size-2.5 ms-auto">
<use xlink:href="#icon-chevron-right" href="#icon-chevron-right"></use>
</svg>
</button>
</li>
</ul><footer class="mt-auto border-t border-ui-grey-light px-5 py-8.75"><a href="/account" class="text-subtitle-m font-bold">Connexion</a></footer></div><div id="menu-submenu-sections--25490614157691__header-1" data-dom="panel" class="bg-primary-white scrollbar-hidden absolute inset-0 z-2 flex -translate-x-full flex-col overflow-y-auto scroll-smooth transition-transform duration-300 ease-out [&.is-active]:translate-x-0">
<header class="border-ui-grey-light border-b px-5 py-6">
<button type="button" data-dom="close" class="flex items-center gap-1" aria-label="Retour">
<svg class="fill-current chevron-left size-2.5">
<use xlink:href="#icon-chevron-left" href="#icon-chevron-left"></use>
</svg>
<span class="text-subtitle-s uppercase">Retour</span>
</button>
<p class="sr-only">Shop</p>
</header><ul class="divide-ui-grey-light divide-y"><li class="space-y-3 px-5 py-6"><a href="/collections/nos-matcha" class="block font-bold uppercase">
Matcha</a>
<ul class="space-y-3"><li>
<a href="/products/milia-matcha-matcha-ceremonie" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Cérémonie</a>
</li><li>
<a href="/collections/matcha-vanille" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Vanille</a>
</li><li>
<a href="/products/milia-matcha-fraise" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Fraise</a>
</li><li>
<a href="/products/matcha-ceremonie-cerise" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Cerise</a>
</li><li>
<a href="/collections/matcha-chocolat-blanc" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Chocolat Blanc</a>
</li><li>
<a href="/products/matcha-ceremonie-banane-30g" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha Banane<span class="uppercase text-subtitle-s p-2.5 bg-primary-pink text-primary-black rounded-md">New</span></a>
</li><li><a href="/collections/nos-matcha" class="text-ui-grey-dark text-2xs min-h-7.5 py-2.5 font-semibold uppercase underline">Voir tout</a>
</li></ul>
</li><li class="space-y-3 px-5 py-6"><a href="/collections/coffret" class="block font-bold uppercase">
Essentiels</a>
<ul class="space-y-3"><li>
<a href="/products/les-essentiels" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Coffret Matcha Cérémonie</a>
</li><li>
<a href="/products/les-essentiels-vanille" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Coffret Matcha Cérémonie Vanille<span class="uppercase text-subtitle-s p-2.5 bg-primary-pink text-primary-black rounded-md">New</span></a>
</li><li>
<a href="/products/carte-cadeau-milia-matcha" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Carte cadeau</a>
</li><li><a href="/collections/coffret" class="text-ui-grey-dark text-2xs min-h-7.5 py-2.5 font-semibold uppercase underline">Voir tout</a>
</li></ul>
</li><li class="space-y-3 px-5 py-6"><a href="/collections/accessoires" class="block font-bold uppercase">
accessoires</a>
<ul class="space-y-3"><li>
<a href="/products/matcha-to-go" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Matcha To Go</a>
</li><li>
<a href="/products/le-fouet-bambou" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Fouet bambou</a>
</li><li>
<a href="/products/le-fouet-electrique" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Fouet électrique</a>
</li><li>
<a href="/products/verre-milia-matcha" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Verre</a>
</li><li>
<a href="/products/tote-bag-milia-matcha-bordeaux" class="flex min-h-7.5 items-center gap-4.25 uppercase">
Tote bag bordeaux</a>
</li><li><a href="/collections/accessoires" class="text-ui-grey-dark text-2xs min-h-7.5 py-2.5 font-semibold uppercase underline">Voir tout</a>
</li></ul>
</li></ul><div class="p-6">
<article class="space-y-6">
<a href="/products/matcha-ceremonie-chocolat-blanc" aria-label="BACK IN STOCK" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<div class="absolute z-2 inset-x-0 top-0 m-3">
<span class="text-subtitle-s text-co bg-primary-pink text-primary-black inline-block rounded-md p-2.5 align-middle">BACK IN STOCK</span>
</div>
<img src="//miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=920" alt="Deux canettes matcha okumidori arôme chocolat blanc sur fond rose" srcset="//miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=352 352w, //miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=832 832w, //miliamatcha.com/cdn/shop/files/matcha-ceremonie-chocolat-blanc-webp.webp?v=1776669224&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">BACK IN STOCK</p>
<p class="text-xs">Découvrez notre Matcha Chocolat Blanc</p>
</div>
</article>
</div><div class="p-6 text-center">
<a href="/collections/shop-all" class="border-ui-grey-light inline-flex items-center gap-4 rounded-3xl border py-[0.28125rem] ps-1 pe-9">
<div class="inline-grid grid-cols-[28px_28px_56px] grid-rows-1 items-center overflow-visible"><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/bcd5046bbefe36f813a4ee8ba6cfa6349795ae16.png?v=1775814309&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/bcd5046bbefe36f813a4ee8ba6cfa6349795ae16.png?v=1775814309&width=112 112w" width="112" height="168" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/64d64df06bca1de4d751119e08c415e0fc181b11.png?v=1775814307&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/64d64df06bca1de4d751119e08c415e0fc181b11.png?v=1775814307&width=112 112w" width="112" height="140" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/98bd9df2c1fe8ab16631133614553d70cceef84c.png?v=1775814309&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/98bd9df2c1fe8ab16631133614553d70cceef84c.png?v=1775814309&width=112 112w" width="112" height="168" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div></div>
<span class="text-subtitle-s">découvrir les produits</span>
</a>
</div></div><div id="menu-submenu-sections--25490614157691__header-3" data-dom="panel" class="bg-primary-white scrollbar-hidden absolute inset-0 z-2 flex -translate-x-full flex-col overflow-y-auto scroll-smooth transition-transform duration-300 ease-out [&.is-active]:translate-x-0">
<header class="border-ui-grey-light border-b px-5 py-6">
<button type="button" data-dom="close" class="flex items-center gap-1" aria-label="Retour">
<svg class="fill-current chevron-left size-2.5">
<use xlink:href="#icon-chevron-left" href="#icon-chevron-left"></use>
</svg>
<span class="text-subtitle-s uppercase">Retour</span>
</button>
<p class="sr-only">Milia World</p>
</header><ul class="space-y-6 px-5 py-3"><li>
<article class="space-y-6">
<a href="/pages/notre-histoire-milia-matcha" aria-label="notre histoire" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=920" alt="Fondatrice de Milia Matcha Andie Ella tenant une tasse de matcha latte" srcset="//miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=352 352w, //miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=832 832w, //miliamatcha.com/cdn/shop/files/andie-ella-tasse-matcha-latte-webp.webp?v=1776668896&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">notre histoire</p>
<p class="text-xs">Une passion familiale</p>
</div>
</article>
</li><li>
<article class="space-y-6">
<a href="/pages/notre-matcha-milia-matcha" aria-label="notre matcha" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=920" alt="" srcset="//miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=352 352w, //miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=832 832w, //miliamatcha.com/cdn/shop/files/DSC00325.jpg?v=1776172230&width=920 920w" width="920" height="1380" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">notre matcha</p>
<p class="text-xs">Un savoir-faire japonais transmis de génération en génération</p>
</div>
</article>
</li><li>
<article class="space-y-6">
<a href="/pages/les-bienfaits-milia-matcha" aria-label="les bienfaits" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=920" alt="Femme bois une tasse matcha latte mousse de lait" srcset="//miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=352 352w, //miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=832 832w, //miliamatcha.com/cdn/shop/files/mannequin-matcha-latte-mousse-2-webp.webp?v=1776669224&width=920 920w" width="920" height="1178" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">les bienfaits</p>
<p class="text-xs">Une boisson aux multiples bienfaits.</p>
</div>
</article>
</li><li>
<article class="space-y-6">
<a href="/blogs/news" aria-label="le blog" class="bg-primary-black/14 relative aspect-square block overflow-hidden rounded-md">
<img src="//miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=920" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=352 352w, //miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=832 832w, //miliamatcha.com/cdn/shop/files/IMG_8796.jpg?v=1763416903&width=920 920w" width="920" height="1227" class="size-full object-cover object-center relative z-1">
</a>
<div class="space-y-3">
<p class="text-subtitle-m">le blog</p>
<p class="text-xs">Découvrez nos actualités</p>
</div>
</article>
</li></ul><div class="p-6 text-center">
<a href="/pages/milia-world-landing-page" class="border-ui-grey-light inline-flex items-center gap-4 rounded-3xl border py-[0.28125rem] ps-1 pe-9">
<div class="inline-grid grid-cols-[28px_28px_56px] grid-rows-1 items-center overflow-visible"><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/ca95d8004c7be5742d2361922c3ef28e07a72dc0.png?v=1775816874&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/ca95d8004c7be5742d2361922c3ef28e07a72dc0.png?v=1775816874&width=112 112w" width="112" height="75" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/bb90125aed461bac1cc4a9bb0f61e03d37fdcb38.png?v=1775816875&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/bb90125aed461bac1cc4a9bb0f61e03d37fdcb38.png?v=1775816875&width=112 112w" width="112" height="75" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div><div class="w-14">
<img src="//miliamatcha.com/cdn/shop/files/34a20f92d55f487a095c6e15542b5e9f28b85c45.png?v=1775816874&width=112" alt="" srcset="//miliamatcha.com/cdn/shop/files/34a20f92d55f487a095c6e15542b5e9f28b85c45.png?v=1775816874&width=112 112w" width="112" height="57" class="size-14 rounded-[1.25rem] border-2 border-primary-white object-cover object-center">
</div></div>
<span class="text-subtitle-s">Voir tout</span>
</a>
</div></div>
</c-menubar>
</div></div>
</div>
</cinq-drawer>
</div>
<!-- END sections: header-group -->
<main id="MainContent" tabindex="-1">
<div id="shopify-section-template--25490614714747__section_hero_gn6K7j" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_hero_gn6K7j-padding {
padding-top: 3.9375rem;
padding-bottom: 2.2125rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_hero_gn6K7j-padding {
padding-top: 6.5625rem;
padding-bottom: 3.6875rem;
}
}</style>
<div class="color-scheme-1 lg:aspect-1440/871 relative aspect-402/780 max-h-screen min-w-full">
<div class="z-3 container py-14 items-start section-template--25490614714747__section_hero_gn6K7j-padding absolute inset-0 grid grid-cols-12 gap-5">
<div class="col-span-full space-y-4 text-center lg:col-span-4 lg:col-start-1 lg:text-start">
<div class="[&_a]:underline [&_strong]:font-medium wysiwyg text-m"></div>
</div>
</div>
<div class="absolute inset-0 z-1 lg:hidden"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" fetchpriority="high" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/d3d4789c759747f9bce7603f8e15f5b5.thumbnail.0000000000_390x.jpg?v=1763411808"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/d3d4789c759747f9bce7603f8e15f5b5/d3d4789c759747f9bce7603f8e15f5b5.HD-1080p-7.2Mbps-63076875.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/d3d4789c759747f9bce7603f8e15f5b5.thumbnail.0000000000_390x.jpg?v=1763411808"></video></div><div class="absolute inset-0 z-1 hidden lg:block"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" fetchpriority="high" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/7d8f3a77b5fe4f24bb34b438fe13ccee.thumbnail.0000000000_1440x.jpg?v=1763411814"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/7d8f3a77b5fe4f24bb34b438fe13ccee/7d8f3a77b5fe4f24bb34b438fe13ccee.HD-1080p-7.2Mbps-63076877.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/7d8f3a77b5fe4f24bb34b438fe13ccee.thumbnail.0000000000_1440x.jpg?v=1763411814"></video></div></div>
</div><div id="shopify-section-template--25490614714747__section_products_push_DcTih8" class="shopify-section">
<style data-shopify="">.section-template--25490614714747__section_products_push_DcTih8-padding {
padding-top: 3.0rem;
padding-bottom: 3.0rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_products_push_DcTih8-padding {
padding-top: 5.0rem;
padding-bottom: 5.0rem;
}
}</style><div class="section-template--25490614714747__section_products_push_DcTih8-padding color-scheme-1">
<div class="container space-y-10">
<div class="grid grid-cols-12 gap-2.5 lg:gap-5">
<div class="col-span-full">
<h1 class="text-title-s lg:text-title-m text-center">Une canette vendue<br>
toutes les 5 minutes</h1>
</div>
</div>
<div class="-mx-2.5 overflow-x-auto overflow-y-hidden px-2.5 [-ms-overflow-style:none] [scrollbar-width:none] lg:mx-0 lg:overflow-visible lg:px-0 [&::-webkit-scrollbar]:hidden">
<div class="flex w-fit flex-nowrap gap-2.5 lg:grid lg:w-auto lg:grid-cols-12 lg:gap-5"><div class="w-67.25 shrink-0 lg:col-span-3 lg:w-auto">
<article class="group/tease-product bg-primary-white aspect-338/453 text-primary-black lg:focus-within:text-primary-white lg:hover:text-primary-white relative flex flex-col items-end gap-3.75 rounded-md lg:bg-transparent" aria-label="Matcha Cérémonie Chocolat Blanc 30g">
<a href="/products/matcha-ceremonie-chocolat-blanc" aria-label="Voir Matcha Cérémonie Chocolat Blanc 30g" class="absolute inset-0 z-1 block w-full rounded-md">
<div class="bg-ui-grey-light relative size-full overflow-hidden rounded-t-md lg:rounded-b-md">
<ul class="flex gap-2.5 absolute lg:group-hover/tease-product:opacity-0 lg:group-focus-within/tease-product:opacity-0 opacity-full transition-opacity duration-300 ease-out z-2 top-0 inset-x-0 m-3"><li><span class="text-subtitle-xs block text-primary-black/70 border border-primary-black/20 rounded-sm p-2.5">Best seller</span></li></ul><span class="relative block size-full">
<span class="block size-full"><img src="//miliamatcha.com/cdn/shop/files/MILIA_CHOCOLAT_BLANC_Pack_30gr_2026.jpg?v=1776669224&width=668" alt="Canette matcha Cérémonie saveur Chocolat Blanc format 30g" srcset="//miliamatcha.com/cdn/shop/files/MILIA_CHOCOLAT_BLANC_Pack_30gr_2026.jpg?v=1776669224&width=650 650w, //miliamatcha.com/cdn/shop/files/MILIA_CHOCOLAT_BLANC_Pack_30gr_2026.jpg?v=1776669224&width=668 668w" width="668" height="891" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></span>
<span class="absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out after:absolute after:inset-0 after:[background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(180deg,rgba(0,0,0,0)_47.57%,rgba(0,0,0,0.5)_88.73%)] lg:group-focus-within/tease-product:opacity-100 lg:group-hover/tease-product:opacity-100"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" preload="metadata" aria-label="Matcha Cérémonie Chocolat Blanc 30g" poster="//miliamatcha.com/cdn/shop/files/preview_images/934d79b5a8bc4edc8a3de35e5258fd4d.thumbnail.0000000000_668x.jpg?v=1764153800"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/934d79b5a8bc4edc8a3de35e5258fd4d/934d79b5a8bc4edc8a3de35e5258fd4d.HD-1080p-7.2Mbps-63854985.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/934d79b5a8bc4edc8a3de35e5258fd4d.thumbnail.0000000000_668x.jpg?v=1764153800"></video></span>
</span></div>
</a>
<div class="pointer-events-none relative z-2 mt-auto w-full overflow-hidden rounded-md p-4 lg:mt-0 lg:flex lg:size-full lg:flex-col lg:justify-end">
<div class="pointer-events-auto space-y-3.75 lg:transition-[opacity,translate] lg:duration-300 lg:ease-out lg:group-hover/tease-product:translate-y-0 lg:group-focus-within/tease-product:translate-y-0 lg:translate-y-22.75">
<div class="space-y-4">
<div class="flex flex-row items-end gap-5">
<div class="text-l text-balance flex-1 space-y-3"><p class="text-subtitle-s">Matcha Cérémonie</p><p>Chocolat blanc</p>
</div>
<div class="text-xs shrink-0">34,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><p class="text-subtitle-s border-ui-grey-light rounded-lg border px-2.5 py-2.25">30G</p><ul class="inline-flex flex-wrap gap-x-3.75 gap-y-2.5"><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Gourmand</span>
</div>
</li><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Réconfortant</span>
</div>
</li></ul></div></div>
<c-add-to-cart-button class="hidden lg:block" data-events="DRAWER_OPEN" loading="">
<form action="/cart/add" method="post" data-dom="form">
<input type="hidden" name="id" value="55335870988667">
<input type="hidden" name="quantity" value="1">
<button data-dom="button" type="submit" class="text-subtitle-s lg:text-subtitle-m lg:border-primary-white/10 bg-primary-pink lg:bg-primary-pink/20 w-full cursor-pointer rounded-[1.875rem] px-3.5 py-7 lg:border lg:px-4 lg:py-8 lg:shadow-lg lg:backdrop-blur-md" aria-label="Ajouter au panier Matcha Cérémonie Chocolat Blanc 30g">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div><div class="w-67.25 shrink-0 lg:col-span-3 lg:w-auto">
<article class="group/tease-product bg-primary-white aspect-338/453 text-primary-black lg:focus-within:text-primary-white lg:hover:text-primary-white relative flex flex-col items-end gap-3.75 rounded-md lg:bg-transparent" aria-label="Matcha Cérémonie 30g">
<a href="/products/milia-matcha-matcha-ceremonie" aria-label="Voir Matcha Cérémonie 30g" class="absolute inset-0 z-1 block w-full rounded-md">
<div class="bg-ui-grey-light relative size-full overflow-hidden rounded-t-md lg:rounded-b-md">
<ul class="flex gap-2.5 absolute lg:group-hover/tease-product:opacity-0 lg:group-focus-within/tease-product:opacity-0 opacity-full transition-opacity duration-300 ease-out z-2 top-0 inset-x-0 m-3"></ul><span class="relative block size-full">
<span class="block size-full"><img src="//miliamatcha.com/cdn/shop/files/MILIA_CEREMONIE_Pack_30gr_2026.jpg?v=1776668896&width=668" alt="Matcha Cérémonie 30g" srcset="//miliamatcha.com/cdn/shop/files/MILIA_CEREMONIE_Pack_30gr_2026.jpg?v=1776668896&width=650 650w, //miliamatcha.com/cdn/shop/files/MILIA_CEREMONIE_Pack_30gr_2026.jpg?v=1776668896&width=668 668w" width="668" height="891" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></span>
<span class="absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out after:absolute after:inset-0 after:[background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(180deg,rgba(0,0,0,0)_47.57%,rgba(0,0,0,0.5)_88.73%)] lg:group-focus-within/tease-product:opacity-100 lg:group-hover/tease-product:opacity-100"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" preload="metadata" aria-label="Matcha Cérémonie 30g" poster="//miliamatcha.com/cdn/shop/files/preview_images/99f7b204c5af40a0ab02b4c1fa2bebac.thumbnail.0000000000_668x.jpg?v=1764153850"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/99f7b204c5af40a0ab02b4c1fa2bebac/99f7b204c5af40a0ab02b4c1fa2bebac.HD-1080p-7.2Mbps-63855048.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/99f7b204c5af40a0ab02b4c1fa2bebac.thumbnail.0000000000_668x.jpg?v=1764153850"></video></span>
</span></div>
</a>
<div class="pointer-events-none relative z-2 mt-auto w-full overflow-hidden rounded-md p-4 lg:mt-0 lg:flex lg:size-full lg:flex-col lg:justify-end">
<div class="pointer-events-auto space-y-3.75 lg:transition-[opacity,translate] lg:duration-300 lg:ease-out lg:group-hover/tease-product:translate-y-0 lg:group-focus-within/tease-product:translate-y-0 lg:translate-y-22.75">
<div class="space-y-4">
<div class="flex flex-row items-end gap-5">
<div class="text-l text-balance flex-1 space-y-3"><p class="text-subtitle-s">Matcha Cérémonie</p><p>Cérémonie</p>
</div>
<div class="text-xs shrink-0">32,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><p class="text-subtitle-s border-ui-grey-light rounded-lg border px-2.5 py-2.25">30G</p><ul class="inline-flex flex-wrap gap-x-3.75 gap-y-2.5"><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Traditionnel</span>
</div>
</li><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Doux</span>
</div>
</li></ul></div></div>
<c-add-to-cart-button class="hidden lg:block" data-events="DRAWER_OPEN" loading="">
<form action="/cart/add" method="post" data-dom="form">
<input type="hidden" name="id" value="47299712844083">
<input type="hidden" name="quantity" value="1">
<button data-dom="button" type="submit" class="text-subtitle-s lg:text-subtitle-m lg:border-primary-white/10 bg-primary-pink lg:bg-primary-pink/20 w-full cursor-pointer rounded-[1.875rem] px-3.5 py-7 lg:border lg:px-4 lg:py-8 lg:shadow-lg lg:backdrop-blur-md" aria-label="Ajouter au panier Matcha Cérémonie 30g">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div><div class="w-67.25 shrink-0 lg:col-span-3 lg:w-auto">
<article class="group/tease-product bg-primary-white aspect-338/453 text-primary-black lg:focus-within:text-primary-white lg:hover:text-primary-white relative flex flex-col items-end gap-3.75 rounded-md lg:bg-transparent" aria-label="1 Verre Milia Matcha">
<a href="/products/verre-milia-matcha" aria-label="Voir 1 Verre Milia Matcha" class="absolute inset-0 z-1 block w-full rounded-md">
<div class="bg-ui-grey-light relative size-full overflow-hidden rounded-t-md lg:rounded-b-md">
<ul class="flex gap-2.5 absolute lg:group-hover/tease-product:opacity-0 lg:group-focus-within/tease-product:opacity-0 opacity-full transition-opacity duration-300 ease-out z-2 top-0 inset-x-0 m-3"></ul><span class="relative block size-full">
<span class="block size-full"><img src="//miliamatcha.com/cdn/shop/files/1_Verre_Milia_Matcha_eshop2026.jpg?v=1776848082&width=668" alt="Verre Milia Matcha fond blanc" srcset="//miliamatcha.com/cdn/shop/files/1_Verre_Milia_Matcha_eshop2026.jpg?v=1776848082&width=650 650w, //miliamatcha.com/cdn/shop/files/1_Verre_Milia_Matcha_eshop2026.jpg?v=1776848082&width=668 668w" width="668" height="891" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></span>
<span class="absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out after:absolute after:inset-0 after:[background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(180deg,rgba(0,0,0,0)_47.57%,rgba(0,0,0,0.5)_88.73%)] lg:group-focus-within/tease-product:opacity-100 lg:group-hover/tease-product:opacity-100"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" preload="metadata" aria-label="1 Verre Milia Matcha" poster="//miliamatcha.com/cdn/shop/files/preview_images/3410c9ee2b26458b9f7264d26c917339.thumbnail.0000000000_668x.jpg?v=1764345609"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/3410c9ee2b26458b9f7264d26c917339/3410c9ee2b26458b9f7264d26c917339.HD-1080p-7.2Mbps-64052896.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/3410c9ee2b26458b9f7264d26c917339.thumbnail.0000000000_668x.jpg?v=1764345609"></video></span>
</span></div>
</a>
<div class="pointer-events-none relative z-2 mt-auto w-full overflow-hidden rounded-md p-4 lg:mt-0 lg:flex lg:size-full lg:flex-col lg:justify-end">
<div class="pointer-events-auto space-y-3.75 lg:transition-[opacity,translate] lg:duration-300 lg:ease-out lg:group-hover/tease-product:translate-y-0 lg:group-focus-within/tease-product:translate-y-0 lg:translate-y-22.75">
<div class="space-y-4">
<div class="flex flex-row items-end gap-5">
<div class="text-l text-balance flex-1 space-y-3"><p class="text-subtitle-s">Milia Matcha</p><p>1 Verre</p>
</div>
<div class="text-xs shrink-0">16,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><p class="text-subtitle-s border-ui-grey-light rounded-lg border px-2.5 py-2.25">1 verre</p><ul class="inline-flex flex-wrap gap-x-3.75 gap-y-2.5"><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">490ml</span>
</div>
</li><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Fabrication Européenne</span>
</div>
</li></ul></div></div>
<c-add-to-cart-button class="hidden lg:block" data-events="DRAWER_OPEN" loading="">
<form action="/cart/add" method="post" data-dom="form">
<input type="hidden" name="id" value="55874023195003">
<input type="hidden" name="quantity" value="1">
<button data-dom="button" type="submit" class="text-subtitle-s lg:text-subtitle-m lg:border-primary-white/10 bg-primary-pink lg:bg-primary-pink/20 w-full cursor-pointer rounded-[1.875rem] px-3.5 py-7 lg:border lg:px-4 lg:py-8 lg:shadow-lg lg:backdrop-blur-md" aria-label="Ajouter au panier 1 Verre Milia Matcha">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div><div class="w-67.25 shrink-0 lg:col-span-3 lg:w-auto">
<article class="group/tease-product bg-primary-white aspect-338/453 text-primary-black lg:focus-within:text-primary-white lg:hover:text-primary-white relative flex flex-col items-end gap-3.75 rounded-md lg:bg-transparent" aria-label="Matcha Cérémonie Vanille 30g">
<a href="/products/milia-matcha-vanille" aria-label="Voir Matcha Cérémonie Vanille 30g" class="absolute inset-0 z-1 block w-full rounded-md">
<div class="bg-ui-grey-light relative size-full overflow-hidden rounded-t-md lg:rounded-b-md">
<ul class="flex gap-2.5 absolute lg:group-hover/tease-product:opacity-0 lg:group-focus-within/tease-product:opacity-0 opacity-full transition-opacity duration-300 ease-out z-2 top-0 inset-x-0 m-3"><li><span class="text-subtitle-xs block text-primary-black/70 border border-primary-black/20 rounded-sm p-2.5">Best seller</span></li></ul><span class="relative block size-full">
<span class="block size-full"><img src="//miliamatcha.com/cdn/shop/files/MILIA_VANILLE_Pack_30gr_2026.jpg?v=1776668961&width=668" alt="Matcha Cérémonie Vanille 30g" srcset="//miliamatcha.com/cdn/shop/files/MILIA_VANILLE_Pack_30gr_2026.jpg?v=1776668961&width=650 650w, //miliamatcha.com/cdn/shop/files/MILIA_VANILLE_Pack_30gr_2026.jpg?v=1776668961&width=668 668w" width="668" height="891" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></span>
<span class="absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out after:absolute after:inset-0 after:[background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2)),linear-gradient(180deg,rgba(0,0,0,0)_47.57%,rgba(0,0,0,0.5)_88.73%)] lg:group-focus-within/tease-product:opacity-100 lg:group-hover/tease-product:opacity-100"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" class="size-full object-cover object-center" preload="metadata" aria-label="Matcha Cérémonie Vanille 30g" poster="//miliamatcha.com/cdn/shop/files/preview_images/aaae996b92744187b1666f56ce067ad5.thumbnail.0000000000_668x.jpg?v=1763385209"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/aaae996b92744187b1666f56ce067ad5/aaae996b92744187b1666f56ce067ad5.HD-1080p-7.2Mbps-63044399.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/aaae996b92744187b1666f56ce067ad5.thumbnail.0000000000_668x.jpg?v=1763385209"></video></span>
</span></div>
</a>
<div class="pointer-events-none relative z-2 mt-auto w-full overflow-hidden rounded-md p-4 lg:mt-0 lg:flex lg:size-full lg:flex-col lg:justify-end">
<div class="pointer-events-auto space-y-3.75 lg:transition-[opacity,translate] lg:duration-300 lg:ease-out lg:group-hover/tease-product:translate-y-0 lg:group-focus-within/tease-product:translate-y-0 lg:translate-y-22.75">
<div class="space-y-4">
<div class="flex flex-row items-end gap-5">
<div class="text-l text-balance flex-1 space-y-3"><p class="text-subtitle-s">Matcha Cérémonie</p><p>Vanille</p>
</div>
<div class="text-xs shrink-0">34,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><p class="text-subtitle-s border-ui-grey-light rounded-lg border px-2.5 py-2.25">30G</p><ul class="inline-flex flex-wrap gap-x-3.75 gap-y-2.5"><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Doux</span>
</div>
</li><li>
<div class="before:bg-primary-pink flex items-center gap-1.75 before:size-1.5 before:rounded-full">
<span class="text-2xs">Subtil</span>
</div>
</li></ul></div></div>
<c-add-to-cart-button class="hidden lg:block" data-events="DRAWER_OPEN" loading="">
<form action="/cart/add" method="post" data-dom="form">
<input type="hidden" name="id" value="47313699602739">
<input type="hidden" name="quantity" value="1">
<button data-dom="button" type="submit" class="text-subtitle-s lg:text-subtitle-m lg:border-primary-white/10 bg-primary-pink lg:bg-primary-pink/20 w-full cursor-pointer rounded-[1.875rem] px-3.5 py-7 lg:border lg:px-4 lg:py-8 lg:shadow-lg lg:backdrop-blur-md" aria-label="Ajouter au panier Matcha Cérémonie Vanille 30g">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div></div>
</div>
</div>
</div>
</div><div id="shopify-section-template--25490614714747__section_key_figures_y3NgDw" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_key_figures_y3NgDw-padding {
padding-top: 0.375rem;
padding-bottom: 1.875rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_key_figures_y3NgDw-padding {
padding-top: 0.625rem;
padding-bottom: 3.125rem;
}
}</style><c-slideshow class="block color-scheme-1 space-y-8 overflow-hidden section-template--25490614714747__section_key_figures_y3NgDw-padding">
<div class="splide space-y-7.5 lg:space-y-10" data-dom="slider">
<div class="container grid grid-cols-6 gap-x-2 gap-y-10 lg:grid-cols-12 lg:gap-x-4"><div class="relative z-2 col-span-full space-y-10 lg:col-span-3 lg:space-y-12.5"><h2 class="text-title-m">Quelques chiffres clés</h2><div class="splide__arrows mx-2.5 flex items-center gap-1.5 lg:mx-0">
<button type="button" class="splide__arrow splide__arrow--prev text-primary-black bg-primary-white flex size-9 items-center justify-center rounded-md transition-opacity duration-300 ease-in disabled:cursor-not-allowed disabled:opacity-50" aria-label="Slide précédent">
<svg class="fill-current arrow-left size-5">
<use xlink:href="#icon-arrow-left" href="#icon-arrow-left"></use>
</svg>
</button>
<button type="button" class="splide__arrow splide__arrow--next text-primary-black bg-primary-white flex size-9 items-center justify-center rounded-md transition-opacity duration-300 ease-in disabled:cursor-not-allowed disabled:opacity-50" aria-label="Slide suivant">
<svg class="fill-current arrow-right size-5">
<use xlink:href="#icon-arrow-right" href="#icon-arrow-right"></use>
</svg>
</button>
</div></div><div class="col-span-full -mx-2.5 lg:relative lg:col-span-9 lg:mx-0 lg:before:absolute lg:before:right-full lg:before:z-1 lg:before:h-full lg:before:w-screen lg:before:bg-[rgb(var(--color-background))]">
<div class="splide__track" style="overflow: visible!important;">
<div class="splide__list" style="height: auto!important;"><div class="splide__slide w-3/4 min-w-3/4 lg:w-[calc((100%-2rem)/3)] lg:min-w-[calc((100%-2rem)/3)]" data-dom="slide">
<article class="group relative aspect-340/563 overflow-hidden rounded-[1.875rem] px-5 py-11.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current color-scheme-2">
<h2 class="text-subtitle-xl relative z-2">129 540 clients</h2><input type="checkbox" id="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_dtzyUm" class="peer sr-only" aria-controls="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_dtzyUm">
<label class="sr-only" for="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_dtzyUm">Afficher les détails : 129 540 clients</label>
<div id="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_dtzyUm" role="region" aria-label="Détails : 129 540 clients" class="bg-primary-white text-primary-black pointer-events-none invisible absolute inset-0 z-3 flex size-full flex-col justify-between px-5 py-11.5 opacity-0 transition-[opacity,visibility] duration-300 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:visible group-focus-within:opacity-100 peer-checked:pointer-events-auto peer-checked:visible peer-checked:opacity-100"><p aria-hidden="true" class="text-subtitle-xl relative z-2">129 540 clients</p><p class="mt-auto text-xs">Déjà plus de 129 540 clients conquis dans le monde par notre matcha.</p></div><img src="//miliamatcha.com/cdn/shop/files/clients-pop-up-homepage.webp?v=1775639727&width=674" alt="129 540 clients" srcset="//miliamatcha.com/cdn/shop/files/clients-pop-up-homepage.webp?v=1775639727&width=300 300w, //miliamatcha.com/cdn/shop/files/clients-pop-up-homepage.webp?v=1775639727&width=500 500w, //miliamatcha.com/cdn/shop/files/clients-pop-up-homepage.webp?v=1775639727&width=674 674w" width="674" height="944" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 75vw, (min-width: 750px) 100vw, 100vw" class="absolute inset-0 z-1 size-full object-cover object-center" style=""></article>
</div><div class="splide__slide w-3/4 min-w-3/4 lg:w-[calc((100%-2rem)/3)] lg:min-w-[calc((100%-2rem)/3)]" data-dom="slide">
<article class="group relative aspect-340/563 overflow-hidden rounded-[1.875rem] px-5 py-11.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current color-scheme-2">
<h2 class="text-subtitle-xl relative z-2">185 pays</h2><input type="checkbox" id="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_UPRkfg" class="peer sr-only" aria-controls="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_UPRkfg">
<label class="sr-only" for="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_UPRkfg">Afficher les détails : 185 pays</label>
<div id="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_UPRkfg" role="region" aria-label="Détails : 185 pays" class="bg-primary-white text-primary-black pointer-events-none invisible absolute inset-0 z-3 flex size-full flex-col justify-between px-5 py-11.5 opacity-0 transition-[opacity,visibility] duration-300 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:visible group-focus-within:opacity-100 peer-checked:pointer-events-auto peer-checked:visible peer-checked:opacity-100"><p aria-hidden="true" class="text-subtitle-xl relative z-2">185 pays</p><p class="mt-auto text-xs">Profitez de l’expérience Milia Matcha à l’international, nous livrons nos produits dans plus de 185 pays avec des entrepôts en France, au Royaume-Uni, en Espagne et en Allemagne.</p></div><img src="//miliamatcha.com/cdn/shop/files/clients-pop-up-japon-homepage.webp?v=1775639727&width=674" alt="185 pays" srcset="//miliamatcha.com/cdn/shop/files/clients-pop-up-japon-homepage.webp?v=1775639727&width=300 300w, //miliamatcha.com/cdn/shop/files/clients-pop-up-japon-homepage.webp?v=1775639727&width=500 500w, //miliamatcha.com/cdn/shop/files/clients-pop-up-japon-homepage.webp?v=1775639727&width=674 674w" width="674" height="944" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 75vw, (min-width: 750px) 100vw, 100vw" class="absolute inset-0 z-1 size-full object-cover object-center" style=""></article>
</div><div class="splide__slide w-3/4 min-w-3/4 lg:w-[calc((100%-2rem)/3)] lg:min-w-[calc((100%-2rem)/3)]" data-dom="slide">
<article class="group relative aspect-340/563 overflow-hidden rounded-[1.875rem] px-5 py-11.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current color-scheme-2">
<h2 class="text-subtitle-xl relative z-2">5 pop-ups</h2><input type="checkbox" id="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_hTAfWW" class="peer sr-only" aria-controls="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_hTAfWW">
<label class="sr-only" for="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_hTAfWW">Afficher les détails : 5 pop-ups</label>
<div id="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_hTAfWW" role="region" aria-label="Détails : 5 pop-ups" class="bg-primary-white text-primary-black pointer-events-none invisible absolute inset-0 z-3 flex size-full flex-col justify-between px-5 py-11.5 opacity-0 transition-[opacity,visibility] duration-300 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:visible group-focus-within:opacity-100 peer-checked:pointer-events-auto peer-checked:visible peer-checked:opacity-100"><p aria-hidden="true" class="text-subtitle-xl relative z-2">5 pop-ups</p><p class="mt-auto text-xs">Après un premier pop-up à Séoul en 2024, l’année 2025 a été marquée par notre Pop-Up Tour à Séoul, Tokyo et Paris. Pour finir, le mois d’octobre 2025 a été marqué par l’ouverture de notre matcha bar unique à la Samaritaine. Au total, plus de 45 000 visiteurs sont venus déguster nos matcha.</p></div><img src="//miliamatcha.com/cdn/shop/files/clients-pop-up-photo-homepage.webp?v=1775639726&width=674" alt="5 pop-ups" srcset="//miliamatcha.com/cdn/shop/files/clients-pop-up-photo-homepage.webp?v=1775639726&width=300 300w, //miliamatcha.com/cdn/shop/files/clients-pop-up-photo-homepage.webp?v=1775639726&width=500 500w, //miliamatcha.com/cdn/shop/files/clients-pop-up-photo-homepage.webp?v=1775639726&width=674 674w" width="674" height="944" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 75vw, (min-width: 750px) 100vw, 100vw" class="absolute inset-0 z-1 size-full object-cover object-center" style=""></article>
</div><div class="splide__slide w-3/4 min-w-3/4 lg:w-[calc((100%-2rem)/3)] lg:min-w-[calc((100%-2rem)/3)]" data-dom="slide">
<article class="group relative aspect-340/563 overflow-hidden rounded-[1.875rem] px-5 py-11.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current color-scheme-2">
<h2 class="text-subtitle-xl relative z-2">20 hectares</h2><input type="checkbox" id="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_iYjmhM" class="peer sr-only" aria-controls="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_iYjmhM">
<label class="sr-only" for="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_iYjmhM">Afficher les détails : 20 hectares</label>
<div id="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_iYjmhM" role="region" aria-label="Détails : 20 hectares" class="bg-primary-white text-primary-black pointer-events-none invisible absolute inset-0 z-3 flex size-full flex-col justify-between px-5 py-11.5 opacity-0 transition-[opacity,visibility] duration-300 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:visible group-focus-within:opacity-100 peer-checked:pointer-events-auto peer-checked:visible peer-checked:opacity-100"><p aria-hidden="true" class="text-subtitle-xl relative z-2">20 hectares</p><p class="mt-auto text-xs">Nous cultivons notre matcha dans la préfecture de Mie au Japon, sur plus de 20 hectares de champs entretenus par la même famille depuis 62 ans.</p></div><img src="//miliamatcha.com/cdn/shop/files/champ-matcha-japon-homepage.webp?v=1775639727&width=674" alt="20 hectares" srcset="//miliamatcha.com/cdn/shop/files/champ-matcha-japon-homepage.webp?v=1775639727&width=300 300w, //miliamatcha.com/cdn/shop/files/champ-matcha-japon-homepage.webp?v=1775639727&width=500 500w, //miliamatcha.com/cdn/shop/files/champ-matcha-japon-homepage.webp?v=1775639727&width=674 674w" width="674" height="944" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 75vw, (min-width: 750px) 100vw, 100vw" class="absolute inset-0 z-1 size-full object-cover object-center" style=""></article>
</div><div class="splide__slide w-3/4 min-w-3/4 lg:w-[calc((100%-2rem)/3)] lg:min-w-[calc((100%-2rem)/3)]" data-dom="slide">
<article class="group relative aspect-340/563 overflow-hidden rounded-[1.875rem] px-5 py-11.5 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current color-scheme-2">
<h2 class="text-subtitle-xl relative z-2">90.000€ reversés</h2><input type="checkbox" id="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_ipU8EX" class="peer sr-only" aria-controls="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_ipU8EX">
<label class="sr-only" for="KeyFigureToggle-template--25490614714747__section_key_figures_y3NgDw-key_figure_ipU8EX">Afficher les détails : 90.000€ reversés</label>
<div id="KeyFigurePanel-template--25490614714747__section_key_figures_y3NgDw-key_figure_ipU8EX" role="region" aria-label="Détails : 90.000€ reversés" class="bg-primary-white text-primary-black pointer-events-none invisible absolute inset-0 z-3 flex size-full flex-col justify-between px-5 py-11.5 opacity-0 transition-[opacity,visibility] duration-300 group-hover:pointer-events-auto group-hover:visible group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:visible group-focus-within:opacity-100 peer-checked:pointer-events-auto peer-checked:visible peer-checked:opacity-100"><p aria-hidden="true" class="text-subtitle-xl relative z-2">90.000€ reversés</p><p class="mt-auto text-xs">Pour chaque commande passée sur le site, nous reversons 0,50 € à l’association pour contribuer à la réalisation des rêves d’enfants. Depuis notre création, 90.000€ ont été reversés à l’association Rêves grâce à vos commandes.</p></div><img src="//miliamatcha.com/cdn/shop/files/enfant-association-reves.webp?v=1776847773&width=674" alt="90.000€ reversés" srcset="//miliamatcha.com/cdn/shop/files/enfant-association-reves.webp?v=1776847773&width=300 300w, //miliamatcha.com/cdn/shop/files/enfant-association-reves.webp?v=1776847773&width=500 500w, //miliamatcha.com/cdn/shop/files/enfant-association-reves.webp?v=1776847773&width=674 674w" width="674" height="944" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 75vw, (min-width: 750px) 100vw, 100vw" class="absolute inset-0 z-1 size-full object-cover object-center" style=""></article>
</div></div>
</div>
</div></div>
</div>
</c-slideshow>
</div><div id="shopify-section-template--25490614714747__section_hero_CRmPL6" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_hero_CRmPL6-padding {
padding-top: 0.75rem;
padding-bottom: 1.5rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_hero_CRmPL6-padding {
padding-top: 1.25rem;
padding-bottom: 2.5rem;
}
}</style>
<div class="color-scheme-2 lg:aspect-1440/871 relative aspect-402/780 max-h-screen min-w-full after:absolute after:inset-0 after:z-2 after:size-full after:[background:linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.2)_100%)]">
<div class="z-3 container py-14 lg:items-end section-template--25490614714747__section_hero_CRmPL6-padding absolute inset-0 grid grid-cols-12 gap-5">
<div class="col-span-full space-y-10 text-center lg:col-span-4 lg:col-start-5">
<h2 class="opacity-full text-subtitle-m">GUIDE</h2>
<h2 class="text-title-m wrap-break-word">QU'EST-CE QUE LE MATCHA ?</h2>
<a href="/blogs/news/guide-matcha" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px" aria-label="Learn more">découvrir</a>
</div>
</div>
<div class="absolute inset-0 z-1"><img src="//miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=2880" alt="" srcset="//miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=300 300w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=500 500w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=700 700w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=900 900w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=1200 1200w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=1500 1500w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=2000 2000w, //miliamatcha.com/cdn/shop/files/agriculteur-champs-matcha-homepage.webp?v=1775639727&width=2880 2880w" width="2880" height="1728" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></div></div>
</div><div id="shopify-section-template--25490614714747__section_media_gallery_masonry_QzghGz" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_media_gallery_masonry_QzghGz-padding {
padding-top: 1.875rem;
padding-bottom: 1.125rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_media_gallery_masonry_QzghGz-padding {
padding-top: 3.125rem;
padding-bottom: 1.875rem;
}
}</style><div class="color-scheme-1 section-template--25490614714747__section_media_gallery_masonry_QzghGz-padding"><h2 class="sr-only">Image gallery</h2><div class="container">
<div class="columns-2 gap-2.5 lg:columns-4 lg:gap-1.5">
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="918" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=688 688w" width="688" height="1209" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="923" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="918" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/IMG_7534.jpg?v=1779206746&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_7534.jpg?v=1779206746&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_7534.jpg?v=1779206746&width=688 688w" width="688" height="1223" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_7537.jpg?v=1779206747&width=688 688w" width="688" height="1209" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5"><img src="//miliamatcha.com/cdn/shop/files/IMG_9475.jpg?v=1779206749&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_9475.jpg?v=1779206749&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_9475.jpg?v=1779206749&width=688 688w" width="688" height="917" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/04_MILIA_Banane-Close_Up_V3_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="918" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=688 688w" width="688" height="917" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="923" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_0037.jpg?v=1779206749&width=688 688w" width="688" height="917" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/00060_0241_V3_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="918" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=688 688w" width="688" height="635" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=344 344w, //miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=688 688w" width="688" height="918" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div>
<div class="mb-2.5 break-inside-avoid overflow-hidden rounded-md lg:mb-1.5 block lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=688" alt="" srcset="//miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=344 344w, //miliamatcha.com/cdn/shop/files/IMG_0342.jpg?v=1779206749&width=688 688w" width="688" height="635" loading="lazy" sizes="(min-width: 64rem) 25vw, 50vw" class="w-full h-auto block object-contain object-center"></div></div>
</div>
</div>
</div><div id="shopify-section-template--25490614714747__section_richtext_J3PftG" class="shopify-section">
<style data-shopify="">.section-template--25490614714747__section_richtext_J3PftG-padding {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_richtext_J3PftG-padding {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
}</style><div class="section-template--25490614714747__section_richtext_J3PftG-padding color-scheme-1">
<div class="container grid grid-cols-12 gap-2 lg:gap-4">
<div class="col-span-full space-y-10 text-center">
<h2 class="text-title-s lg:text-title-m wrap-break-word">MATCHA BANANE</h2>
<p class="[&_a]:underline [&_strong]:font-medium wysiwyg text-m"></p><p>Notre Matcha Banane est un savoureux mélange entre le Thé Matcha Cérémonie Milia Matcha© et un arôme de banane confectionné sur mesure au Japon.</p><p></p>
<a href="/products/matcha-ceremonie-banane-30g" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px" aria-label="Learn more">DÉCOUVRIR</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--25490614714747__section_full_page_slider_beDMQX" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_full_page_slider_beDMQX-padding {
padding-top: 0.0rem;
padding-bottom: 0.0rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_full_page_slider_beDMQX-padding {
padding-top: 0.0rem;
padding-bottom: 0.0rem;
}
}</style><c-full-page-slider cid="full-page-slider-template--25490614714747__section_full_page_slider_beDMQX" class="section-template--25490614714747__section_full_page_slider_beDMQX-padding text-primary-white">
<div class="relative aspect-402/870 max-h-screen min-w-full lg:aspect-1440/920">
<div class="absolute inset-0 z-1 size-full" id="slider-template--25490614714747__section_full_page_slider_beDMQX-1" data-dom="slide-full-page-slider-template--25490614714747__section_full_page_slider_beDMQX" role="tabpanel" aria-labelledby="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-1" aria-hidden="false"><video playsinline="playsinline" class="size-full absolute inset-0 size-full z-1 object-cover object-center" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/b943d057049a4219bc786a5e1f5bad46.thumbnail.0000000000_1440x.jpg?v=1763022996"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/b943d057049a4219bc786a5e1f5bad46/b943d057049a4219bc786a5e1f5bad46.HD-1080p-7.2Mbps-62580695.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/b943d057049a4219bc786a5e1f5bad46.thumbnail.0000000000_1440x.jpg?v=1763022996"></video>
</div>
<div class="absolute inset-0 z-1 size-full" id="slider-template--25490614714747__section_full_page_slider_beDMQX-2" data-dom="slide-full-page-slider-template--25490614714747__section_full_page_slider_beDMQX" role="tabpanel" aria-labelledby="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-2" hidden="" aria-hidden="true"><video playsinline="playsinline" class="size-full absolute inset-0 size-full z-1 object-cover object-center" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/cb7e5d541d9c43d299976162d677de0a.thumbnail.0000000000_1440x.jpg?v=1763411825"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/cb7e5d541d9c43d299976162d677de0a/cb7e5d541d9c43d299976162d677de0a.HD-1080p-7.2Mbps-63076870.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/cb7e5d541d9c43d299976162d677de0a.thumbnail.0000000000_1440x.jpg?v=1763411825"></video>
</div>
<div class="absolute inset-0 z-1 size-full" id="slider-template--25490614714747__section_full_page_slider_beDMQX-3" data-dom="slide-full-page-slider-template--25490614714747__section_full_page_slider_beDMQX" role="tabpanel" aria-labelledby="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-3" hidden="" aria-hidden="true"><video playsinline="playsinline" class="size-full absolute inset-0 size-full z-1 object-cover object-center" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/879b5b6605ed44de8bec61e9ff493391.thumbnail.0000000000_1440x.jpg?v=1763022890"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/879b5b6605ed44de8bec61e9ff493391/879b5b6605ed44de8bec61e9ff493391.HD-1080p-7.2Mbps-62580612.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/879b5b6605ed44de8bec61e9ff493391.thumbnail.0000000000_1440x.jpg?v=1763022890"></video>
</div>
<div class="absolute inset-x-0 bottom-0 z-2 mb-20 lg:mb-14">
<div class="container">
<div class="relative w-fit" data-dom="controls-full-page-slider-template--25490614714747__section_full_page_slider_beDMQX" style="--progress: 0;" role="tablist" aria-label="Diapositives">
<ul role="presentation" class="lg:border-primary-white/20 inline-flex flex-col gap-x-21 gap-y-6 lg:flex-row lg:border-b lg:pb-5"><li role="presentation">
<button type="button" id="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-1" data-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-1" role="tab" aria-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-1" aria-selected="true" class="text-primary-white/50 transition-colors duration-200 ease-out aria-selected:text-primary-white lg:text-primary-white">
<h2 class="text-subtitle-l uppercase">Qu'est-ce que le matcha ?</h2>
</button>
</li><li role="presentation">
<button type="button" id="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-2" data-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-2" role="tab" aria-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-2" aria-selected="false" class="text-primary-white/50 transition-colors duration-200 ease-out aria-selected:text-primary-white lg:text-primary-white">
<h2 class="text-subtitle-l uppercase">CULTIVAR OKUMIDORI</h2>
</button>
</li><li role="presentation">
<button type="button" id="full-page-slider-tab-template--25490614714747__section_full_page_slider_beDMQX-3" data-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-3" role="tab" aria-controls="slider-template--25490614714747__section_full_page_slider_beDMQX-3" aria-selected="false" class="text-primary-white/50 transition-colors duration-200 ease-out aria-selected:text-primary-white lg:text-primary-white">
<h2 class="text-subtitle-l uppercase">Sans sucre</h2>
</button>
</li></ul>
<span aria-hidden="true" class="bg-primary-white pointer-events-none absolute inset-x-0 bottom-0 hidden h-px w-full origin-left scale-x-(--progress) transition-transform duration-200 ease-out lg:block"></span>
</div>
</div>
</div>
</div>
</c-full-page-slider>
</div><div id="shopify-section-template--25490614714747__section_cards_slider_m4hTWr" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_cards_slider_m4hTWr-padding {
padding-top: 3.0rem;
padding-bottom: 1.875rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_cards_slider_m4hTWr-padding {
padding-top: 5.0rem;
padding-bottom: 3.125rem;
}
}</style><div class="section-template--25490614714747__section_cards_slider_m4hTWr-padding space-y-14 lg:space-y-20 color-scheme-1"><div class="container text-center">
<h2 class="text-subtitle-xl">UNE PRODUCTION 100% CONTRÔLÉE</h2>
</div><c-stacked-cards-slider class="relative z-1 block space-y-20 overflow-hidden" role="region" aria-label="Carrousel de cartes en avant" tabindex="0" data-active-index="0">
<span data-dom="live-region" aria-live="polite" aria-atomic="true" class="sr-only"></span>
<div class="relative h-149 lg:h-193.75 max-h-screen" data-dom="deck">
<div id="stacked-cards-template--25490614714747__section_cards_slider_m4hTWr-card_WpGDV9" data-dom="slide" tabindex="-1" class="group h-full w-83.25 overflow-hidden rounded-[1.875rem] lg:w-118.5">
<article class="bg-primary-black text-primary-white relative size-full overflow-hidden text-center blur-[10px] group-aria-current:blur-[0px]">
<div class="relative z-2 flex h-full p-10 lg:p-14">
<div class="flex w-full flex-col justify-between"><p class="text-subtitle-m lg:text-subtitle-l">Une traçabilité totale</p><div class="mt-auto space-y-10"><p class="lg:text-s text-xs">La récolte de notre matcha a lieu une fois par an à la fin du mois de mai. En travaillant avec un seul et même producteur, nous garantissons une traçabilité totale : chaque feuille est cultivée, récoltée, puis transformée en matcha directement sur place, sans aucun intermédiaire.</p>
</div></div>
</div><video playsinline="true" class="absolute inset-0 object-cover size-full" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/f3020c40df84449e97e396d91d4ca0d6.thumbnail.0000000000_small.jpg?v=1762510606"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/f3020c40df84449e97e396d91d4ca0d6/f3020c40df84449e97e396d91d4ca0d6.HD-1080p-7.2Mbps-61910595.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/f3020c40df84449e97e396d91d4ca0d6.thumbnail.0000000000_small.jpg?v=1762510606"></video></article>
</div>
<div id="stacked-cards-template--25490614714747__section_cards_slider_m4hTWr-card_QhQfx8" data-dom="slide" tabindex="-1" class="group h-full w-83.25 overflow-hidden rounded-[1.875rem] lg:w-118.5">
<article class="bg-primary-black text-primary-white relative size-full overflow-hidden text-center blur-[10px] group-aria-current:blur-[0px]">
<div class="relative z-2 flex h-full p-10 lg:p-14">
<div class="flex w-full flex-col justify-between"><p class="text-subtitle-m lg:text-subtitle-l">Un contrôle qualité irréprochable</p><div class="mt-auto space-y-10"><p class="lg:text-s text-xs">Chaque production de matcha fait l’objet d’un contrôle minutieux : finesse des grains, régularité du broyage, homogénéité de la texture. Un bon matcha se distingue par une poudre extrêmement fine, et tout est strictement calibré pour garantir cette exigence à chaque lot. Notre atelier de production est certifié FSSC 22000, la norme internationale la plus rigoureuse en matière de sécurité alimentaire.</p>
</div></div>
</div><video playsinline="true" class="absolute inset-0 object-cover size-full" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/b6fe78679a31400ab57e12aa71cba1df.thumbnail.0000000000_small.jpg?v=1762503981"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/b6fe78679a31400ab57e12aa71cba1df/b6fe78679a31400ab57e12aa71cba1df.HD-1080p-7.2Mbps-61902440.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/b6fe78679a31400ab57e12aa71cba1df.thumbnail.0000000000_small.jpg?v=1762503981"></video></article>
</div>
<div id="stacked-cards-template--25490614714747__section_cards_slider_m4hTWr-card_qrBLEM" data-dom="slide" tabindex="-1" class="group h-full w-83.25 overflow-hidden rounded-[1.875rem] lg:w-118.5">
<article class="bg-primary-black text-primary-white relative size-full overflow-hidden text-center blur-[10px] group-aria-current:blur-[0px]">
<div class="relative z-2 flex h-full p-10 lg:p-14">
<div class="flex w-full flex-col justify-between"><p class="text-subtitle-m lg:text-subtitle-l">Une canette fabriquée sur-mesure</p><div class="mt-auto space-y-10"><p class="lg:text-s text-xs">Conçues sans étiquette, nos canettes sont imaginées et fabriquées à Osaka, suivant un processus en 12 étapes. Chaque canette est minutieusement remplie, pesée et scellée seulement quelques heures après que le matcha ait été réduit en poudre, afin de préserver au maximum sa fraîcheur et sa saveur.</p>
</div></div>
</div><video playsinline="true" class="absolute inset-0 object-cover size-full" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/164eeedfd6c64d0d83fa024eaa872b02.thumbnail.0000000000_small.jpg?v=1762943415"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/164eeedfd6c64d0d83fa024eaa872b02/164eeedfd6c64d0d83fa024eaa872b02.HD-1080p-7.2Mbps-62443279.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/164eeedfd6c64d0d83fa024eaa872b02.thumbnail.0000000000_small.jpg?v=1762943415"></video></article>
</div>
</div><div class="flex items-center justify-center gap-1.5" data-dom="controls">
<button type="button" data-action="prev" class="text-primary-black bg-primary-white flex size-9 items-center justify-center rounded-md transition-opacity duration-300 ease-in disabled:cursor-not-allowed disabled:opacity-50" aria-label="Previous slide">
<svg class="fill-current arrow-left size-5">
<use xlink:href="#icon-arrow-left" href="#icon-arrow-left"></use>
</svg>
</button>
<button type="button" data-action="next" class="text-primary-black bg-primary-white flex size-9 items-center justify-center rounded-md transition-opacity duration-300 ease-in disabled:cursor-not-allowed disabled:opacity-50" aria-label="Next slide">
<svg class="fill-current arrow-right size-5">
<use xlink:href="#icon-arrow-right" href="#icon-arrow-right"></use>
</svg>
</button>
</div></c-stacked-cards-slider>
</div>
</div><div id="shopify-section-template--25490614714747__section_hero_443YMA" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_hero_443YMA-padding {
padding-top: 1.125rem;
padding-bottom: 0.75rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_hero_443YMA-padding {
padding-top: 1.875rem;
padding-bottom: 1.25rem;
}
}</style>
<div class="container section-template--25490614714747__section_hero_443YMA-padding">
<div class="overflow-hidden rounded-[1.875rem] color-scheme-2 lg:aspect-1440/871 relative aspect-402/780 max-h-screen min-w-full after:absolute after:inset-0 after:z-2 after:size-full after:[background:linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.2)_100%)]">
<div class="items-start absolute inset-0 z-3 grid size-full grid-cols-12 gap-5 px-2.5 py-14 lg:px-17.5">
<div class="col-span-full space-y-10 text-center lg:col-span-4 lg:col-start-1 lg:text-start">
<h2 class="text-title-s lg:text-title-m wrap-break-word">Matcha cérémonie chocolat blanc 30g</h2>
<a href="/products/matcha-ceremonie-chocolat-blanc" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px" aria-label="Learn more">ACHETER</a>
</div>
</div>
<div class="absolute inset-0 z-1 lg:hidden"><img src="//miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=1920" alt="" srcset="//miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=300 300w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=500 500w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=700 700w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=900 900w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=1200 1200w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=1500 1500w, //miliamatcha.com/cdn/shop/files/banniere-home-page-mobile-desktop.jpg?v=1778137870&width=1920 1920w" width="1920" height="3200" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></div><div class="absolute inset-0 z-1 hidden lg:block"><img src="//miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=2880" alt="" srcset="//miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=300 300w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=500 500w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=700 700w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=900 900w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=1200 1200w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=1500 1500w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=2000 2000w, //miliamatcha.com/cdn/shop/files/banniere-home-page-desktop-choc-blanc.jpg?v=1778137870&width=2880 2880w" width="2880" height="1728" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full object-cover object-center" style=""></div></div>
</div>
</div><div id="shopify-section-template--25490614714747__section_logos_xPXwa6" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_logos_xPXwa6-padding {
padding-top: 3.0rem;
padding-bottom: 3.0rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_logos_xPXwa6-padding {
padding-top: 5.0rem;
padding-bottom: 5.0rem;
}
}</style><div class="color-scheme-1 space-y-8 section-template--25490614714747__section_logos_xPXwa6-padding"><div class="container text-center">
<h2 class="text-subtitle-l text-center">ils parlent de nous</h2>
</div><div class="w-full overflow-hidden"><ul class="relative flex w-max flex-nowrap items-center gap-x-20.75 will-change-transform motion-reduce:animate-none lg:gap-x-45 animate-marquee" style="animation-duration: 36s;" role="list">
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/2_7ed17cb2-fece-4a6b-baa9-62f9c2bda9af.png?height=62&v=1763114458" alt="" srcset="//miliamatcha.com/cdn/shop/files/2_7ed17cb2-fece-4a6b-baa9-62f9c2bda9af.png?height=62&v=1763114458 151w" width="151" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_218f37b1-3629-4cdc-b870-d2ae26fa9ec6.png?height=62&v=1763114189" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_218f37b1-3629-4cdc-b870-d2ae26fa9ec6.png?height=62&v=1763114189 62w" width="62" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/2_ff3a8b01-48d5-48ac-b3e9-f5029342e67e.png?height=62&v=1763114867" alt="" srcset="//miliamatcha.com/cdn/shop/files/2_ff3a8b01-48d5-48ac-b3e9-f5029342e67e.png?height=62&v=1763114867 132w" width="132" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_010b52d1-1a2e-43f1-a4c6-35544481a2e4.png?height=62&v=1763114717" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_010b52d1-1a2e-43f1-a4c6-35544481a2e4.png?height=62&v=1763114717 293w" width="293" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_ab8fce70-2014-41a4-81d9-f56a2a6b392a.png?height=62&v=1763114379" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_ab8fce70-2014-41a4-81d9-f56a2a6b392a.png?height=62&v=1763114379 196w" width="196" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/2_7ed17cb2-fece-4a6b-baa9-62f9c2bda9af.png?height=62&v=1763114458" alt="" srcset="//miliamatcha.com/cdn/shop/files/2_7ed17cb2-fece-4a6b-baa9-62f9c2bda9af.png?height=62&v=1763114458 151w" width="151" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_218f37b1-3629-4cdc-b870-d2ae26fa9ec6.png?height=62&v=1763114189" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_218f37b1-3629-4cdc-b870-d2ae26fa9ec6.png?height=62&v=1763114189 62w" width="62" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/2_ff3a8b01-48d5-48ac-b3e9-f5029342e67e.png?height=62&v=1763114867" alt="" srcset="//miliamatcha.com/cdn/shop/files/2_ff3a8b01-48d5-48ac-b3e9-f5029342e67e.png?height=62&v=1763114867 132w" width="132" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_010b52d1-1a2e-43f1-a4c6-35544481a2e4.png?height=62&v=1763114717" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_010b52d1-1a2e-43f1-a4c6-35544481a2e4.png?height=62&v=1763114717 293w" width="293" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li>
<li class="shrink-0 list-none" role="listitem"><img src="//miliamatcha.com/cdn/shop/files/1_ab8fce70-2014-41a4-81d9-f56a2a6b392a.png?height=62&v=1763114379" alt="" srcset="//miliamatcha.com/cdn/shop/files/1_ab8fce70-2014-41a4-81d9-f56a2a6b392a.png?height=62&v=1763114379 196w" width="196" height="62" loading="lazy" class="w-auto h-5 lg:h-8 block object-cover object-center"></li></ul></div>
</div>
</div><div id="shopify-section-template--25490614714747__section_accordion_group_tfpCmA" class="shopify-section">
<style data-shopify="">.section-template--25490614714747__section_accordion_group_tfpCmA-padding {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_accordion_group_tfpCmA-padding {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
}</style><c-category-filter class="section-template--25490614714747__section_accordion_group_tfpCmA-padding block color-scheme-1">
<div class="container grid grid-cols-4 gap-x-2 gap-y-8 lg:grid-cols-12 lg:gap-x-4">
<div class="col-span-full space-y-10 lg:sticky lg:inset-x-0 lg:top-0 lg:col-span-3"><h2 class="text-title-m">FAQ</h2><ul class="space-y-10"><li>
<button type="button" class="group overflow-x-clip overflow-y-visible" data-dom="category-button" aria-current="true" data-category="production">
<span class="text-subtitle-s [text-box-trim:none] before:bg-primary-pink flex -translate-x-5.5 gap-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-aria-current:translate-x-0 group-aria-current:font-semibold before:size-2.5 before:shrink-0 before:rounded-full">Production</span>
</button>
</li><li>
<button type="button" class="group overflow-x-clip overflow-y-visible" data-dom="category-button" data-category="bienfaits">
<span class="text-subtitle-s [text-box-trim:none] before:bg-primary-pink flex -translate-x-5.5 gap-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-aria-current:translate-x-0 group-aria-current:font-semibold before:size-2.5 before:shrink-0 before:rounded-full">Bienfaits</span>
</button>
</li><li>
<button type="button" class="group overflow-x-clip overflow-y-visible" data-dom="category-button" data-category="consommation">
<span class="text-subtitle-s [text-box-trim:none] before:bg-primary-pink flex -translate-x-5.5 gap-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-aria-current:translate-x-0 group-aria-current:font-semibold before:size-2.5 before:shrink-0 before:rounded-full">Consommation</span>
</button>
</li><li>
<button type="button" class="group overflow-x-clip overflow-y-visible" data-dom="category-button" data-category="commandes-en-ligne">
<span class="text-subtitle-s [text-box-trim:none] before:bg-primary-pink flex -translate-x-5.5 gap-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-aria-current:translate-x-0 group-aria-current:font-semibold before:size-2.5 before:shrink-0 before:rounded-full">Commandes en ligne</span>
</button>
</li></ul>
<a href="/pages/notre-matcha" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px">En savoir-plus</a></div>
<c-accordion-group class="col-span-full lg:col-span-8" data-dom="accordion-group"><div class="js-accordion-panel border-ui-grey-light border-t" data-accordion-open="true" data-accordion-deselect="true" data-category="production" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="true" aria-controls="dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">D'où vient le matcha Milia Matcha ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>Notre Matcha est récolté dans la préfecture de Mie, une région montagneuse du Japon.</p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t" data-accordion-open="false" data-accordion-deselect="true" data-category="production" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Quelle est la particularité de votre matcha ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>La spécificité de notre Matcha est qu’il est sans aucune amertume, doux et doté d’un goût naturellement sucré.</p><p>Notre Matcha cérémonie Milia Matcha© est un mélange composé à 100 % des meilleures plantations d’Okumidori, une des variétés de thé les plus rares. Elle représente seulement quelques pourcents de la totalité de la production de thé Matcha au Japon.</p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="bienfaits" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Quels sont les bienfaits du matcha ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>Les bienfaits du matcha sont nombreux : </p><p><strong>Peau : </strong>Riche en antioxydants, le matcha aide à illuminer le teint, à réduire les imperfections, contribue à préserver l’élasticité de la peau et à ralentir le vieillissement cutané.</p><p><strong>Cheveux :</strong> Accélère la pousse des cheveux et les renforce durablement pour des cheveux en bonne santé.</p><p><strong>Énergie stable</strong> : Le thé matcha offre une énergie douce mais constante, diffusée progressivement tout au long de la journée. Contrairement au café, il stimule sans nervosité ni coup de fatigue.</p><p><strong>Santé : </strong>Le thé matcha est 10x plus riche en antioxydants qu’un thé vert classique, ce qui permet de renforcer le système immunitaire ainsi que réduire l’inflammation. La présence de chlorophylle favorise également l’élimination des toxines.</p><p><strong>Effet apaisant :</strong> La L-théanine aide à la clarté mentale, à améliorer la concentration et à équilibrer l’humeur (influence sur dopamine & sérotonine). Elle contribue également à réduire le stress, favorise un esprit plus relaxé, et permet d’éviter un coup de fatigue en fin de journée</p><p>Pour découvrir l'ensemble de nos bienfaits, <a href="https://miliamatcha.com/pages/les-bienfaits" title="Les bienfaits">cliquez-ici.</a></p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="consommation" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Comment préparer son matcha ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>1. Déposez 1 cuillère à café (1 à 2 grammes) de matcha dans votre tasse puis ajoutez-y 70 ml d’eau chaude, mais pas bouillante (nous recommandons une eau à 70 degrés).</p><p>2. Utilisez un fouet en bambou ou électrique pour mélanger jusqu’à obtenir une fine mousse à la surface.</p><p>3. Dégustez votre Matcha chaud ou glacé, avec ou sans lait, c’est prêt !</p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="commandes-en-ligne" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">En combien de temps mon colis sera expédié ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>Toutes les commandes passées avant 13h seront expédiées le jour même.</p><p>En raison de la quantité de commandes passées lors de certains restocks, les délais peuvent être légèrement plus longs.</p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="commandes-en-ligne" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Quels sont les modes de livraison disponibles ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p><strong>Milia Matcha©</strong> propose 3 modes de livraison à l’international. Vous pouvez choisir le mode de livraison de votre choix lors du passage de votre commande.</p><p>Toutes les commandes passées avant 13h sont expédiées le jour même, hors périodes exceptionnelles de forte affluence, telles que les lancements de produits, jours fériés ou offres spéciales.</p><p><strong>France métropolitaine :</strong></p><p>Livraison en <strong>point relais</strong> en 3-4 jours ouvrés : 3,99€</p><p>Livraison <strong>standard</strong> à domicile en 2-3 jours ouvrés : 4,49€</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 12,99€</p><p>Les livraisons standard & en points relais sont offertes à partir de 49€.</p><p><br>
</p><p><strong>Espagne :</strong></p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : 4,99€, offerte dès 49€ d'achat</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 7,99 €<br>
</p><p><strong>Royaume-Uni :</strong></p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : £4.99, offerte dès £49 d'achat</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : £7.99 €</p><p><strong><br>
</strong></p><p><strong>Italie :</strong><br>
</p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : 4,99€, offerte dès 49€ d'achat<br>
</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 7,99€</p><p></p><p><strong>International :</strong></p><p>Les tarifs et délais seront calculés automatiquement en fonction du lieu de livraison au moment du paiement. </p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="commandes-en-ligne" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Quels sont les modes de livraison disponibles ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p><strong>Milia Matcha©</strong> propose 3 modes de livraison à l’international. Vous pouvez choisir le mode de livraison de votre choix lors du passage de votre commande.</p><p>Toutes les commandes passées avant 13h sont expédiées le jour même, hors périodes exceptionnelles de forte affluence, telles que les lancements de produits, jours fériés ou offres spéciales.</p><p><strong>France métropolitaine :</strong></p><p>Livraison en <strong>point relais</strong> en 3-4 jours ouvrés : 3,99€</p><p>Livraison <strong>standard</strong> à domicile en 2-3 jours ouvrés : 4,49€</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 12,99€</p><p>Les livraisons standard & en points relais sont offertes à partir de 49€.</p><p><br>
</p><p><strong>Espagne :</strong></p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : 4,99€, offerte dès 49€ d'achat</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 7,99 €<br>
</p><p><strong>Royaume-Uni :</strong></p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : £4.99, offerte dès £49 d'achat</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : £7.99 €</p><p><strong><br>
</strong></p><p><strong>Italie :</strong><br>
</p><p>Livraison <strong>standard</strong> à domicile en 3-5 jours ouvrés : 4,99€, offerte dès 49€ d'achat<br>
</p><p>Livraison <strong>express</strong> à domicile en 1-2 jours ouvrés : 7,99€</p><p></p><p><strong>International :</strong></p><p>Les tarifs et délais seront calculés automatiquement en fonction du lieu de livraison au moment du paiement. </p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t" data-accordion-open="false" data-accordion-deselect="true" data-category="production" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Où sont fabriqués vos arômes ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>Tous nos arômes sont préparés au Japon.</p><p>Milia Matcha a choisi de faire confectionner ses arômes sur-mesure pour convenir parfaitement à sa recette de Matcha.</p></div></div>
</div>
</div><div class="js-accordion-panel border-ui-grey-light border-t hidden" data-accordion-open="false" data-accordion-deselect="true" data-category="consommation" data-dom="panel">
<button class="js-accordion-header group flex w-full items-center justify-between gap-2 py-6 text-start lg:gap-4" type="button" aria-expanded="false" aria-controls="comment-conserver-le-matcha-apres-ouverture-consommation8-ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" id="comment-conserver-le-matcha-apres-ouverture-consommation8-ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<strong class="text-s font-semibold">Comment conserver le matcha après ouverture ?</strong>
<span class="bg-primary-pink relative size-8 rounded-full shrink-0">
<svg class="fill-current plus size-3 absolute m-auto inset-0 block group-aria-expanded:hidden">
<use xlink:href="#icon-plus" href="#icon-plus"></use>
</svg>
<svg class="fill-current minus size-3 absolute m-auto inset-0 hidden group-aria-expanded:block">
<use xlink:href="#icon-minus" href="#icon-minus"></use>
</svg>
</span>
</button>
<div id="comment-conserver-le-matcha-apres-ouverture-consommation8-ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-body" role="region" aria-labelledby="comment-conserver-le-matcha-apres-ouverture-consommation8-ou-sont-fabriques-vos-aromes-production7-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne6-quels-sont-les-modes-de-livraison-disponibles-commandes-en-ligne5-en-combien-de-temps-mon-colis-sera-expedie-commandes-en-ligne4-comment-preparer-son-matcha-consommation3-quels-sont-les-bienfaits-du-matcha-bienfaits2-quelle-est-la-particularite-de-votre-matcha-production1-dou-vient-le-matcha-milia-matcha-production0-template--25490614714747__section_accordion_group_tfpCmA-header">
<div class="js-accordion-inner text-s wysiwyg max-w-195.75 pb-6"><div class="metafield-rich_text_field"><p>Pour ne pas altérer son goût et sa texture, nous vous préconisons de conserver votre matcha dans un endroit frais, à l’abri de la lumière et de l’humidité.</p></div></div>
</div>
</div></c-accordion-group>
</div>
</c-category-filter>
</div><div id="shopify-section-template--25490614714747__section_social_media_MLmJGP" class="shopify-section"><style data-shopify="">.section-template--25490614714747__section_social_media_MLmJGP-padding {
padding-top: 3.0rem;
padding-bottom: 2.2125rem;
}
@media (width >= 64rem) {
.section-template--25490614714747__section_social_media_MLmJGP-padding {
padding-top: 5.0rem;
padding-bottom: 3.6875rem;
}
}</style>
<div class="container space-y-15 section-template--25490614714747__section_social_media_MLmJGP-padding color-scheme-1"><div class="space-y-5 text-center"><h2 class="text-subtitle-xl">Suivez-nous sur nos réseaux sociaux</h2><ul class="inline-flex flex-wrap gap-x-5 gap-y-2.5">
<li>
<a href="https://www.instagram.com/miliamatcha/" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px">Instagram</a>
</li>
<li>
<a href="https://www.tiktok.com/@miliamatcha#" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px">Tiktok</a>
</li>
<li>
<a href="#https://www.youtube.com/@MiliaMatcha" class="text-subtitle-s relative after:bg-current pb-[calc(8em/12)] after:absolute after:bottom-0 after:inset-x-0 after:h-px">Youtube</a>
</li>
</ul></div><div class="-mx-2.5 overflow-x-auto overflow-y-hidden px-2.5 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden lg:mx-0 lg:overflow-visible lg:px-0">
<div class="flex w-fit flex-nowrap gap-2.5 lg:grid lg:w-auto lg:grid-cols-4 lg:gap-2.5">
<div class="w-67.25 shrink-0 lg:w-auto lg:min-w-0 lg:shrink-0">
<div class="aspect-334/594 overflow-hidden rounded-md">
<video playsinline="true" class="size-full object-cover object-center" autoplay="autoplay" muted="muted" loop="loop" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/4838c906faa047308813c05d0c986d73.thumbnail.0000000000_1000x.jpg?v=1778667403"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/4838c906faa047308813c05d0c986d73/4838c906faa047308813c05d0c986d73.HD-1080p-7.2Mbps-84012180.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/4838c906faa047308813c05d0c986d73.thumbnail.0000000000_1000x.jpg?v=1778667403"></video>
</div>
</div>
<div class="w-67.25 shrink-0 lg:w-auto lg:min-w-0 lg:shrink-0">
<div class="aspect-334/594 overflow-hidden rounded-md"><img src="//miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=1000" alt="" srcset="//miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=352 352w, //miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=832 832w, //miliamatcha.com/cdn/shop/files/01_MILIA_Banane_V3_ESHOP_copie.jpg?v=1779206747&width=1000 1000w" width="1000" height="1334" loading="lazy" class="size-full object-cover object-center">
</div>
</div>
<div class="w-67.25 shrink-0 lg:w-auto lg:min-w-0 lg:shrink-0">
<div class="aspect-334/594 overflow-hidden rounded-md">
<video playsinline="true" class="size-full object-cover object-center" autoplay="autoplay" muted="muted" loop="loop" preload="metadata" poster="//miliamatcha.com/cdn/shop/files/preview_images/dc77ce43650c414db128f7f9eb945940.thumbnail.0000000000_1000x.jpg?v=1779086270"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/dc77ce43650c414db128f7f9eb945940/dc77ce43650c414db128f7f9eb945940.HD-1080p-7.2Mbps-84352852.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/dc77ce43650c414db128f7f9eb945940.thumbnail.0000000000_1000x.jpg?v=1779086270"></video>
</div>
</div>
<div class="w-67.25 shrink-0 lg:w-auto lg:min-w-0 lg:shrink-0">
<div class="aspect-334/594 overflow-hidden rounded-md"><img src="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=1000" alt="" srcset="//miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=352 352w, //miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=832 832w, //miliamatcha.com/cdn/shop/files/02_MILIA_Gamme_V1_ESHOP_copie.jpg?v=1779206747&width=1000 1000w" width="1000" height="1342" loading="lazy" class="size-full object-cover object-center">
</div>
</div>
</div>
</div></div>
</div>
</main><!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--25490614124923__footer" class="shopify-section shopify-section-group-footer-group">
<footer class="bg-primary-black/14 relative">
<div class="absolute z-1 inset-0 size-full after:absolute after:inset-0 after:z-2 after:size-full after:[background:linear-gradient(0deg,rgba(0,0,0,0.2),rgba(0,0,0,0.2))]"><img src="//miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=2880" alt="" srcset="//miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=300 300w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=500 500w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=700 700w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=900 900w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=1200 1200w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=1500 1500w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=2000 2000w, //miliamatcha.com/cdn/shop/files/DSC00295.jpg?v=1763415685&width=2880 2880w" width="2880" height="4321" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full lg:hidden relative z-1 object-cover object-center" style=""><img src="//miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=2880" alt="" srcset="//miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=300 300w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=500 500w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=700 700w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=900 900w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=1200 1200w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=1500 1500w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=2000 2000w, //miliamatcha.com/cdn/shop/files/feuilles-champs-matcha.jpg?v=1776266241&width=2880 2880w" width="2880" height="3686" loading="lazy" fetchpriority="auto" decoding="async" sizes="(min-width: 1024px) 100vw, (min-width: 750px) 100vw, 100vw" class="size-full hidden lg:block relative z-1 object-cover object-center" style=""></div>
<div class="relative z-2 container grid grid-cols-12 gap-5 py-22">
<form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="newsletter text-primary-white text-center col-span-full lg:col-span-4 lg:col-start-5"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="space-y-4 lg:space-y-8">
<div class="space-y-4">
<h2 class="text-subtitle-s">Ne ratez rien de notre actualité</h2>
<p class="text-xs">Profitez d’avantages exclusifs, soyez informés des prochaines sorties en avant-première.</p>
</div>
<label for="FooterNewsletterEmail" class="border-primary-white/10 bg-primary-black/14 flex items-center rounded-[0.3125rem] border px-4 py-6 shadow-lg backdrop-blur-md">
<span class="sr-only">Email</span>
<input id="FooterNewsletterEmail" type="email" name="contact[email]" required="" autocomplete="email" placeholder="Email address" class="text-subtitle-xs placeholder:text-primary-white flex-1">
<button type="submit" class="text-subtitle-xs">Sign Up</button>
</label>
</div>
</form>
</div>
<div class="relative z-2">
<div class="relative overflow-hidden lg:py-16.75"><svg viewbox="0 0 1442 376" preserveaspectratio="xMidYMid slice" class="hidden lg:block z-1 lg:absolute w-full m-auto inset-0 pointer-events-none" style="border: 4px solid white;">
<path fill="#FFFFFF" d="M0,0v376h1442V0H0z M802.8,228.1c-3.6,6-10,9.7-19.3,11.3c-2.2,0.4-4.5,0.6-6.8,0.6c-2.1,0-4.3-0.2-6.5-0.5 c-11.5-1.6-21.8-7.6-27.6-15.9c-17.9,13.1-41.5,20.9-63.6,20.9l0,0c-25.7,0-42.2-10.5-42.2-26.8c0-12.2,9.8-19.7,18.9-19.7l3,0 l-0.7,2.7c-1.7,6.5-0.6,12.6,3.8,16.2c6,5,15.5,6.7,27.1,6.7c17,0,36.4-5.8,48.8-14.6c-0.2-1.3-0.3-2.7-0.4-4.1 c-0.1-0.9,0-1.9,0.1-3.1c-0.2-5.6,2-14.3,3.7-21.2c0.9-3.8,1.9-7.7,1.9-9.1c0-3.6-0.9-3.6-2-3.6c-4.4,0-11.3,17.4-14.4,32.4 c-1.8,8.9-8.8,9.6-10.9,9.6c-0.2,0-0.4,0-0.6,0c-2.2-0.1-4.1-1.1-5.5-2.7c-1.6-1.9-2.2-4.5-1.9-7.4c0.2-2,0.9-4.2,1.7-6.8 c1.5-4.7,3.3-10.5,3.3-18.6c0-6.9-1.9-6.9-2.6-6.9c-0.5,0-1.6,0-2.4,4.2c-3.4,17-9.7,29.4-18.7,36.8c-4.9,4.1-11,5.7-15,6 c-0.2,0-0.4,0-0.6,0c-5.2,0-8.6-4.1-9.1-8c-0.6-4.4,1.6-9.7,7.7-11.3c4.7-1.3,7.6-2.2,10.4-3.9c4.6-2.8,9-8.3,12-15.2 c2.5-5.8,3.8-11.1,3.8-15.8c0-3.4-0.8-6.1-2.4-8.1c-1.6-2-4-3-6.9-3c-3.3,0-6.2,1.2-8.6,3.7c-2.4,2.4-3.5,5.7-3.5,9.6 c0,2.3,0.7,4.4,2,6c0.9,1.1,2,1.9,3.3,2.3l1.6,0.5l-0.1,1.7c-0.1,1.9-1,3.9-2.9,6.1c-2.7,3.3-6.5,5-11.3,5c-4.8,0-8.4-1.7-11.4-5 c-3-3.4-4.5-7.8-4.5-13.4c0-9.5,3.6-17.5,11-24.3c7.3-6.8,16.8-10.2,28.5-10.2c10.2,0,18.3,3.3,24.1,9.8c6.2,7,8.5,16.2,9.2,23.4 c1.6-3.4,3.6-7.3,6.1-11.2c9.2-14.4,20.5-22,32.7-22c7.7,0,12.1,4.3,12.1,11.9c0,3.6-0.9,6.9-2.8,10.1c-1.8,3-3.6,4.6-5.3,4.6h-0.1 c-0.5,0-1.1-0.2-1.9-0.6c-1.1-0.5-1.9-0.8-2.5-0.8c-3.2,0-5.8,3.7-7.9,11.4c-1.3,4.7-3.1,12.3-3.5,18.1c-0.6,5.7-0.7,10.8,0.6,16.4 c3.7-1.4,11.3-3.8,20.2-3.8c4.2,0,8.1,0.5,11.8,1.6c7.4,2.1,16.1,7.3,18.9,14.5C806.1,219,805.5,223.6,802.8,228.1z"></path>
<path fill="#FFFFFF" d="M776.4,211.5c-1.1-0.2-2.2-0.2-3.3-0.2c-6.4,0-12,2.4-14.9,3.9h0c2.2,2.6,7.2,6.9,15.3,6.9c0.3,0,0.7,0,1,0 c6.6-0.3,7.4-5,7.5-5.5C782.5,212.9,778.7,211.8,776.4,211.5z"></path>
</svg>
<svg viewbox="0 0 402 155" class="block lg:hidden z-1 lg:absolute w-full m-auto inset-0 pointer-events-none" style="border: 4px solid white;">
<path fill="#FFFFFF" d="M0,0v155h402V0H0z M254.6,103.3c-2.4,3.9-6.5,6.3-12.7,7.4c-1.4,0.2-3,0.4-4.5,0.4c-1.4,0-2.8-0.1-4.2-0.3 c-7.5-1-14.3-5-18.1-10.4c-11.7,8.6-27.2,13.7-41.7,13.7l0,0c-16.8,0-27.7-6.9-27.7-17.5c0-8,6.4-12.9,12.4-12.9l2,0l-0.5,1.8 c-1.1,4.3-0.4,8.3,2.5,10.6c3.9,3.3,10.2,4.4,17.7,4.4c11.1,0,23.9-3.8,32-9.5c-0.1-0.8-0.2-1.7-0.3-2.7c0-0.6,0-1.3,0-2 c-0.1-3.7,1.3-9.4,2.5-13.9c0.6-2.5,1.3-5.1,1.3-5.9c0-2.4-0.6-2.4-1.3-2.4c-2.9,0-7.4,11.4-9.5,21.2c-1.2,5.8-5.8,6.3-7.2,6.3 c-0.1,0-0.3,0-0.4,0c-1.4-0.1-2.7-0.7-3.6-1.8c-1-1.2-1.5-2.9-1.2-4.8c0.2-1.3,0.6-2.8,1.1-4.4c1-3.1,2.2-6.9,2.2-12.2 c0-4.5-1.2-4.5-1.7-4.5c-0.3,0-1,0-1.6,2.7c-2.2,11.2-6.3,19.3-12.2,24.1c-3.2,2.7-7.2,3.8-9.8,3.9c-0.1,0-0.3,0-0.4,0 c-3.4,0-5.6-2.7-6-5.2c-0.4-2.9,1-6.3,5-7.4c3.1-0.8,5-1.4,6.8-2.5c3-1.8,5.9-5.4,7.9-10c1.6-3.8,2.5-7.2,2.5-10.3 c0-2.2-0.5-4-1.6-5.3c-1.1-1.3-2.6-2-4.5-2c-2.2,0-4.1,0.8-5.6,2.4c-1.5,1.6-2.3,3.7-2.3,6.3c0,1.5,0.4,2.9,1.3,3.9 c0.6,0.8,1.3,1.3,2.1,1.5l1.1,0.3l-0.1,1.1c-0.1,1.2-0.7,2.5-1.9,4c-1.8,2.2-4.3,3.3-7.4,3.3s-5.5-1.1-7.5-3.3 c-2-2.2-2.9-5.1-2.9-8.8c0-6.2,2.3-11.4,7.2-15.9c4.8-4.4,11-6.7,18.6-6.7c6.7,0,12,2.2,15.8,6.4c4.1,4.6,5.6,10.6,6,15.4 c1-2.2,2.3-4.8,4-7.3c6-9.4,13.4-14.4,21.4-14.4c5,0,7.9,2.8,7.9,7.8c0,2.4-0.6,4.5-1.8,6.6c-1.2,2-2.3,3-3.5,3h-0.1 c-0.3,0-0.7-0.2-1.2-0.4c-0.7-0.3-1.2-0.5-1.6-0.5c-2.1,0-3.8,2.4-5.2,7.4c-0.9,3.1-2,8-2.3,11.8c-0.4,3.8-0.5,7.1,0.4,10.8 c2.4-0.9,7.4-2.5,13.3-2.5c2.7,0,5.3,0.3,7.7,1c4.9,1.3,10.6,4.8,12.4,9.5C256.7,97.4,256.4,100.4,254.6,103.3z"></path>
<path fill="#FFFFFF" d="M237.3,92.5c-0.7-0.1-1.4-0.1-2.2-0.1c-4.2,0-7.9,1.6-9.8,2.6h0c1.5,1.7,4.7,4.5,10,4.5c0.2,0,0.5,0,0.7,0 c4.3-0.2,4.8-3.3,4.9-3.6C241.3,93.4,238.8,92.7,237.3,92.5z"></path>
</svg>
<div class="bg-primary-white relative z-2 lg:bg-transparent">
<div class="container grid grid-cols-12 gap-2.5 lg:gap-5">
<nav aria-label="Navigation du pied de page" class="col-span-12 grid grid-cols-12 gap-x-2.5 gap-y-6 lg:gap-5">
<div class="col-span-full grid grid-cols-2 gap-x-2.5 gap-y-6 lg:col-span-4 lg:gap-5">
<div class="col-span-full space-y-6 lg:col-span-1"><h3 class="text-subtitle-s border-primary-black/15 lg:text-subtitle-m border-y py-6 lg:border-none lg:py-0">E-shop</h3>
<ul itemscope="" itemtype="https://schema.org/ItemList" class="space-y-4 text-xs columns-2 lg:columns-1 gap-2">
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="1">
<a itemprop="item" href="/collections/shop-all" class="hover:underline">
<span itemprop="name"> Shop all </span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="2">
<a itemprop="item" href="/collections/nos-matcha" class="hover:underline">
<span itemprop="name">Matcha </span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="3">
<a itemprop="item" href="/pages/notre-abonnement-milia-matcha" class="hover:underline">
<span itemprop="name">Abonnement</span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="4">
<a itemprop="item" href="/collections/accessoires" class="hover:underline">
<span itemprop="name">Accessoires</span>
</a>
</li>
</ul></div>
<div class="col-span-full space-y-6 lg:col-span-1"><h3 class="text-subtitle-s border-primary-black/15 lg:text-subtitle-m border-y py-6 lg:border-none lg:py-0">La marque </h3>
<ul itemscope="" itemtype="https://schema.org/ItemList" class="space-y-4 text-xs columns-2 lg:columns-1 gap-2">
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="1">
<a itemprop="item" href="/pages/notre-histoire-milia-matcha" class="hover:underline">
<span itemprop="name">Notre histoire </span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="2">
<a itemprop="item" href="/pages/notre-histoire-milia-matcha-1" class="hover:underline">
<span itemprop="name">Nos engagements</span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="3">
<a itemprop="item" href="/pages/notre-abonnement-milia-matcha" class="hover:underline">
<span itemprop="name">Abonnements</span>
</a>
</li>
</ul></div>
</div>
<div class="col-span-full grid grid-cols-2 gap-x-2.5 gap-y-6 lg:col-span-4 lg:gap-5 lg:col-start-9">
<div class="col-span-full space-y-6 lg:col-span-1"><h3 class="text-subtitle-s border-primary-black/15 lg:text-subtitle-m border-y py-6 lg:border-none lg:py-0">Aide </h3>
<ul itemscope="" itemtype="https://schema.org/ItemList" class="space-y-4 text-xs columns-2 lg:columns-1 gap-2">
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="1">
<a itemprop="item" href="/pages/faq" class="hover:underline">
<span itemprop="name">FAQ</span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="2">
<a itemprop="item" href="/pages/contact" class="hover:underline">
<span itemprop="name">Contact</span>
</a>
</li>
</ul></div>
<div class="col-span-full space-y-6 lg:col-span-1"><h3 class="text-subtitle-s border-primary-black/15 lg:text-subtitle-m border-y py-6 lg:border-none lg:py-0">Social media </h3>
<ul itemscope="" itemtype="https://schema.org/ItemList" class="space-y-4 text-xs columns-2 lg:columns-1 gap-2">
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="1">
<a itemprop="item" href="https://www.instagram.com/miliamatcha/?hl=fr" class="hover:underline" target="_blank" rel="noopener noreferrer">
<span itemprop="name">Instagram </span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="2">
<a itemprop="item" href="https://www.tiktok.com/@miliamatcha?lang=fr&_kx=" class="hover:underline" target="_blank" rel="noopener noreferrer">
<span itemprop="name">Tiktok</span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem">
<meta itemprop="position" content="3">
<a itemprop="item" href="https://www.youtube.com/@MiliaMatcha" class="hover:underline" target="_blank" rel="noopener noreferrer">
<span itemprop="name">Youtube</span>
</a>
</li>
</ul></div>
</div>
</nav>
</div>
</div>
</div>
<div class="bg-primary-white py-10 lg:py-7">
<div class="container flex flex-col gap-6 lg:flex-row lg:items-center lg:gap-5">
<div class="text-2xs text-center lg:text-start">
© 2026 <a href="/" class="hover:underline">Milia Matcha</a>. Tous droits réservés. Designé par <a href="https://www.substance.works/" class="hover:underline" target="_blank" rel="noopener noreferer">Substance</a>. Développé par <a href="https://www.agencecinq.com/" class="hover:underline" target="_blank" rel="noopener noreferer">CINQ</a>.
</div>
<nav aria-label="Liens légaux" class="lg:flex lg:flex-1 lg:justify-center">
<ul itemscope="" itemtype="https://schema.org/ItemList" class="flex flex-wrap gap-x-4 gap-y-2 justify-center">
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="text-2xs">
<meta itemprop="position" content="1">
<a itemprop="item" href="/pages/mentions-legales" class="hover:underline">
<span itemprop="name">Mentions légales</span>
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="text-2xs">
<meta itemprop="position" content="2">
<a itemprop="item" href="/pages/cgv" class="hover:underline">
<span itemprop="name">Conditions générales de vente</span>
</a>
</li>
</ul>
</nav>
<div class="flex justify-center lg:justify-end">
<cinq-drawer-button class="block">
<button type="button" aria-controls="locale-currency-drawer" aria-expanded="false" class="flex items-center justify-center border border-primary-off-black py-1.75 px-5 rounded-xl gap-2"><span class="flex items-center gap-2">
<img src="https://flagcdn.com/fr.svg" width="16" height="16" alt="France" loading="lazy" class="size-4 overflow-hidden rounded-full object-cover object-center">
<span class="text-subtitle-s">France (€)</span>
</span>|<span class="text-subtitle-s" data-weglot-current-language="">français</span>
<svg class="fill-current chevron-right size-3">
<use xlink:href="#icon-chevron-right" href="#icon-chevron-right"></use>
</svg>
</button>
</cinq-drawer-button>
</div>
</div>
</div>
</div>
</footer>
<cinq-drawer id="locale-currency-drawer" cid="locale-currency-drawer" class="group fixed inset-0 z-20 w-full block" style="opacity: 0; visibility: hidden; height: 100%;">
<div data-dom="overlay" class="bg-primary-black/30 absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out group-open:opacity-100"></div>
<div role="dialog" aria-modal="true" class="overflow-hidden rounded-md transition-transform duration-300 ease-out translate-x-full right-0 group-open:translate-x-0 w-125 max-w-[calc(100%---spacing(5))] lg:max-w-[calc(100%---spacing(10))] m-2.5 lg:m-5 h-[calc(100%---spacing(5))] lg:h-[calc(100%---spacing(10))] max-h-full bg-primary-white absolute z-2">
<div class="scrollbar-hidden h-full overflow-y-auto scroll-smooth"><div class="flex h-full flex-col">
<header class="flex items-center justify-between gap-2 px-5 lg:px-7.5 py-[2.15625rem] lg:gap-4"><p class="text-subtitle-m">Pays et langues</p><cinq-drawer-button class="ms-auto flex items-center justify-center">
<button data-dom="button" aria-controls="locale-currency-drawer" aria-expanded="false" type="button" aria-label="Fermer">
<svg class="fill-current times size-3.5">
<use xlink:href="#icon-times" href="#icon-times"></use>
</svg>
</button>
</cinq-drawer-button>
</header>
<div class="space-y-14 px-7.5 py-14">
<p class="text-subtitle-l font-medium text-ui-grey-dark">Êtes-vous situé en <span class="text-primary-black">France</span> ?</p>
<div class="space-y-10"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><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="/"><div class="space-y-5">
<p class="text-grey text-[0.625rem] leading-3.5 tracking-[0.12em] uppercase">Veuillez sélectionner votre pays :</p>
<c-select-controller class="relative block" data-action="submit">
<img data-dom="flag" src="https://flagcdn.com/fr.svg" width="16" height="16" alt="France" loading="lazy" class="pointer-events-none absolute inset-y-0 left-0 my-auto ml-6 size-4 overflow-hidden rounded-full object-cover object-center">
<select data-dom="select" name="country_code" class="border-ui-grey-light text-subtitle-s w-full rounded border bg-transparent appearance-none py-5.25 pr-6 pl-14"><option value="AF" data-flag-src="https://flagcdn.com/af.svg">International (€)
</option><option value="DE" data-flag-src="https://flagcdn.com/de.svg">Allemagne (€)
</option><option value="AT" data-flag-src="https://flagcdn.com/at.svg">Union européenne (€)
</option><option value="BE" data-flag-src="https://flagcdn.com/be.svg">Belgique (€)
</option><option value="ES" data-flag-src="https://flagcdn.com/es.svg">Espagne (€)
</option><option value="FR" data-flag-src="https://flagcdn.com/fr.svg" selected="">France (€)
</option><option value="GB" data-flag-src="https://flagcdn.com/gb.svg">Royaume-Uni (£)
</option><option value="CH" data-flag-src="https://flagcdn.com/ch.svg">Suisse (CHF)
</option></select>
<svg class="fill-current chevron-down size-3.5 absolute inset-y-0 right-0 my-auto mr-6 pointer-events-none">
<use xlink:href="#icon-chevron-down" href="#icon-chevron-down"></use>
</svg>
</c-select-controller>
</div></form><div class="space-y-5">
<p class="text-grey text-[0.625rem] leading-3.5 tracking-[0.12em] uppercase">Veuillez sélectionner votre langue :</p>
<c-weglot-language-select class="relative block">
<select data-dom="select" disabled="" aria-busy="true" class="border-ui-grey-light text-subtitle-s w-full rounded border bg-transparent appearance-none py-5.25 pr-6 pl-14">
<option value="" data-dom="placeholder"></option>
</select>
<svg class="fill-current chevron-down size-3.5 absolute inset-y-0 right-0 my-auto mr-6 pointer-events-none">
<use xlink:href="#icon-chevron-down" href="#icon-chevron-down"></use>
</svg>
</c-weglot-language-select>
</div>
</div>
</div>
</div></div>
</div>
</cinq-drawer>
</div>
<!-- END sections: footer-group --><div id="shopify-section-cart-drawer" class="shopify-section">
<cinq-drawer id="cart-drawer" cid="cart-drawer" class="group fixed inset-0 z-20 w-full block" style="opacity: 0; visibility: hidden; height: 100%;">
<div data-dom="overlay" class="bg-primary-black/30 absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out group-open:opacity-100"></div>
<div role="dialog" aria-modal="true" class="overflow-hidden rounded-md transition-transform duration-300 ease-out translate-x-full right-0 group-open:translate-x-0 w-125 max-w-[calc(100%---spacing(5))] lg:max-w-[calc(100%---spacing(10))] m-2.5 lg:m-5 h-[calc(100%---spacing(5))] lg:h-[calc(100%---spacing(10))] max-h-full bg-primary-white absolute z-2">
<div class="scrollbar-hidden h-full overflow-y-auto scroll-smooth"><c-cart-drawer id="CartDrawer-cart-drawer" class="h-full flex flex-col aria-busy:cursor-wait aria-busy:opacity-60 aria-busy:**:pointer-events-none">
<header id="CartDrawerHeader-cart-drawer" class="js-cart-header space-y-5 px-5 py-7 lg:gap-5">
<div class="flex items-center justify-between gap-2.5">
<p class="uppercase text-subtitle-l">Votre panier (0)
</p>
<cinq-drawer-button class="relative block">
<button data-dom="button" aria-controls="cart-drawer" aria-expanded="false" type="button" aria-label="" class="flex size-6 items-center justify-center rounded-full">
<svg class="fill-current times size-full">
<use xlink:href="#icon-times" href="#icon-times"></use>
</svg>
</button>
</cinq-drawer-button>
</div>
</header>
<div id="CartDrawerEmpty-cart-drawer" class="js-cart-items flex grow items-center justify-center p-5">
<div class="text-center space-y-10.5">
<p class="text-l">Votre panier est vide</p>
<a href="/collections/all" class="button button--primary">Continuer mes achats</a></div>
</div>
<footer id="CartFooter-cart-drawer" class="js-cart-footer bg-primary-white mt-auto"><div class="bg-primary-off-white space-y-6.25 px-2.5 pt-5 pb-2.5 lg:pb-5">
<div class="space-y-4" data-section-id="cart-drawer" id="cart-progress-cart-drawer">
<p class="flex gap-2 justify-between text-primary-off-black">
<span class="text-2xs">Complétez pour la livraison gratuite</span><span class="text-2xs ml-auto">49,00€ restant</span></p>
<div class="relative bg-ui-grey-light h-0.75 w-full overflow-hidden">
<span class="bg-primary-off-black absolute inset-0 size-full origin-left scale-x-(--progress)" style="--progress: 0%;"></span>
</div>
</div><div class="space-y-4">
<div class="flex items-center justify-between gap-2.5">
<span class="text-subtitle-s uppercase">Total</span>
<div id="cart-total-price" class="inline ml-auto" data-section-id="cart-drawer">
<span class="text-xs font-bold">0,00 EUR €</span>
</div>
</div><p class="text-2xs wysiwyg text-primary-off-black">Taxes incluses. Réductions et <a href="https://miliamatcha.com/policies/shipping-policy" target="_blank">frais d’expédition</a> calculés à l’étape du paiement.</p></div><p class="text-2xs uppercase font-medium text-center text-ui-grey-dark bg-ui-grey-light/30 py-7.5 p-2.5 rounded-[1.875rem]">Finaliser la commande</p></div>
</footer>
</c-cart-drawer></div>
</div>
</cinq-drawer>
</div><div id="shopify-section-samples-drawer" class="shopify-section">
<cinq-drawer id="samples-drawer" cid="samples-drawer" class="group fixed inset-0 z-20 w-full block" style="opacity: 0; visibility: hidden; height: 100%;">
<div data-dom="overlay" class="bg-primary-black/30 absolute inset-0 z-1 size-full opacity-0 transition-opacity duration-300 ease-out group-open:opacity-100"></div>
<div role="dialog" aria-modal="true" class="overflow-hidden rounded-md transition-transform duration-300 ease-out translate-x-full right-0 group-open:translate-x-0 w-125 max-w-[calc(100%---spacing(5))] lg:max-w-[calc(100%---spacing(10))] m-2.5 lg:m-5 h-[calc(100%---spacing(5))] lg:h-[calc(100%---spacing(10))] max-h-full bg-primary-white absolute z-2">
<div class="scrollbar-hidden h-full overflow-y-auto scroll-smooth">
<div id="SamplesDrawer" class="h-full flex flex-col">
<header id="SamplesDrawerHeader" class="space-y-5 px-5 py-7 lg:gap-5">
<div class="flex items-center justify-between gap-2.5">
<p class="uppercase text-subtitle-l">
Sélectionnez votre produit offert
</p>
<cinq-drawer-button class="relative block">
<button data-dom="button" aria-controls="cart-drawer" aria-expanded="false" type="button" aria-label="" class="flex size-6 items-center justify-center rounded-full">
<svg class="fill-current times size-full">
<use xlink:href="#icon-times" href="#icon-times"></use>
</svg>
</button>
</cinq-drawer-button>
</div>
</header>
<div class="js-samples-content h-full py-3 scrollbar-hidden overflow-y-scroll px-5">
<c-samples data-threshold="4900" class="block">
<form action="/cart" method="post" class="bg-primary-white space-y-6" data-dom="form" id="samples-drawer-form-submit"><fieldset class="block space-y-5" data-slot="1"><legend class="sr-only">Choisir un échantillon</legend><div class="grid grid-cols-2 gap-1.5"><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Choco_Blanc_Eshop.jpg?v=1778053418&width=192" alt="Stick Matcha Chocolat Blanc" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Choco_Blanc_Eshop.jpg?v=1778053418&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Chocolat Blanc</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_1" id="tease-sample-1-15373237256571" value="56216001675643" checked="" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Ceremonie_Eshop.jpg?v=1778053336&width=192" alt="Stick Matcha Cérémonie" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Ceremonie_Eshop.jpg?v=1778053336&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Cérémonie</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_1" id="tease-sample-1-15373584204155" value="56217128305019" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Fraise_Eshop.jpg?v=1778053397&width=192" alt="Stick Matcha Fraise" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Fraise_Eshop.jpg?v=1778053397&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Fraise</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_1" id="tease-sample-1-15373582991739" value="56217124176251" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Vanille_Eshop.jpg?v=1778053371&width=192" alt="Stick Matcha Vanille" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Vanille_Eshop.jpg?v=1778053371&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Vanille</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_1" id="tease-sample-1-15373583909243" value="56217125355899" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label></div>
</fieldset><fieldset class="block space-y-5 hidden" data-slot="2" aria-disabled="true"><legend class="sr-only">Choisir un échantillon</legend><p class="text-subtitle-xs text-primary-off-black mb-3">0,00€</p><div class="grid grid-cols-2 gap-1.5"><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Choco_Blanc_Eshop.jpg?v=1778053418&width=192" alt="Stick Matcha Chocolat Blanc" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Choco_Blanc_Eshop.jpg?v=1778053418&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Chocolat Blanc</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_2" id="tease-sample-2-15373237256571" value="56216001675643" checked="" disabled="" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Ceremonie_Eshop.jpg?v=1778053336&width=192" alt="Stick Matcha Cérémonie" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Ceremonie_Eshop.jpg?v=1778053336&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Cérémonie</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_2" id="tease-sample-2-15373584204155" value="56217128305019" disabled="" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Fraise_Eshop.jpg?v=1778053397&width=192" alt="Stick Matcha Fraise" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Fraise_Eshop.jpg?v=1778053397&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Fraise</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_2" id="tease-sample-2-15373582991739" value="56217124176251" disabled="" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label><label class="bg-primary-off-white focus-within:ring-primary-black cursor-pointer space-y-4 rounded-md p-4 focus-within:ring-2 focus-within:ring-offset-2 focus-within:outline-none"><img src="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Vanille_Eshop.jpg?v=1778053371&width=192" alt="Stick Matcha Vanille" srcset="//miliamatcha.com/cdn/shop/files/MILIA_Stick_Vanille_Eshop.jpg?v=1778053371&width=192 192w" width="192" height="154" class="w-24 h-26.5 object-contain object-center mx-auto"><div class="space-y-3 relative text-center">
<p class="text-xs font-bold">Stick Matcha Vanille</p>
<p class="text-subtitle-xs flex justify-center gap-1.5">0,00 EUR €</p>
<input type="radio" data-dom="radio" name="slot_2" id="tease-sample-2-15373583909243" value="56217125355899" disabled="" class="peer sr-only">
<p class="peer-checked:bg-primary-black peer-checked:text-primary-off-white peer-checked:border-primary-black bg-primary-off-white text-primary-off-black text-subtitle-xs border-primary-off-black rounded-md border p-2 px-4 py-3.25 uppercase before:content-[attr(data-add)] peer-checked:before:content-[attr(data-remove)]" aria-hidden="true" data-add="Ajouter" data-remove="Ajouté"></p>
</div>
</label></div>
</fieldset></form>
</c-samples></div>
<footer id="SamplesDrawerFooter" class="bg-primary-white p-5 mt-auto"><cinq-drawer-button class="block">
<button type="submit" class="w-full button button--primary" form="samples-drawer-form-submit" data-dom="button" aria-controls="cart-drawer" aria-expanded="false">Confirmer</button></cinq-drawer-button>
</footer>
</div>
</div>
</div>
</cinq-drawer>
</div><div class="hidden">
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-arrow-left"><path d="M4.5 1.7c.1 0 .3 0 .3.1.2.3.2.6 0 .8L2 5.5h9.2c.3 0 .5.2.5.5s-.2.5-.5.5H2l2.8 2.9c.2.2.2.5 0 .7s-.5.2-.7 0L.4 6.3l-.1-.1v-.5c0-.1.1-.1.1-.1l3.7-3.8c.1 0 .3-.1.4-.1z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-arrow-right"><path d="M7.5 10.3c-.1 0-.3 0-.3-.1-.2-.3-.2-.6 0-.8L10 6.5H.8C.5 6.5.3 6.3.3 6s.2-.5.5-.5H10L7.2 2.6c-.2-.2-.2-.5 0-.7.2-.2.5-.2.7 0l3.7 3.8.1.1v.4c0 .1-.1.1-.1.1l-3.7 3.8c-.1.1-.3.2-.4.2z"></path></symbol><symbol viewbox="0 0 24 24" xml:space="preserve" fill="currentColor" id="icon-bars"><path d="M21 19H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1zm0-6H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1zm0-6H3c-.6 0-1-.4-1-1s.4-1 1-1h18c.6 0 1 .4 1 1s-.4 1-1 1z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-cart"><path d="M9.3 3.6v-.2H7.7c0-.4-.2-.9-.5-1.2s-.8-.5-1.2-.5-.9.2-1.2.5-.5.7-.5 1.2H2.8v.2l-.9 6v.3c0 .1.1.2.1.2l.2.2c.1 0 .2.1.3.1h7.1c.1 0 .2 0 .3-.1.1 0 .2-.1.2-.2.1-.1.1-.2.1-.2v-.3l-.9-6zM5.2 2.5c.2-.2.5-.3.8-.3s.6.1.8.3c.2.3.4.6.4.9H4.8c0-.3.2-.6.4-.9zm4.5 7.2c0 .1-.1.1-.1.1H2.2c-.1 0 0 0 0-.1v-.1l.9-5.8h5.6l1 5.9c0-.1 0 0 0 0z"></path><path d="M4.8 4.8c-.1 0-.2 0-.2.1s-.1.1-.2.2v.2c0 .1.1.1.1.2.1.1.1.1.2.1h.2c.1 0 .1-.1.2-.1s.1-.1.1-.2 0-.2-.1-.3c-.1-.1-.2-.2-.3-.2zM7.3 4.8h-.2c-.1.1-.2.1-.2.2s-.1.1-.1.2 0 .2.1.3c.1.1.2.1.3.1.1 0 .2 0 .2-.1s.1-.1.1-.2v-.4c-.1 0-.1-.1-.2-.1z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-check"><path d="M10.8 3.5 5 9.3 1.2 5.5l.8-.8 3 3 5-5 .8.8z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-chevron-down"><path d="m10 4.4-4 4-4-4 .8-.8L6 6.8l3.2-3.2.8.8z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-chevron-left"><path d="m7.6 10-4-4 4-4 .8.8L5.2 6l3.2 3.2-.8.8z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-chevron-right"><path d="m4.4 2 4 4-4 4-.8-.8L6.8 6 3.6 2.8l.8-.8z"></path></symbol><symbol fill="currentColor" viewbox="0 0 18 18" id="icon-i"><rect width="18" height="18" rx="9"></rect><path d="M8.65 5.661a1.05 1.05 0 0 1 .319-.767 1.036 1.036 0 0 1 .75-.316c.145 0 .28.028.404.08.125.053.238.133.343.237a1.054 1.054 0 0 1 .311.766c0 .147-.025.284-.077.411s-.13.244-.234.35a1.056 1.056 0 0 1-.342.241c-.124.053-.26.08-.405.08-.148 0-.286-.026-.413-.079a1.073 1.073 0 0 1-.346-.238 1.086 1.086 0 0 1-.233-.35 1.082 1.082 0 0 1-.077-.415Zm.47 6.264c-.038.14-.117.413.117.413.05 0 .115-.028.192-.084.083-.06.179-.152.286-.272.108-.124.222-.27.34-.437.117-.168.24-.36.368-.574a.048.048 0 0 1 .067-.016l.434.322a.049.049 0 0 1 .013.066c-.2.347-.403.65-.607.91a4.08 4.08 0 0 1-.626.647l-.004.003c-.211.171-.428.3-.65.387-.618.239-1.595.2-1.875-.522-.176-.455-.031-.973.108-1.419l.701-2.125c.045-.16.102-.338.122-.504.035-.276-.087-.455-.388-.455h-.614a.049.049 0 0 1-.048-.049l.002-.017.161-.586a.048.048 0 0 1 .048-.036L10.4 7.48c.027-.001.05.02.05.047l-.002.015-1.327 4.384Z"></path></symbol><symbol viewbox="0 0 88 37.1" xml:space="preserve" fill="currentColor" id="icon-logo"><path d="M31.5 32.1h-.6c-.1 0-.1 0-.2.1l-1.6 2.5-1.6-2.5c0-.1-.1-.1-.2-.1h-.6c-.1 0-.2.1-.2.2v4.2c0 .3.3.6.6.6s.6-.3.6-.6v-1.8l.9 1.5c0 .1.1.1.2.1h.5c.1 0 .1 0 .2-.1l.9-1.4v1.8c0 .3.3.6.6.6s.6-.3.6-.6v-4.2c.1-.2 0-.3-.1-.3zM35.3 34.9l.5-1.1.5 1.1h-1zm1-2.7c0-.1-.1-.1-.2-.1h-.7c-.1 0-.1 0-.2.1l-1.8 4c-.1.2-.1.4 0 .5.1.2.3.3.5.3s.4-.1.5-.4l.3-.7h1.9l.3.7c.1.2.3.3.5.3s.4-.1.5-.3c.1-.2.1-.4.1-.5l-1.7-3.9zM42.6 32.1h-3.2c-.3 0-.6.2-.6.5s.2.6.6.6h1v3.2c0 .3.3.6.6.6s.6-.3.6-.6v-3.2h1c.3 0 .5-.3.5-.6s-.2-.5-.5-.5zM46.7 33.2c.5 0 .9.2 1.1.7.1.2.3.4.5.4s.4-.1.5-.3c.1-.2.1-.4 0-.6-.4-.9-1.2-1.4-2.2-1.4-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5c1 0 1.8-.5 2.2-1.4.1-.2.1-.4 0-.5-.1-.2-.3-.3-.5-.3s-.5.1-.5.4c-.2.5-.6.7-1.1.7-.8 0-1.3-.6-1.3-1.4 0-.8.5-1.3 1.3-1.3zM54.5 32c-.3 0-.6.3-.6.6V34H52v-1.4c0-.3-.3-.6-.6-.6s-.6.3-.6.6v3.9c0 .3.3.6.6.6s.6-.3.6-.6v-1.3h1.9v1.3c0 .3.3.6.6.6s.6-.3.6-.6v-3.9c-.1-.3-.3-.6-.6-.6zM58.7 34.9l.5-1.1.5 1.1h-1zm2.7 1.4-1.8-4c0-.1-.1-.1-.2-.1h-.7c-.1 0-.1 0-.2.1l-1.8 4c-.1.2-.1.4 0 .5.1.2.3.3.5.3s.4-.1.5-.4l.3-.7h1.9l.3.7c.1.2.3.3.5.3s.4-.1.5-.3c.3-.1.3-.3.2-.4zM75.6 16c-.6 2.8-2.7 4-3.6 4.1h-.5c-.5 0-.9-.2-1.1-.5-.4-.5-.5-1.4-.4-2 .4-2.9 2.6-4 3.4-4h.3c.8 0 1.5.3 1.8.7.2.4.3 1 .1 1.7zm11 3.3c-.6 0-.9.6-1.1 1 0 .1-.1.1-.1.2-.2.4-.6.8-1.2 1.2-.5.4-1.2.5-2 .5-1 0-1.9-.3-2.4-.9-.6-.6-.9-1.5-.9-2.6 0-3.3 1.5-5.7 2.2-6.9.1-.1.1-.2.1-.2.5-.8.6-1.9-.1-2.4 0-.1-.3-.2-.5-.2-.6 0-1.2.4-1.7.9-.4.3-.8.7-1.2.7-.1 0-.2 0-.4-.2-1.1-1-2.4-1.2-3.3-1.2-4.9 0-8.1 5.6-8.9 9.7-.6.4-1.1.6-1.6.6-1.4 0-2.2-.8-2.2-2.3 0-.7.3-1.8.9-3.5.5-1.5.8-2.6.8-3.3 0-.8-.4-1.2-1.2-1.2-.6 0-1.7.4-3.2 4.1-.8 1.9-1.4 4.1-1.7 5.5-.7.5-1.6.9-2.2.9-.6 0-.9-.2-1.2-.6-.6-1.1-.4-3.6.7-7.1 1-3.1 2.4-6.2 3.4-8 .5-.9.6-1.7.3-2.3-.2-.4-.6-.6-1-.6-1.7 0-3.6 3.7-5 6.8-1.7 3.7-3 8.1-3.6 11.2-.5.4-1.1.6-1.6.6-1.4 0-2.2-.8-2.2-2.3 0-.7.3-1.8.9-3.5.5-1.5.8-2.6.8-3.3 0-.8-.4-1.2-1.2-1.2-.7 0-1.3.7-2 1.8-.8 1.4-2.4 5.2-2.9 7.8-.7.5-1.4.8-2.2.8-1.8 0-2.8-1.1-2.8-3.1 0-1.5.3-3.4 1-5.6.4-1.5 1.2-3.6 2.6-3.6.2 0 .5.1.9.3.3.1.4.2.5.2.5 0 1-.4 1.5-1.3.6-.9.8-1.9.8-3C42.3 1.2 41 0 38.8 0c-3.7 0-7.1 2.3-9.9 6.6-.9 1.4-1.7 2.9-2.2 4-.1-2.2-.8-5.4-2.9-7.7C22.2 1 19.7 0 16.7 0 13.1 0 10.2 1 8 3c-2.2 2-3.3 4.4-3.3 7.2 0 1.6.4 2.9 1.3 3.9s2 1.5 3.3 1.5c1.4 0 2.5-.5 3.3-1.4.5-.6.8-1.2.8-1.7v-.4l-.2-.1c-.4-.1-.8-.4-1.1-.8-.4-.5-.6-1.2-.6-1.9 0-1.2.4-2.3 1.1-3 .8-.8 1.7-1.2 2.8-1.2 1 0 1.7.3 2.3 1 .5.6.8 1.5.8 2.6 0 1.5-.4 3.1-1.2 4.9-.8 1.8-1.9 3.3-3.4 4.7-1.5 1.4-3.2 2.1-5 2.1-1.2 0-2.2-.3-3-.9-.7-.5-1.1-1.2-1.2-1.9 0-.2-.3-.4-.5-.4-1.4 0-4.2 1.5-4.2 5.5 0 1.3.5 2.7 1.3 3.7s2.2 2.1 4.7 2.1c8.1 0 13.8-10.9 15-16.5.3-1.4.7-1.4.9-1.4.3 0 1 0 1 2.3 0 1.3-.4 3.1-1.1 5.6-.9 3-1 4-1.1 4.6 0 .5.2 1 .6 1.5.4.4 1 .7 1.6.7 1.7 0 2.9-1 3.3-2.7 1.7-6.8 3.8-11.7 5.2-11.7.4 0 .8.1.8 1.3 0 .9-.7 3.3-1.2 4.9-.2.5-.3.9-.4 1.2-1 3.6-1 6.1.1 7.6.7.9 1.7 1.3 3 1.3 2.1 0 4.2-1.8 5.8-3.7.1 1.3.4 2.3 1 2.9.5.5 1.2.8 2 .8 2.1 0 3.9-1.5 5.2-3.1.1 1 .4 1.8 1 2.3.5.5 1.1.8 1.9.8 2.2 0 4.3-1.8 5.8-3.6.1 1.3.4 2.2 1 2.8.5.5 1.2.8 2 .8 2 0 4-2 5.5-4 .4 2.5 2 4 3.6 4 3.3 0 5.5-2 6.8-3.9 0 1.8.2 4.2 1.7 5.8 1 1.1 2.5 1.7 4.3 1.7 5.2 0 6.8-5.3 6.8-7.8-.1-2.5-.6-3.7-1.5-3.7z"></path><path d="M63.3 8h.5c1.6 0 2.6-.9 2.8-2.2.1-.8-.1-1.5-.7-2.1-.5-.5-1.2-.8-2-.9h-.6c-1.5 0-2.6.9-2.8 2.2-.1.8.1 1.5.7 2.1.6.4 1.3.8 2.1.9zM46.5 8c.3 0 .6 0 .9-.1 1.8-.4 2.7-1.7 2.4-3.2-.3-1.2-1.2-1.9-2.6-1.9-.3 0-.6 0-1 .1-1.8.4-2.7 1.7-2.4 3.2.3 1.2 1.3 1.9 2.7 1.9z"></path></symbol><symbol fill="currentColor" viewbox="0 0 12 12" id="icon-minus"><path stroke="#000" stroke-width="1.2" d="M1 6.4h10"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-plus"><path d="M5.5 6.5v4.3h1.1V6.5h4.3v-1H6.5V1.2h-1v4.3H1.2v1.1h4.3z"></path></symbol><symbol viewbox="0 0 24 24" xml:space="preserve" fill="currentColor" id="icon-search"><path d="M19.6 18.7 15.9 15c2.1-2.6 2-6.5-.4-8.9-2.6-2.6-6.8-2.6-9.3 0-1.3 1.3-2 2.9-2 4.7 0 1.8.7 3.4 1.9 4.7 1.2 1.2 2.9 1.9 4.7 1.9 1.5 0 3-.5 4.2-1.5l3.7 3.7c.1.1.3.2.4.2.2 0 .3-.1.4-.2.3-.2.3-.6.1-.9zm-3.5-7.9c0 1.4-.6 2.8-1.6 3.8s-2.3 1.6-3.8 1.6S8 15.6 7 14.6s-1.6-2.3-1.6-3.8S6 8 7 7s2.3-1.6 3.8-1.6 2.8.6 3.8 1.6 1.5 2.4 1.5 3.8z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-star"><path d="M11.7 4.7H7.4L6 .2 4.6 4.7H.3l3.5 2.6-1.3 4.3L6 8.9l3.5 2.7-1.3-4.3z"></path></symbol><symbol viewbox="0 0 12 12" xml:space="preserve" fill="currentColor" id="icon-times"><path d="m6 6.7 3 3 .8-.7-3-3 3-3-.8-.8-3 3-3-3-.8.8 3 3-3 3 .8.8 3-3.1z"></path></symbol><symbol fill="currentColor" viewbox="0 0 16 16" id="icon-trash"><path d="M14 3h-3.53a3.07 3.07 0 0 0-.6-1.65C9.44.82 8.8.5 8 .5s-1.44.32-1.87.85A3.06 3.06 0 0 0 5.53 3H2a.5.5 0 1 0 0 1h1.25v10c0 .28.22.5.5.5h8.5a.5.5 0 0 0 .5-.5V4H14a.5.5 0 0 0 0-1ZM6.91 1.98c.23-.29.58-.48 1.09-.48.51 0 .85.19 1.09.48.2.24.3.6.36 1.02h-2.9c.05-.42.17-.78.36-1.02Zm4.84 11.52h-7.5V4h7.5v9.5Z"></path><path d="M6.55 5.25a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 1 0v-6a.5.5 0 0 0-.5-.5Zm2.9 0a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 1 0v-6a.5.5 0 0 0-.5-.5Z"></path></symbol><symbol viewbox="0 0 24 24" xml:space="preserve" fill="currentColor" id="icon-user"><path d="M12 12.2c-2.3 0-4.2-1.9-4.2-4.2S9.7 3.8 12 3.8s4.2 1.9 4.2 4.2-1.9 4.2-4.2 4.2zm0-7.4c-1.8 0-3.2 1.4-3.2 3.2s1.4 3.2 3.2 3.2 3.2-1.4 3.2-3.2-1.4-3.2-3.2-3.2zM19.5 20.7c-.3 0-.5-.2-.5-.5 0-3.9-3.1-7-7-7s-7 3.1-7 7c0 .3-.2.5-.5.5s-.5-.2-.5-.5c0-4.4 3.6-8 8-8s8 3.6 8 8c0 .3-.2.5-.5.5z"></path></symbol></svg>
</div>
<c-toast role="alert" aria-live="assertive" aria-atomic="true" class="bg-primary-white after:ease-none fixed top-0 right-0 z-100 my-5 ml-5 flex w-[calc(100%-1.25rem)] max-w-135 translate-x-full items-center gap-5 overflow-hidden rounded-l-md px-5 py-2.5 transition-transform duration-300 ease-in-out after:absolute after:inset-x-0 after:bottom-0 after:h-0.5 after:w-full after:origin-left after:scale-x-(--counter) after:bg-black after:transition-transform after:duration-75 open:translate-x-0" style="--counter: 0%;" data-counter="0" tabindex="-1">
<div data-dom="content"></div>
<button class="ml-auto flex size-9 shrink-0 items-center justify-center rounded-full bg-gray-200 text-black" aria-label="close" data-dom="button">
<svg class="fill-current times size-4">
<use xlink:href="#icon-times" href="#icon-times"></use>
</svg>
</button>
</c-toast>
<script>
window.shopUrl = 'https://miliamatcha.com';
window.routes = {
cart_add_url: '/cart/add',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
};
window.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"EUR","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
var Shopify = Shopify || {};
Shopify.money_format = '{{amount_with_comma_separator}}€';
</script>
<div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block"><script>
(function () {
const cartAttributes = {};
// Helper function to retrieve the UTM from Url
function getUTMFromUrl() {
const url_string = window.location.href;
const url = new URL(url_string);
const utm_id = url.searchParams.get("utm_id");
const utm_source = url.searchParams.get("utm_source");
const utm_medium = url.searchParams.get("utm_medium");
const utm_campaign = url.searchParams.get("utm_campaign");
const utm_term = url.searchParams.get("utm_term");
const ref = url.searchParams.get("ref");
if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
return null;
}
let utmParameters = {};
if (utm_id) {
utmParameters.utm_id = utm_id;
}
if (utm_source) {
utmParameters.utm_source = utm_source;
}
if (utm_medium) {
utmParameters.utm_medium = utm_medium;
}
if (utm_campaign) {
utmParameters.utm_campaign = utm_campaign;
}
if (utm_term) {
utmParameters.utm_term = utm_term;
}
if (ref) {
utmParameters.ref = ref;
}
return Object.keys(utmParameters).length === 0
? null
: utmParameters;
}
// Helper function to retrieve the UTM from Cookie
function getUTMAttributes() {
const urlUtmParams = getUTMFromUrl();
if (urlUtmParams) {
return urlUtmParams;
}
// No longer reading from deprecated Shopify cookies
return undefined;
}
function saveUtmParameters() {
const utmParams = getUTMAttributes();
if (utmParams) {
const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
if (cartHasUtmAttributes) {
// Don't call API if it already contains our UTM parameters
return;
}
// Handle both Shopify.routes.root and routes.root_url for better compatibility
var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root)
|| (window.routes && window.routes.root_url)
|| '/';
var updateCart = fetch(rootUrl + 'cart/update.js',
{
headers: {
'Content-Type': 'application/json',
},
method: "POST",
body: JSON.stringify({
attributes: {
...utmParams
},
})
})
.then(response => response.json())
.then(data => {
return data
});
}
}
saveUtmParameters();
})();
</script>
</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
