<!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/collections/accessoires">
<meta property="og:title" content="Accessoires - Milia Matcha">
<meta property="og:type" content="website">
<meta property="og:description" content="Retrouvez notre Matcha to Go, ainsi qu'un fouet en bambou et un fouet électrique pour vous aider à préparer vos matchas"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Accessoires - Milia Matcha">
<meta name="twitter:description" content="Retrouvez notre Matcha to Go, ainsi qu'un fouet en bambou et un fouet électrique pour vous aider à préparer vos matchas">
<title>
Accessoires - Milia Matcha
</title>
<link rel="canonical" href="https://miliamatcha.com/collections/accessoires">
<meta name="description" content="Retrouvez notre Matcha to Go, ainsi qu'un fouet en bambou et un fouet électrique pour vous aider à préparer vos matchas">
<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" type="application/atom+xml" title="Feed" href="/collections/accessoires.atom">
<link rel="alternate" hreflang="x-default" href="https://miliamatcha.com/collections/accessoires">
<link rel="alternate" type="application/json+oembed" href="https://miliamatcha.com/collections/accessoires.oembed">
<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":"collection"}</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":"7f87e978-e531-4a5c-a4d6-1271c708edba-1782746342","pageurl":"miliamatcha.com\/collections\/accessoires","u":"6041cd09e65d","p":"collection","rtyp":"collection","rid":465156538675};</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 id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- 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/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 = "collection";
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;
var __AW__items = [];
var __AW__itemVariantQuantity = 185;
var __AW__itemVariant = {"id":53505213596027,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MTG-B","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Matcha To Go","public_title":null,"options":["Default Title"],"price":4800,"weight":284,"compare_at_price":4800,"inventory_management":"shopify","barcode":"3770032398242","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 1,
'item_id' : __AW__transformNumberToString(14682670498171),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(14682670498171),
'item_product_title': "Matcha To Go",
'item_name' : "Matcha To Go",
'discount' : discountPrice,
'price' : getFormattedPrice("48,00"),
'item_brand' : "milia-matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/matcha-to-go",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 310;
var __AW__itemVariant = {"id":55874023195003,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MILI-VERREM-ACCE","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"1 Verre Milia Matcha","public_title":null,"options":["Default Title"],"price":1690,"weight":260,"compare_at_price":null,"inventory_management":"shopify","barcode":"3770032398419","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 2,
'item_id' : __AW__transformNumberToString(15275711758715),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(15275711758715),
'item_product_title': "1 Verre Milia Matcha",
'item_name' : "1 Verre Milia Matcha",
'discount' : discountPrice,
'price' : getFormattedPrice("16,90"),
'item_brand' : "Milia Matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/verre-milia-matcha",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 20418;
var __AW__itemVariant = {"id":47299855155507,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"FB-N","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Le Fouet Bambou","public_title":null,"options":["Default Title"],"price":2190,"weight":66,"compare_at_price":2190,"inventory_management":"shopify","barcode":"3770032398044","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 3,
'item_id' : __AW__transformNumberToString(8784449798451),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(8784449798451),
'item_product_title': "Le Fouet Bambou",
'item_name' : "Le Fouet Bambou",
'discount' : discountPrice,
'price' : getFormattedPrice("21,90"),
'item_brand' : "milia-matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/le-fouet-bambou",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 49;
var __AW__itemVariant = {"id":55966004183419,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MILI-VERREM-ACCE","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"2 Verres Milia Matcha","public_title":null,"options":["Default Title"],"price":2890,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"3770032398419","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 4,
'item_id' : __AW__transformNumberToString(15309448642939),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(15309448642939),
'item_product_title': "2 Verres Milia Matcha",
'item_name' : "2 Verres Milia Matcha",
'discount' : discountPrice,
'price' : getFormattedPrice("28,90"),
'item_brand' : "Milia Matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/2-verres-milia-matcha",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 0;
var __AW__itemVariant = {"id":47484740698419,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"FE-B","requires_shipping":true,"taxable":true,"featured_image":null,"available":false,"name":"Le Fouet Électrique","public_title":null,"options":["Default Title"],"price":2490,"weight":234,"compare_at_price":2490,"inventory_management":"shopify","barcode":"3770032398051","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 5,
'item_id' : __AW__transformNumberToString(8838021841203),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(8838021841203),
'item_product_title': "Le Fouet Électrique",
'item_name' : "Le Fouet Électrique",
'discount' : discountPrice,
'price' : getFormattedPrice("24,90"),
'item_brand' : "milia-matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/le-fouet-electrique",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 88;
var __AW__itemVariant = {"id":55966004380027,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MILI-VERREM-ACCE","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"4 Verres Milia Matcha","public_title":null,"options":["Default Title"],"price":4990,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"3770032398419","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 6,
'item_id' : __AW__transformNumberToString(15309448708475),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(15309448708475),
'item_product_title': "4 Verres Milia Matcha",
'item_name' : "4 Verres Milia Matcha",
'discount' : discountPrice,
'price' : getFormattedPrice("49,90"),
'item_brand' : "Milia Matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/4-verres-milia-matcha",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
var __AW__itemVariantQuantity = 450;
var __AW__itemVariant = {"id":55940953702779,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"MILI-TOTEBG-BRDX","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Tote Bag Milia Matcha - Bordeaux","public_title":null,"options":["Default Title"],"price":1990,"weight":224,"compare_at_price":null,"inventory_management":"shopify","barcode":"3770032398426","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}};
discountPrice = 0.00;
__AW__items.push(
{
'index' : 7,
'item_id' : __AW__transformNumberToString(15300887118203),
'item_variant' : __AW__itemVariant?.title ?? null,
'item_variant_id' : __AW__transformNumberToString(__AW__itemVariant?.id ?? null),
'item_variant_title': __AW__itemVariant?.title ?? null,
'item_product_id' : __AW__transformNumberToString(15300887118203),
'item_product_title': "Tote Bag Milia Matcha - Bordeaux",
'item_name' : "Tote Bag Milia Matcha - Bordeaux",
'discount' : discountPrice,
'price' : getFormattedPrice("19,90"),
'item_brand' : "Milia Matcha",
'item_category' : "Accessoires",
'item_list_id' : 465156538675,
'item_list_name' : "Accessoires",
'sku' : __AW__transformNumberToString(__AW__itemVariant?.sku ?? null),
'url' : "\/products\/tote-bag-milia-matcha-bordeaux",
'quantity' : 1,
'inventory_quantity' : __AW__itemVariantQuantity,
'selling_plan_id' : null,
'selling_plan_name' : null
}
)
const awEcommerceList = {
ecommerce: {
currency: "EUR",
item_list_id: 465156538675,
item_list_name: "Accessoires",
items: []
}
};
sendBatchEvents(__AW__items, "view_item_list", awEcommerceList);
document.addEventListener('pointerdown', function(event) {
const productLink = event.target.closest('a[href*="/products/"]');
if(productLink) {
const linkUrl = productLink.getAttribute('href');
const matchProduct = (item) => {
var itemSlug = (item.url.split('/products/')[1]).split('#')[0].split('?')[0].trim();
var linkUrlItemSlug = (linkUrl.split('/products/')[1]).split('#')[0].split('?')[0].trim();
return itemSlug === linkUrlItemSlug;
}
const selectedItem = __AW__items.find(matchProduct);
if(selectedItem) {
window[__AW__settings.dataLayerVariableName].push({ ecommerce: null });
window[__AW__settings.dataLayerVariableName].push({
...{'event': __AW__getEventNameWithSuffix('select_item')},
...{
ecommerce: {
currency: "EUR",
item_list_id: 465156538675,
item_list_name: "Accessoires",
items: [selectedItem]
}
}
});
}
}
});
/** 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/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 --><!-- 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/collections/accessoires","en":"https://miliamatcha.com/en/collections/accessoires","ja":"https://miliamatcha.com/ja/collections/accessoires","es":"https://miliamatcha.com/es/collections/accessoires","nl":"https://miliamatcha.com/nl/collections/accessoires","de":"https://miliamatcha.com/de/collections/accessoires"},"originalCanonicalUrl":"https://miliamatcha.com/collections/accessoires","originalPath":"/collections/accessoires","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 --><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: "collection"};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":"14682670498171","handle":"matcha-to-go","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"53505213596027","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":"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":"15309448642939","handle":"2-verres-milia-matcha","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55966004183419","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8838021841203","handle":"le-fouet-electrique","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"47484740698419","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15309448708475","handle":"4-verres-milia-matcha","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55966004380027","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15300887118203","handle":"tote-bag-milia-matcha-bordeaux","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"55940953702779","price":{"amount":0.0,"currencyCode":"EUR"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"collection","resourceId":465156538675}},},"https://miliamatcha.com/cdn","4074779awe500cddcp1e53a49dm5f7c656e",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","themeId":"181740339579","pageType":"collection","resourceId":"465156538675","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\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"465156538675\",\"title\":\"Accessoires\",\"productVariants\":[{\"price\":{\"amount\":48.0,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Matcha To Go\",\"vendor\":\"milia-matcha\",\"id\":\"14682670498171\",\"untranslatedTitle\":\"Matcha To Go\",\"url\":\"\/products\/matcha-to-go\",\"type\":\"Accessoires\"},\"id\":\"53505213596027\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/Matcha_To_Go_eshop_2026.jpg?v=1776669194\"},\"sku\":\"MTG-B\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":16.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"1 Verre Milia Matcha\",\"vendor\":\"Milia Matcha\",\"id\":\"15275711758715\",\"untranslatedTitle\":\"1 Verre Milia Matcha\",\"url\":\"\/products\/verre-milia-matcha\",\"type\":\"Accessoires\"},\"id\":\"55874023195003\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/1_Verre_Milia_Matcha_eshop2026.jpg?v=1776848082\"},\"sku\":\"MILI-VERREM-ACCE\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":21.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Le Fouet Bambou\",\"vendor\":\"milia-matcha\",\"id\":\"8784449798451\",\"untranslatedTitle\":\"Le Fouet Bambou\",\"url\":\"\/products\/le-fouet-bambou\",\"type\":\"Accessoires\"},\"id\":\"47299855155507\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/Fouet-bambou-eshop_2026.jpg?v=1776668933\"},\"sku\":\"FB-N\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":28.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"2 Verres Milia Matcha\",\"vendor\":\"Milia Matcha\",\"id\":\"15309448642939\",\"untranslatedTitle\":\"2 Verres Milia Matcha\",\"url\":\"\/products\/2-verres-milia-matcha\",\"type\":\"Accessoires\"},\"id\":\"55966004183419\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/2_Verres_Milia_Matcha_eshop_2026_jpg.jpg?v=1776695482\"},\"sku\":\"MILI-VERREM-ACCE\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":24.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Le Fouet Électrique\",\"vendor\":\"milia-matcha\",\"id\":\"8838021841203\",\"untranslatedTitle\":\"Le Fouet Électrique\",\"url\":\"\/products\/le-fouet-electrique\",\"type\":\"Accessoires\"},\"id\":\"47484740698419\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/Fouet-electrique-eshop_2026.jpg?v=1776669038\"},\"sku\":\"FE-B\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":49.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"4 Verres Milia Matcha\",\"vendor\":\"Milia Matcha\",\"id\":\"15309448708475\",\"untranslatedTitle\":\"4 Verres Milia Matcha\",\"url\":\"\/products\/4-verres-milia-matcha\",\"type\":\"Accessoires\"},\"id\":\"55966004380027\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/4_Verres_Milia_Matcha_eshop_2026.webp?v=1776848397\"},\"sku\":\"MILI-VERREM-ACCE\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"},{\"price\":{\"amount\":19.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"Tote Bag Milia Matcha - Bordeaux\",\"vendor\":\"Milia Matcha\",\"id\":\"15300887118203\",\"untranslatedTitle\":\"Tote Bag Milia Matcha - Bordeaux\",\"url\":\"\/products\/tote-bag-milia-matcha-bordeaux\",\"type\":\"Accessoires\"},\"id\":\"55940953702779\",\"image\":{\"src\":\"\/\/miliamatcha.com\/cdn\/shop\/files\/Tote_Bag_Bordeaux_V2_eshop_2026.jpg?v=1778502103\"},\"sku\":\"MILI-TOTEBG-BRDX\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}]}}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"products":[{"id":14682670498171,"gid":"gid:\/\/shopify\/Product\/14682670498171","vendor":"milia-matcha","type":"Accessoires","handle":"matcha-to-go","variants":[{"id":53505213596027,"price":4800,"name":"Matcha To Go","public_title":null,"sku":"MTG-B"}],"remote":false},{"id":15275711758715,"gid":"gid:\/\/shopify\/Product\/15275711758715","vendor":"Milia Matcha","type":"Accessoires","handle":"verre-milia-matcha","variants":[{"id":55874023195003,"price":1690,"name":"1 Verre Milia Matcha","public_title":null,"sku":"MILI-VERREM-ACCE"}],"remote":false},{"id":8784449798451,"gid":"gid:\/\/shopify\/Product\/8784449798451","vendor":"milia-matcha","type":"Accessoires","handle":"le-fouet-bambou","variants":[{"id":47299855155507,"price":2190,"name":"Le Fouet Bambou","public_title":null,"sku":"FB-N"}],"remote":false},{"id":15309448642939,"gid":"gid:\/\/shopify\/Product\/15309448642939","vendor":"Milia Matcha","type":"Accessoires","handle":"2-verres-milia-matcha","variants":[{"id":55966004183419,"price":2890,"name":"2 Verres Milia Matcha","public_title":null,"sku":"MILI-VERREM-ACCE"}],"remote":false},{"id":8838021841203,"gid":"gid:\/\/shopify\/Product\/8838021841203","vendor":"milia-matcha","type":"Accessoires","handle":"le-fouet-electrique","variants":[{"id":47484740698419,"price":2490,"name":"Le Fouet Électrique","public_title":null,"sku":"FE-B"}],"remote":false},{"id":15309448708475,"gid":"gid:\/\/shopify\/Product\/15309448708475","vendor":"Milia Matcha","type":"Accessoires","handle":"4-verres-milia-matcha","variants":[{"id":55966004380027,"price":4990,"name":"4 Verres Milia Matcha","public_title":null,"sku":"MILI-VERREM-ACCE"}],"remote":false},{"id":15300887118203,"gid":"gid:\/\/shopify\/Product\/15300887118203","vendor":"Milia Matcha","type":"Accessoires","handle":"tote-bag-milia-matcha-bordeaux","variants":[{"id":55940953702779,"price":1990,"name":"Tote Bag Milia Matcha - Bordeaux","public_title":null,"sku":"MILI-TOTEBG-BRDX"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":465156538675,"requestId":"7f87e978-e531-4a5c-a4d6-1271c708edba-1782746342"}};
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":"9129efa3-2f2b-4468-a778-42ecc754bced"},"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":"collection","resourceType":"collection","resourceId":465156538675,"requestId":"7f87e978-e531-4a5c-a4d6-1271c708edba-1782746342","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"EUR","category":"Collection: accessoires","collectionName":"accessoires","collectionId":465156538675,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
}
});
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="collection" 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/collections/accessoires" hreflang="fr" rel="alternate"><link href="https://miliamatcha.com/en/collections/accessoires" hreflang="en" rel="alternate"><link href="https://miliamatcha.com/ja/collections/accessoires" hreflang="ja" rel="alternate"><link href="https://miliamatcha.com/es/collections/accessoires" hreflang="es" rel="alternate"><link href="https://miliamatcha.com/nl/collections/accessoires" hreflang="nl" rel="alternate"><link href="https://miliamatcha.com/de/collections/accessoires" hreflang="de" rel="alternate"></head>
<body class="text-base antialiased template-collection">
<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--25490614518139__main" class="shopify-section">
<style data-shopify="">.section-template--25490614518139__main-padding {
padding-top: 3.0rem;
padding-bottom: 3.0rem;
}
@media (width >= 64rem) {
.section-template--25490614518139__main-padding {
padding-top: 5.0rem;
padding-bottom: 5.0rem;
}
}</style><div class="section-template--25490614518139__main-padding space-y-13 color-scheme-1"><div class="container grid grid-cols-4 gap-2.5 text-center lg:grid-cols-12 lg:gap-5">
<div class="col-span-full space-y-10 lg:col-span-6 lg:col-start-4">
<nav aria-label="Fil d’Ariane" class="breadcrumb text-primary-white/60 text-2xs">
<ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="inline-flex flex-wrap gap-y-1"><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Accueil</span>
</a><meta itemprop="position" content="1"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/collections" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Collections</span>
</a><meta itemprop="position" content="2"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><span itemprop="name" aria-current="page">Accessoires</span>
<meta itemprop="item" content="/collections/accessoires"><meta itemprop="position" content="3"></li></ol>
</nav><h1 class="text-title-s">Accessoires</h1>
</div>
</div><div class="container grid grid-cols-4 gap-x-2.5 gap-y-10 text-center lg:grid-cols-12 lg:gap-x-5">
<div class="col-span-full space-y-10 lg:col-span-6 lg:col-start-4"><div class="wysiwyg text-xs"><p data-start="469" data-end="623">Fouet en bambou, fouet électrique, mug Matcha To Go, verre Milia Matcha ou encore tote bags: découvrez nos accessoires essentiels pour une préparation parfaite du matcha, à la maison ou en déplacement.</p></div></div>
</div><div class="space-y-6"><div class="container">
<div class="flex flex-col items-center gap-2 lg:flex-row lg:justify-between lg:gap-4">
<cinq-drawer-button class="bg-primary-white block w-full rounded-3xl px-6 py-5 lg:w-auto">
<button data-dom="button" aria-controls="filter-drawer" aria-expanded="false" type="button" class="text-subtitle-s uppercase" aria-label="Tous les filtres">
Tous les filtres
</button>
</cinq-drawer-button>
<c-select-controller data-action="redirect" class="border-ui-grey-light lg:max-w-auto hover:border-ui-grey-dark block max-w-full rounded-3xl border px-6 py-4.75 transition-colors duration-300 ease-out"><label for="SortBy" class="sr-only">Trier par</label>
<select name="sort_by" id="SortBy" class="text-subtitle-s w-full cursor-pointer uppercase lg:w-auto"><option value="manual" data-url="?sort_by=manual" selected="">
En vedette
</option><option value="most-relevant" data-url="?sort_by=most-relevant">
Le plus pertinent
</option><option value="best-selling" data-url="?sort_by=best-selling">
Meilleures ventes
</option><option value="title-ascending" data-url="?sort_by=title-ascending">
Alphabétique, de A à Z
</option><option value="title-descending" data-url="?sort_by=title-descending">
Alphabétique, de Z à A
</option><option value="price-ascending" data-url="?sort_by=price-ascending">
Prix: faible à élevé
</option><option value="price-descending" data-url="?sort_by=price-descending">
Prix: élevé à faible
</option><option value="created-ascending" data-url="?sort_by=created-ascending">
Date, de la plus ancienne à la plus récente
</option><option value="created-descending" data-url="?sort_by=created-descending">
Date, de la plus récente à la plus ancienne
</option></select>
</c-select-controller>
</div>
</div>
<c-load-more id="CollectionLoadMore-template--25490614518139__main" data-action="" data-current-page="1" data-total-pages="1" class="flex gap-y-10 lg:gap-y-19.5 flex-col">
<div data-dom="container" data-out-of="7 produits affichés sur 7" class="container grid grid-cols-4 gap-x-2 gap-y-4 lg:grid-cols-12 lg:gap-x-4">
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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 To Go">
<a href="/products/matcha-to-go" aria-label="Voir Matcha To Go" 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/Matcha_To_Go_eshop_2026.jpg?v=1776669194&width=668" alt="Matcha To Go Milia Matcha" srcset="//miliamatcha.com/cdn/shop/files/Matcha_To_Go_eshop_2026.jpg?v=1776669194&width=650 650w, //miliamatcha.com/cdn/shop/files/Matcha_To_Go_eshop_2026.jpg?v=1776669194&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 To Go" poster="//miliamatcha.com/cdn/shop/files/preview_images/48cc6f8d765842839cdf0a91465050cc.thumbnail.0000000000_668x.jpg?v=1762942478"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/48cc6f8d765842839cdf0a91465050cc/48cc6f8d765842839cdf0a91465050cc.HD-1080p-7.2Mbps-62442140.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/48cc6f8d765842839cdf0a91465050cc.thumbnail.0000000000_668x.jpg?v=1762942478"></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>Matcha To Go</p>
</div>
<div class="text-xs shrink-0">48,00 EUR €</div>
</div><div class="flex items-center gap-2.75"><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">Isotherme</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="53505213596027">
<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 To Go">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div>
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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="col-span-full md:col-span-2 lg:col-span-3">
<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="Le Fouet Bambou">
<a href="/products/le-fouet-bambou" aria-label="Voir Le Fouet Bambou" 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/Fouet-bambou-eshop_2026.jpg?v=1776668933&width=668" alt="Le Fouet Bambou" srcset="//miliamatcha.com/cdn/shop/files/Fouet-bambou-eshop_2026.jpg?v=1776668933&width=650 650w, //miliamatcha.com/cdn/shop/files/Fouet-bambou-eshop_2026.jpg?v=1776668933&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"><img src="//miliamatcha.com/cdn/shop/files/Fouet-bambou-eshop-2-webp.webp?v=1776668933&width=668" alt="Main tenant un fouet en bambou chasen Milia Matcha sur fond blanc" srcset="//miliamatcha.com/cdn/shop/files/Fouet-bambou-eshop-2-webp.webp?v=1776668933&width=650 650w, //miliamatcha.com/cdn/shop/files/Fouet-bambou-eshop-2-webp.webp?v=1776668933&width=668 668w" width="668" height="855" 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></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>Le Fouet Bambou</p>
</div>
<div class="text-xs shrink-0">21,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><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">Améliore la préparation</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="47299855155507">
<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 Le Fouet Bambou">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div>
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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="2 Verres Milia Matcha">
<a href="/products/2-verres-milia-matcha" aria-label="Voir 2 Verres 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/2_Verres_Milia_Matcha_eshop_2026_jpg.jpg?v=1776695482&width=668" alt="Lot de deux verres Milia Matcha fond blanc" srcset="//miliamatcha.com/cdn/shop/files/2_Verres_Milia_Matcha_eshop_2026_jpg.jpg?v=1776695482&width=650 650w, //miliamatcha.com/cdn/shop/files/2_Verres_Milia_Matcha_eshop_2026_jpg.jpg?v=1776695482&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="2 Verres 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>2 Verres</p>
</div>
<div class="text-xs shrink-0">28,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">2 verres</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="55966004183419">
<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 2 Verres Milia Matcha">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div>
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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="Le Fouet Électrique">
<a href="/products/le-fouet-electrique" aria-label="Voir Le Fouet Électrique" 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">Épuisé</span></li></ul><span class="relative block size-full">
<span class="block size-full"><img src="//miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop_2026.jpg?v=1776669038&width=668" alt="Le Fouet Électrique" srcset="//miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop_2026.jpg?v=1776669038&width=650 650w, //miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop_2026.jpg?v=1776669038&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"><img src="//miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop-3-webp.webp?v=1776669038&width=668" alt="Main tenant un fouet électrique à lait Milia Matcha sur fond blanc" srcset="//miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop-3-webp.webp?v=1776669038&width=650 650w, //miliamatcha.com/cdn/shop/files/Fouet-electrique-eshop-3-webp.webp?v=1776669038&width=668 668w" width="668" height="855" 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></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:translate-y-0">
<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>Le Fouet Électrique</p>
</div>
<div class="text-xs shrink-0">24,90 EUR €</div>
</div></div></div>
</div>
</article>
</div>
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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="4 Verres Milia Matcha">
<a href="/products/4-verres-milia-matcha" aria-label="Voir 4 Verres 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/4_Verres_Milia_Matcha_eshop_2026.webp?v=1776848397&width=668" alt="Lot de quatre verres Milia Matcha fond blanc" srcset="//miliamatcha.com/cdn/shop/files/4_Verres_Milia_Matcha_eshop_2026.webp?v=1776848397&width=650 650w, //miliamatcha.com/cdn/shop/files/4_Verres_Milia_Matcha_eshop_2026.webp?v=1776848397&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="Vidéo verre Mila Matcha" poster="//miliamatcha.com/cdn/shop/files/preview_images/c94dc170ae464faf90b58ee9ccace3f2.thumbnail.0000000000_668x.jpg?v=1765297684"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/c94dc170ae464faf90b58ee9ccace3f2/c94dc170ae464faf90b58ee9ccace3f2.HD-1080p-7.2Mbps-64806865.mp4?v=0" type="video/mp4"><img alt="Vidéo verre Mila Matcha" src="//miliamatcha.com/cdn/shop/files/preview_images/c94dc170ae464faf90b58ee9ccace3f2.thumbnail.0000000000_668x.jpg?v=1765297684"></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>4 Verres</p>
</div>
<div class="text-xs shrink-0">49,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">4 verres</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="55966004380027">
<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 4 Verres Milia Matcha">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div>
<div class="col-span-full md:col-span-2 lg:col-span-3">
<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="Tote Bag Milia Matcha - Bordeaux">
<a href="/products/tote-bag-milia-matcha-bordeaux" aria-label="Voir Tote Bag Milia Matcha - Bordeaux" 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/Tote_Bag_Bordeaux_V2_eshop_2026.jpg?v=1778502103&width=668" alt="Tote Bag Milia Matcha - Bordeaux" srcset="//miliamatcha.com/cdn/shop/files/Tote_Bag_Bordeaux_V2_eshop_2026.jpg?v=1778502103&width=650 650w, //miliamatcha.com/cdn/shop/files/Tote_Bag_Bordeaux_V2_eshop_2026.jpg?v=1778502103&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="Tote Bag Milia Matcha - Bordeaux" poster="//miliamatcha.com/cdn/shop/files/preview_images/683578a3d7184212886953e2a02b0b41.thumbnail.0000000000_668x.jpg?v=1766479168"><source src="//miliamatcha.com/cdn/shop/videos/c/vp/683578a3d7184212886953e2a02b0b41/683578a3d7184212886953e2a02b0b41.HD-1080p-7.2Mbps-65703964.mp4?v=0" type="video/mp4"><img src="//miliamatcha.com/cdn/shop/files/preview_images/683578a3d7184212886953e2a02b0b41.thumbnail.0000000000_668x.jpg?v=1766479168"></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>Tote Bag Bordeaux</p>
</div>
<div class="text-xs shrink-0">19,90 EUR €</div>
</div><div class="flex items-center gap-2.75"><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">Grand tote bag</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">Poche intérieure</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="55940953702779">
<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 Tote Bag Milia Matcha - Bordeaux">Ajouter au panier</button></form>
</c-add-to-cart-button></div>
</div>
</article>
</div>
</div></c-load-more>
</div>
</div>
<cinq-drawer id="filter-drawer" cid="filter-drawer" class="group fixed inset-0 z-20 w-full block" style="opacity: 0; visibility: hidden; height: calc(100% - var(--headroom-top, 0px)); margin-top: var(--headroom-top, 0px);">
<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="bg-gray 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">Filtrer</p><cinq-drawer-button class="ms-auto flex items-center justify-center">
<button data-dom="button" aria-controls="filter-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="grow p-5">
<form id="CollectionFiltersForm" data-collection-url="/collections/accessoires">
<div class="block">
<div class="border-ui-grey-light space-y-4 border-b py-5">
<h3 class="text-primary-black/90 text-subtitle-s" id="CollectionFilterLabel-0">Type de produit</h3>
<div>
<div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-4">
<label class="text-s col-span-1 flex cursor-pointer items-center gap-3">
<input type="checkbox" name="filter.p.product_type" value="Accessoires" class="peer sr-only">
<span aria-hidden="true" class="border-ui-grey-light bg-primary-white peer-checked:border-primary-pink peer-checked:bg-primary-pink peer-focus-visible:ring-primary-pink/30 flex size-6 shrink-0 items-center justify-center rounded-md border text-black transition-colors duration-200 ease-out peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2 [&_svg]:opacity-0 [&_svg]:transition-opacity [&_svg]:duration-200 [&_svg]:ease-out peer-checked:[&_svg]:opacity-100">
<svg class="fill-current check size-3.5 pointer-events-none">
<use xlink:href="#icon-check" href="#icon-check"></use>
</svg>
</span>
<span>Accessoires</span>
</label>
</div>
</div>
</div>
<div class="border-ui-grey-light space-y-4 border-b py-5">
<h3 class="text-primary-black/90 text-subtitle-s" id="CollectionFilterLabel-1">Price</h3>
<div>
<c-price-range class="block"><div class="flex flex-col gap-4">
<div class="before:bg-ui-grey-light relative h-4 before:absolute before:inset-0 before:z-0 before:m-auto before:h-0.5 before:w-full" data-dom="rail" role="group" aria-labelledby="CollectionFilterLabel-1" style="--range-left: 0%; --range-width: 100%;">
<div class="bg-primary-pink absolute inset-y-0 z-0 m-auto h-0.5" style="left: var(--range-left, 0%); width: var(--range-width, 0%);" data-dom="range"></div>
<button type="button" role="slider" tabindex="0" class="bg-primary-white border-primary-pink absolute top-0 size-4.75 rounded-full border-[0.125rem]" style="left: 0" aria-label="Prix max" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="49" aria-valuenow="49" aria-valuetext="49€"></button>
<button type="button" role="slider" tabindex="0" class="bg-primary-white border-primary-pink absolute top-0 size-4.75 rounded-full border-[0.125rem]" style="left: 0" aria-label="Prix min" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="49" aria-valuenow="0" aria-valuetext="0€"></button>
</div>
<div class="flex justify-between gap-2 lg:gap-4">
<label class="text-xs">
<span class="sr-only">Prix min</span>
<div class="border-ui-grey-light relative rounded-xl border">
<input class="border-ui-grey-light px-3 py-2 pr-10" type="number" inputmode="numeric" name="filter.v.price.gte" value="0" min="0" max="49" data-dom="min">
<span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
€
</span>
</div>
</label>
<label class="text-xs">
<span class="sr-only">Prix max</span>
<div class="border-ui-grey-light relative rounded-xl border">
<input class="text-small w-full px-3 py-2 pr-10" type="number" inputmode="numeric" name="filter.v.price.lte" value="49" min="0" max="49" data-dom="max">
<span class="text-small text-ui-grey-dark pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">€</span>
</div>
</label>
</div>
</div>
</c-price-range>
</div>
</div>
</div>
</form>
</div>
<footer class="flex gap-2.5 px-5 py-8">
<a href="/collections/accessoires" class="grow w-full button button--primary">Effacer les filtres</a>
<button type="submit" class="grow w-full button" id="ApplyFilters" form="CollectionFiltersForm">Appliquer les filtres</button></footer>
</div></div>
</div>
</cinq-drawer>
</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">
<nav aria-label="Fil d’Ariane" class="breadcrumb pt-10 bg-primary-white hidden lg:block text-subtitle-xs">
<ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="inline-flex flex-wrap gap-y-1 container"><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Accueil</span>
</a><meta itemprop="position" content="1"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/collections" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Collections</span>
</a><meta itemprop="position" content="2"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><span itemprop="name" aria-current="page">Accessoires</span>
<meta itemprop="item" content="/collections/accessoires"><meta itemprop="position" content="3"></li></ol>
</nav><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>
<nav aria-label="Fil d’Ariane" class="breadcrumb block lg:hidden bg-primary-white pb-6 text-subtitle-xs">
<ol itemscope="" itemtype="https://schema.org/BreadcrumbList" class="inline-flex flex-wrap gap-y-1 container"><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Accueil</span>
</a><meta itemprop="position" content="1"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><a itemprop="item" href="/collections" class="underline-offset-[calc(12em/12)] hover:underline">
<span itemprop="name">Collections</span>
</a><meta itemprop="position" content="2"><span aria-hidden="true"> / </span></li><li itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem" class="flex items-center gap-x-2"><span itemprop="name" aria-current="page">Accessoires</span>
<meta itemprop="item" content="/collections/accessoires"><meta itemprop="position" content="3"></li></ol>
</nav><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="/collections/accessoires"><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>
