Yerba Mate | Montreal & Toronto, Canada

<!doctype html> <html class="is-loading" lang="en" data-template="index" data-debug="false" > <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <meta name="google-site-verification" content=""> <link rel="canonical" href="https://matelibre.com/"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="apple-touch-icon" sizes="180x180" href="//matelibre.com/cdn/shop/t/25/assets/apple-touch-icon.png?v=63373535538480006571693502355" > <link rel="icon" type="image/png" sizes="32x32" href="//matelibre.com/cdn/shop/t/25/assets/favicon-32x32.png?v=97068550288810523581693502354" > <link rel="icon" type="image/png" sizes="16x16" href="//matelibre.com/cdn/shop/t/25/assets/favicon-16x16.png?v=115760538532856175521693502353" > <link rel="manifest" href="//matelibre.com/cdn/shop/t/25/assets/site.webmanifest?v=22430648516739803481693502353"> <link rel="mask-icon" href="//matelibre.com/cdn/shop/t/25/assets/safari-pinned-tab.svg?v=175267847931741541011693502359" color="#000000" > <meta name="msapplication-TileColor" content="#000000"> <meta name="theme-color" content="#ffffff"> <title> Yerba Mate | Montreal & Toronto, Canada | Mate Libre </title> <meta name="description" content="A better energy. Plant-based. Super Antioxidant. We create the best functional yerba mate drinks, low in sugar and perfectly balanced. Buy online today!"> <meta property="og:site_name" content="Mate Libre"> <meta property="og:url" content="https://matelibre.com/"> <meta property="og:title" content="Yerba Mate | Montreal & Toronto, Canada | Mate Libre"> <meta property="og:type" content="website"> <meta property="og:description" content="A better energy. Plant-based. Super Antioxidant. We create the best functional yerba mate drinks, low in sugar and perfectly balanced. Buy online today!"><meta property="og:image" content="http://matelibre.com/cdn/shop/files/Meta-OG_d7ce0b32-144c-4a69-a26e-3e406229c641.png?v=1693506527"> <meta property="og:image:secure_url" content="https://matelibre.com/cdn/shop/files/Meta-OG_d7ce0b32-144c-4a69-a26e-3e406229c641.png?v=1693506527" > <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Yerba Mate | Montreal & Toronto, Canada | Mate Libre"> <meta name="twitter:description" content="A better energy. Plant-based. Super Antioxidant. We create the best functional yerba mate drinks, low in sugar and perfectly balanced. Buy online today!"> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/21692423/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="4102f2cb61440ff9edb07ef9adb2598a"> <link rel="alternate" hreflang="x-default" href="https://matelibre.com/"> <link rel="alternate" hreflang="fr-CA" href="https://fr.matelibre.com/"> <link rel="alternate" hreflang="en-CA" href="https://matelibre.com/"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=21692423" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":21692423,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/21692423","merchantName":"Mate Libre","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Mate Libre","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"4102f2cb61440ff9edb07ef9adb2598a","betas":["rich-media-storefront-analytics"],"domain":"matelibre.com","predictiveSearch":true,"shopId":21692423,"smart_payment_buttons_url":"https:\/\/matelibre.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/matelibre.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "matte-libre.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"matelibre.com\/main","id":137393897707,"schema_name":"Mate Libre","schema_version":"1.0.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "matelibre.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</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";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_Ztg3e7fA.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/static.rechargecdn.com\/static\/js\/recharge.js?shop=matte-libre.myshopify.com","https:\/\/cdn-app.cart-bot.net\/public\/js\/append.js?shop=matte-libre.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":21692423,"offset":-18000,"reqid":"310b461f-9e81-46d1-90ca-c08210122927-1732686242","pageurl":"matelibre.com\/","u":"bde782dd6727","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//matelibre.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//matelibre.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//matelibre.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style media="all"> html{min-height:100%;line-height:1.5;font-family:StudioProRegular,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;color:var(--color-primary);background-color:var(--color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss10";scrollbar-gutter:stable}@media(max-width: 699px){html{font-size:16px}}@media(min-width: 700px)and (max-width: 999px){html{font-size:16px}}@media(min-width: 1000px)and (max-width: 1199px){html{font-size:16px}}@media(min-width: 1200px)and (max-width: 1599px){html{font-size:16px}}@media(min-width: 1600px)and (max-width: 1999px){html{font-size:17px}}@media(min-width: 2000px)and (max-width: 2399px){html{font-size:18px}}@media(min-width: 2400px){html{font-size:18px}}html.is-loading{cursor:wait}html.has-scroll-smooth{overflow:hidden;position:fixed;left:0;top:0;height:100%;width:100%}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}::-moz-selection{background-color:#000;color:#fff;text-shadow:none}::selection{background-color:#000;color:#fff;text-shadow:none}a{color:currentColor}.grecaptcha-badge{visibility:hidden}html.has-modal-open{overflow:hidden}.js-focus-visible :focus:not(.focus-visible){outline:none}.focus-visible:not(.c-button):not(.c-tile-can_url):not(.c-tile-product_url):not(.c-accordion_toggler):not(.c-category_link):not(input):not(textarea):not(select):not(.c-menu_dropdown_link){outline-color:currentColor;outline-width:2px;outline-offset:5px;outline-style:dashed;border-radius:var(--border-radius)}:root{--icon-width-cart: 1.25rem;--icon-ratio-cart: 1/1}.svg-cart{--icon-width: var(--icon-width-cart);--icon-ratio: var(--icon-ratio-cart);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor}:root{--icon-width-account: 1.25rem;--icon-ratio-account: 1/1}.svg-account{--icon-width: var(--icon-width-account);--icon-ratio: var(--icon-ratio-account);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor}:root{--icon-width-chevron: 1.25rem;--icon-ratio-chevron: 2/1}.svg-chevron{--icon-width: var(--icon-width-chevron);--icon-ratio: var(--icon-ratio-chevron);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-chevron-left: 0.5rem;--icon-ratio-chevron-left: 1/2}.svg-chevron-left{--icon-width: var(--icon-width-chevron-left);--icon-ratio: var(--icon-ratio-chevron-left);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-chevron-small: 0.625rem;--icon-ratio-chevron-small: 2/1}.svg-chevron-small{--icon-width: var(--icon-width-chevron-small);--icon-ratio: var(--icon-ratio-chevron-small);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-arrow: 1rem;--icon-ratio-arrow: 1/1}.svg-arrow-right,.svg-arrow-left{--icon-width: var(--icon-width-arrow);--icon-ratio: var(--icon-ratio-arrow);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-trash-can: 1.125rem;--icon-ratio-trash-can: 1/1}.svg-trash-can{--icon-width: var(--icon-width-trash-can);--icon-ratio: var(--icon-ratio-trash-can);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-plus: 0.5rem;--icon-ratio-plus: 1/1}.svg-plus,.svg-minus{--icon-width: var(--icon-width-plus);--icon-ratio: var(--icon-ratio-plus);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:1px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}:root{--icon-width-close: 1.125rem;--icon-ratio-close: 1/1}.svg-close{--icon-width: var(--icon-width-close);--icon-ratio: var(--icon-ratio-close);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor}:root{--icon-width-check-circle: 1.375rem;--icon-ratio-check-circle: 1/1}.svg-check-circle{--icon-width: var(--icon-width-check-circle);--icon-ratio: var(--icon-ratio-check-circle);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor}:root{--icon-width-perks: 3.125rem;--icon-ratio-perks: 1/1}.svg-perks{--icon-width: var(--icon-width-perks);--icon-ratio: var(--icon-ratio-perks);--icon-height: calc(var(--icon-width) * (1 / (var(--icon-ratio))));stroke-width:2px;stroke:currentColor;stroke-linecap:square;stroke-linejoin:round}.c-icon{display:inline-block;vertical-align:middle}.c-icon svg{display:block;width:var(--icon-width);height:var(--icon-height);fill:currentColor;stroke:currentColor}.c-loading-spinner{--spinner-height: 2.5rem;position:fixed;top:50%;left:50%;width:var(--spinner-height);height:var(--spinner-height);margin-left:calc(var(--spinner-height)/2*-1);margin-top:calc(var(--spinner-height)/2*-1);transform:scale3d(1, 1, 1);transition:transform .3s cubic-bezier(0.38, 0.005, 0.215, 1);transition-delay:.3s;display:flex;justify-content:center;align-items:center;z-index:300}html.is-ready .c-loading-spinner{transform:scale3d(0, 0, 1);transition-delay:0s}.c-loading-spinner svg{width:2em;transform-origin:center;animation:spinnerRotate 2s linear infinite;animation-play-state:paused}html:not(.is-ready) .c-loading-spinner svg{animation-play-state:running}.c-loading-spinner circle{fill:none;stroke:#000;stroke-width:3;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:spinnerDash 1.5s ease-in-out infinite;animation-play-state:paused}html:not(.is-ready) .c-loading-spinner circle{animation-play-state:running}@keyframes spinnerRotate{100%{transform:rotate(360deg)}}@keyframes spinnerDash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}.c-preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:90200;background-color:#fff;transition:opacity .3s cubic-bezier(0.38, 0.005, 0.215, 1),visibility 0s .3s linear;cursor:wait;opacity:1}html.is-first-loaded .c-preloader{transition:opacity .3s cubic-bezier(0.38, 0.005, 0.215, 1),visibility .3s cubic-bezier(0.38, 0.005, 0.215, 1)}html.is-loaded .c-preloader{opacity:0;visibility:hidden}.u-clearfix::after{display:block;clear:both;content:""}.u-hide{display:none !important}@media(min-width: 1000px){.u-hide\@from-medium{display:none}}@media(max-width: 999px){.u-hide\@to-medium{display:none}}.u-overflow-hidden{overflow:hidden}.u-offset-right{margin-right:calc(var(--padding-box) * -1)}.u-offset-left{margin-left:calc(var(--padding-box) * -1)}@media(max-width: 999px){.u-offset-left\@to-medium{margin-left:calc(var(--padding-box) * -1)}}@media(max-width: 999px){.u-offset-right\@to-medium{margin-right:calc(var(--padding-box) * -1)}}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;max-width:100%}.u-text-uppercase{text-transform:uppercase}[hidden][aria-hidden=false]{position:absolute;display:inherit;clip:rect(0, 0, 0, 0)}[hidden][aria-hidden=false]:focus{clip:auto}.u-screen-reader-text{position:absolute !important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;width:1px;height:1px;border:0}@media not print{.u-screen-reader-text\@screen{position:absolute !important;overflow:hidden;clip:rect(0 0 0 0);margin:0;padding:0;width:1px;height:1px;border:0}}.u-screen-reader-text.-focusable:focus,.u-screen-reader-text.-focusable:active{clip:auto;width:auto;height:auto} </style> <style> @font-face { font-display: swap; font-family: StudioProRegular; src: url(//matelibre.com/cdn/shop/t/25/assets/StudioPro-Regular.woff2) format("woff2"), url(//matelibre.com/cdn/shop/t/25/assets/StudioPro-Regular.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-display: swap; font-family: StudioProBold; src: url(//matelibre.com/cdn/shop/t/25/assets/StudioPro-Bold.woff2) format("woff2"), url(//matelibre.com/cdn/shop/t/25/assets/StudioPro-Bold.woff) format("woff"); font-weight: normal; font-style: normal; } </style> <link id="main-css" rel="stylesheet" href="//matelibre.com/cdn/shop/t/25/assets/main.css?v=114547037873719199301725463986" media="all" onload="this.media='all'; this.onload=null; this.isLoaded=true" > <noscript ><link rel="stylesheet" href="//matelibre.com/cdn/shop/t/25/assets/main.css?v=114547037873719199301725463986" ></noscript>  <script async src="https://static.klaviyo.com/onsite/js/ULAwvS/klaviyo.js?company_id=ULAwvS"></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> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 21692423,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 21692423,storefrontBaseUrl: "https://matelibre.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"516489451","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-W8YR9Z0SYN\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-W8YR9Z0SYN\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"197230827","configuration":"{\"pixel_id\":\"1496501890509723\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Mate Libre","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"matte-libre.myshopify.com","countryCode":"CA","storefrontUrl":"https:\/\/matelibre.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://matelibre.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 21692423, theme_id: 137393897707, app_name: "storefront", context_url: window.location.href, source_url: "//matelibre.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//matelibre.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//matelibre.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":21692423,"isMerchantRequest":null,"themeId":137393897707,"themeCityHash":"5113391134489350677","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-160731019-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["616958312363617"],"agent":"plshopify1.2"},"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; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//matelibre.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Mate Libre"; window.BOOMR.themeVersion = "1.0.0"; window.BOOMR.shopId = 21692423; window.BOOMR.themeId = 137393897707; })();</script> <script defer src="https://matelibre.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="21692423" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="137393897707" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body data-module-load data-module-shopify-cookie-consent data-shopify-cookie-consent-strict="true" > <div style="display: none;"><svg width="701.9" height="1672.6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol fill="none" viewBox="0 0 21 20" id="account"> <path d="M18.7404 18.7501C18.7404 18.7501 15.1048 14.9312 10.6202 14.9312C6.13554 14.9312 2.5 18.7501 2.5 18.7501" fill="none" /> <path d="M15.7725 6.14559C15.8453 8.92222 13.5972 11.233 10.7512 11.3069C7.90513 11.3807 5.53892 9.18973 5.46608 6.4131C5.39324 3.63648 7.64134 1.32568 10.4874 1.25181C13.3334 1.17793 15.6996 3.36895 15.7725 6.14559Z" fill="none" /> </symbol><symbol viewBox="0 0 20 20" id="arrow-left"> <g> <path d="M19.3,10H2" fill="none" stroke-linecap="round" /> <path d="M9.1,17.1L2,10l7.1-7.1" fill="none" /> </g> </symbol><symbol viewBox="0 0 20 20" id="arrow-right"> <g> <path fill="none" d="M0.7,10H18" stroke-linecap="round" /> <path fill="none" d="M10.9,2.9L18,10l-7.1,7.1" /> </g> </symbol><symbol fill="none" viewBox="0 0 21 20" id="cart"> <g> <path d="M16.6,18.4H4.4L1.8,7.9h17.5L16.6,18.4L16.6,18.4z" fill="none" /> <path d="M7.2,5V2h6.4v3" fill="none" /> </g> </symbol><symbol viewBox="0 0 20 20" fill="none" id="check-circle"> <path d="M17.9 9.3v.7c0 1.7-.6 3.4-1.6 4.7-1 1.4-2.4 2.4-4.1 2.8-1.6.5-3.4.4-5-.2-1.6-.6-3-1.7-3.9-3.1-.8-1.3-1.3-3-1.2-4.7.1-1.7.8-3.3 1.9-4.6 1.1-1.3 2.6-2.2 4.3-2.6 1.7-.4 3.4-.2 4.9.5" style="fill:none;stroke-linecap:round;stroke-linejoin:round" vector-effect="non-scaling-stroke" /> <path d="M17.9 3.4 10 11.3 7.6 9" style="fill:none;stroke-linecap:round;stroke-linejoin:round" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 20 11" fill="none" id="chevron"> <path d="M2 2L10 10L18 2" fill="none" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 14.1 22.3" fill="none" id="chevron-left"> <path vector-effect="non-scaling-stroke" d="M10.6,3l-8,8l8,8" /> </symbol><symbol viewBox="0 0 14.1 22.3" id="chevron-right"> <path vector-effect="non-scaling-stroke" d="M2.6,19l8-8l-8-8" /> </symbol><symbol viewBox="0 0 20 20" fill="none" id="close"><path d="M3.2 16.8 16.8 3.2M3.2 3.2l13.6 13.6" vector-effect="non-scaling-stroke" /></symbol><symbol viewBox="0 0 51 51" id="espresso"> <path d="m5.4 31.3 4.4-1.8c3.6-1.5 7.6-1.1 10.8 1 2.8 1.8 6.2 2.3 9.4 1.5l6.4-1.7M15.7 15l-1-1.6c-1.1-1.7-.7-3.7 1-4.9 1.7-1.3 2.1-3.3 1-4.9l-1-1.6M25.2 15l-1-1.6c-1.1-1.7-.7-3.7 1-4.9 1.7-1.3 2.1-3.3 1-4.9l-1-1.6" style="fill:none;stroke-linecap:round;stroke-linejoin:round" /> <path d="M10.3 45.1C6.7 38.9 4.5 30.7 4.5 22H37c0 8.8-2.2 17-5.8 23.2-.8 1.4-2.3 2.2-3.9 2.2H14.2c-1.6 0-3.1-.9-3.9-2.3h0z" style="fill:none;stroke-linecap:round;stroke-linejoin:round" /> <path d="M36.8 26.9c2.4-1.3 5.3-1 7.1.8a5.5 5.5 0 0 1 0 8c-2.3 2.2-5.9 2.2-8.2 0l-.5-.5" style="fill:none;stroke-linecap:round;stroke-linejoin:round" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-bubble"> <ellipse cx="18.9" cy="15.4" rx="4.3" ry="4.4" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" transform="rotate(-44.976 18.892 15.406)" vector-effect="non-scaling-stroke" /> <circle cx="20.5" cy="31.5" r="7.1" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <circle cx="33.3" cy="36.6" r="2.4" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <circle cx="30.9" cy="24.1" r="5.7" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-coffee"> <path d="m10.1 30.1 3.3-1.4c2.7-1.1 5.8-.8 8.2.8h0c2.1 1.4 4.7 1.8 7.1 1.2l4.9-1.3M17.9 17.6l-.8-1.2c-.8-1.3-.5-2.8.8-3.8h0c1.3-1 1.6-2.5.8-3.8l-.8-1.2M25.1 17.6l-.8-1.2c-.8-1.3-.5-2.8.8-3.8h0c1.3-1 1.6-2.5.8-3.8l-.8-1.2" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M13.8 40.8C11.1 36 9.4 29.7 9.4 22.9H34c0 6.7-1.7 13-4.4 17.8-.6 1.1-1.7 1.7-3 1.7h-9.9c-1.1.1-2.3-.6-2.9-1.6z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M33.9 26.7c1.8-1 4-.8 5.4.6h0c1.7 1.7 1.7 4.5 0 6.2h0c-1.7 1.7-4.5 1.7-6.2 0l-.4-.4" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-cross"> <circle cx="25" cy="25" r="14.1" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="m19.4 19.4 11.2 11.2M30.6 19.4 19.4 30.6" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-hands-heart"> <path d="M25.6 19.3c-.3-.6-.4-1.2-.4-1.7 0-2.8 4-7.5 9.4-6.6 5.4.9 7.6 6.1 11 7.2v20.6c-3.4 0-3.7-3.3-8.9-3.3-3.6 0-6.4 1.6-9.6 3-.9.4-1.9-.2-1.9-1.2-.2-5.5 10.4-5.1 10.4-12.6 0-1.9-1.2-3.9-3.5-3.9-2.1 0-2.9 2.6-4.9 2.6-.8 0-2-.7-2-2.1 0-2.6 3.8-6.4 8.2-5.8 3 .4 4.9 2.9 4.9 2.9" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M24.8 19.3c.3-.6.4-1.2.4-1.7 0-2.8-4-7.5-9.4-6.6-5.4.9-7.6 6.1-11 7.2v20.6c3.4 0 3.7-3.3 8.9-3.3 3.6 0 6.4 1.6 9.6 3 .9.4 1.9-.2 1.9-1.2.2-5.5-10.4-5.1-10.4-12.6 0-1.9 1.2-3.9 3.5-3.9 2.1 0 2.9 2.6 4.9 2.6.8 0 2-.7 2-2.1 0-2.6-3.8-6.4-8.2-5.8-3 .4-4.9 2.9-4.9 2.9" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-lily-flower"> <path d="M23.3 41c-1.8 0-3.3-1.5-3.3-3.3 0-.2-.2-.4-.4-.4h-2.8c-.3 0-.6-.3-.6-.6v-2.9c0-.3.3-.6.6-.6h1.8c.2 0 .4-.1.4-.2.1-.1.2-.3.1-.5-.5-2.2-2.1-4.6-3.9-4.6-2.4 0-3 2.7-3 5 0 .2-.1.4-.3.5-.1 0-.2.1-.3.1-.1 0-.2 0-.4-.1-2.5-1.9-3.7-6-2.7-9.2.8-2.4 2.7-3.7 5.2-3.7 6.1 0 8.5 6.8 8.7 12.6 0 .1.1.2.2.2h.1v-.1c-.1-4.2-1.1-7-2-9.4-.8-2-1.5-4-1.5-6.3 0-5.4 5-8.2 5.2-8.3.4-.2.5-.2.6-.2s.2 0 .3.1c.2.1 5.2 2.9 5.2 8.3 0 2.4-.7 4.3-1.5 6.3-.9 2.4-1.9 5.2-2 9.4v.1h.1c.1 0 .2-.1.2-.2.2-5.8 2.6-12.6 8.7-12.6 2.5 0 4.4 1.4 5.2 3.7 1.1 3.2-.1 7.3-2.7 9.2-.1.1-.2.1-.4.1-.1 0-.2 0-.3-.1-.2-.1-.3-.3-.3-.5 0-2.3-.5-5-3-5-1.8 0-3.4 2.4-3.9 4.6 0 .2 0 .4.1.5.1.1.2.2.4.2h1.8c.3 0 .6.3.6.6v2.9c0 .3-.3.6-.6.6h-2.8c-.2 0-.4.2-.4.4 0 1.8-1.5 3.3-3.3 3.3h-3.1z" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-loop"> <path d="M29.3 16.6c2.6-2.3 6.4-3.4 9.8-2.5 4.1 1 7.5 4.7 8.1 8.9.6 4.2-1.5 8.7-5.1 10.9-3.4 2.1-8 1.9-11.3-.2-4.3-2.8-5.2-7.9-7-12.2-1.8-4.3-5.5-7.6-10.3-7.6-6 0-10.8 4.8-10.8 10.8s4.8 10.8 10.8 10.8c2.5 0 4.7-.8 6.6-2.2" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="m20.7 36.3.6-4.6h-4.6" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-maple-leaf"> <path d="m16.4 35.3 1.1-3.6-7.7-2.8 2.5-2.5-3.2-4.6 5.5.4.9-2.8 5.3 3.1-2.2-9.6 3.4 1.6 3-5.4 3 5.4 3.4-1.6-2.2 9.6 5.3-3.1.9 2.8 5.5-.4-3.2 4.6 2.5 2.5-7.7 2.8 1.1 3.6zM25 35.3h0c0 3.1 2.5 5.6 5.6 5.6" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-pin"> <circle cx="25" cy="19" r="4.1" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M25 35.3s-9.8-9.9-9.8-16.4c0-5.4 4.4-9.8 9.8-9.8s9.8 4.4 9.8 9.8c0 6.5-9.8 16.4-9.8 16.4zM14.5 40.9h21" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-plant"> <path d="M43.7 11c-2.5 3-2.7 9.5-6.2 12.4-2.4 1.9-6.3 2.3-9.3-1.2-1.6-1.9-2-6.1 1.3-8.8s8.2-.7 14.2-2.4z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M31.2 18.6C26.8 21.9 25 26 25 29.4M6.3 11c2.5 3 2.7 9.5 6.2 12.4 2.4 1.9 6.3 2.3 9.3-1.2 1.6-1.9 2-6.1-1.3-8.8s-8.2-.7-14.2-2.4z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M18.8 18.6C23.2 21.9 25 26 25 29.4M16.4 39l4.9-7.5c.8-1.3 2.3-2.1 3.8-2.1h0c1.5 0 3 .8 3.8 2.1l4.9 7.5H16.4z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-sparkling"> <path d="M17.6 20.7V8.5M17.6 41.5V29.3M10 17.3l-1.6-1.6M11.9 24.5H3.6M10 31.7l-1.6 1.5M25.2 17.3l1.5-1.6M23.2 24.5h8.3M25.2 31.7l1.5 1.5M40.7 13.1V9M40.7 22.5v-4.2M37.5 15.5h-2.6M43.8 15.5h2.6" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-tea-leaves"> <path d="M31.5 25.7c2.2-1.1 4.7-1.6 7.3-1.4.6-3.3.3-6.7-.8-9.7-2.8.4-5.5 1.6-7.9 3.4 1.1 2.4 1.6 5 1.4 7.7zM18.4 25.7c-.2-2.6.4-5.3 1.4-7.7-2.3-1.7-5.1-2.9-7.9-3.4-1.2 3-1.4 6.4-.8 9.7 2.6-.2 5.1.2 7.3 1.4z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M38.8 24.3c-2.5-.2-5.1.3-7.3 1.4M18.4 25.7c-2.2-1.1-4.7-1.6-7.3-1.4" style="fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /> <path d="M38.8 24.3c-2.5-.2-5.1.3-7.3 1.4-.2 4.2-2.2 8.3-6.5 11.3 0 0 0 0 0 0 10.4 5.7 18.8-2.4 19.6-11.3-1.8-.8-3.8-1.3-5.8-1.4zM18.4 25.7c-2.2-1.1-4.7-1.6-7.3-1.4-2 .1-4 .6-5.8 1.4.8 8.9 9.2 17 19.6 11.3 0 0 0 0 0 0-4.3-3-6.2-7.1-6.5-11.3z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M25 11.1C17.7 17 14.9 30 25 37c10.1-7 7.3-20 0-25.9z" style="stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 50 50" fill="none" id="icon-yerba-mate"> <path d="M29.5 40.9c-2.5 0-4.5-2-4.5-4.5" style="stroke-linecap:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M25 28.9s5.2-4.9 5.6-9.9c.4-4.9-2.5-9.9-5.6-9.9s-6.1 5-5.6 9.9c.4 4.9 5.6 9.9 5.6 9.9z" style="stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M25 36.4s7.1.1 10.9-3c3.8-3.2 5.2-8.8 3-11-2.2-2.2-7.8-.8-11 3s-2.9 11-2.9 11z" style="stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M25 36.4s-7.1.1-10.9-3-5.2-8.8-3-11 7.8-.8 11 3 2.9 11 2.9 11z" style="stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> <path d="M30.6 30.6 25 36.4M19.4 30.6l5.6 5.8M25 36.3V19.7" style="stroke-linecap:round;stroke-miterlimit:10" vector-effect="non-scaling-stroke" /> </symbol><symbol viewBox="0 0 118 60" id="logo"> <g> <path d="M39.8,30.8H45v28.8h-5.2V30.8z" /> <path d="M48.8,33c0-1.8,1.4-3.2,3.2-3.2c1.8,0,3.2,1.5,3.2,3.2c0,1.8-1.4,3.2-3.2,3.2C50.2,36.2,48.8,34.8,48.8,33z M49.3,38.6h5.2 v21h-5.2V38.6z" /> <path d="M64.3,57.1L64.3,57.1l-0.1,2.5H59V30.8h5.2c0,0,0,6.9-0.2,10.4h0.1c1.4-2,3.9-3,6.3-3c5.8,0,9.2,4.4,9.2,10.9 S76,60,70.5,60C67.9,60,65.6,59,64.3,57.1z M74.1,49.1c0-4.2-2-6.8-5.1-6.8c-3.2,0-5,2.7-5,6.8s2,6.7,5.1,6.7S74.1,53.2,74.1,49.1z " /> <path d="M82.7,38.6h5.2v3.9H88c0.9-2,3.1-4,6.8-4c0.6,0,1,0.1,1.3,0.2v5.2H96c0,0-0.5-0.2-1.8-0.2c-4.1,0-6.3,2.4-6.3,6.9v9h-5.2 V38.6z" /> <path d="M97.3,49.1c0-6.6,4.4-10.9,10.4-10.9s10.1,4.1,10.1,10.4c0,0.5,0,0.9,0,1.7h-14.9c0,3.6,2.2,5.5,5.1,5.5 c2.3,0,3.7-1.1,4.4-2.9h5.2c-0.6,4.1-4.7,7.1-9.7,7.1C101.6,60,97.3,55.3,97.3,49.1z M112.4,46.9c-0.2-2.9-2.1-4.5-4.7-4.5 c-2.8,0-4.6,1.8-4.8,4.5H112.4z" /> <path d="M0,5.6h5.2v2.8h0.1c1.1-1.9,3.4-3.2,5.8-3.2c2.9,0,4.8,1.2,5.9,3.3h0.1c1.5-2.1,4.1-3.3,6.7-3.3c5.3,0,7.9,3.3,7.9,8.2 v13.1h-5.2V13.8c0-3-1.5-4.3-3.8-4.3c-2.8,0-4.2,2.3-4.2,5.8v11.4h-5.2V13.7c0-2.8-1.5-4.3-3.8-4.3c-2.8,0-4.1,2.3-4.1,5.8v11.4H0 V5.6z" /> <path d="M34.8,20.8c0-4.8,3.9-6.3,9.5-6.8l4.1-0.3c0-3.3-1.5-4.7-3.8-4.7c-2.6,0-3.8,1.3-3.8,3.3h-5.3c0-4.3,3.7-7.2,9.1-7.2 c5.8,0,9.1,3.2,9.1,8.1v9c0,2.7,0.2,3.2,0.7,3.9v0.3h-5c-0.4-0.6-0.6-2-0.6-2.8h-0.1c-1.2,2.2-4,3.2-6.8,3.2 C37.7,27,34.8,24.5,34.8,20.8z M48.5,18v-0.9l-4.2,0.4c-2.6,0.3-3.9,1.2-3.9,2.8c0,1.6,1.4,2.7,3.4,2.7 C46.8,23.1,48.5,20.9,48.5,18z" /> <path d="M58.9,21.7V9.6h-3.4v-4h3.4V0h5.2v5.6h3.9v4h-3.9v10.2c0,2.1,0.9,2.6,2.8,2.6c0.4,0,0.9,0,1.1-0.1v4.3 c-0.6,0.1-1.7,0.2-2.9,0.2C60.8,26.8,58.9,24.6,58.9,21.7z" /> <path d="M69.4,16.1c0-6.6,4.4-10.9,10.4-10.9c6,0,10.1,4.1,10.1,10.4c0,0.5,0,0.9,0,1.7H74.9c0,3.6,2.2,5.5,5.1,5.5 c2.3,0,3.7-1.1,4.4-2.9h5.2c-0.6,4.1-4.7,7.1-9.7,7.1C73.7,27,69.4,22.3,69.4,16.1z M84.5,13.9c-0.2-2.9-2.1-4.5-4.7-4.5 c-2.8,0-4.6,1.8-4.8,4.5H84.5z" /> </g> </symbol><symbol id="logo-copyright" viewBox="0 0 701.9 360"> <g> <g> <g> <path d="M1,34.8h31.2v16.4h0.4c6.6-11.5,20.2-18.8,34.3-18.8c17.4,0,28.4,7,35.2,19.5h0.4c9-12.5,24.4-19.5,39.9-19.5 c31.5,0,47,19.7,47,49.1v78.2h-31.2V83.3c0-17.6-9-25.8-22.3-25.8c-16.9,0-25.1,13.9-25.1,34.8v67.7H79.6V82.8 c0-17-9.2-25.4-22.7-25.4c-16.4,0-24.7,13.9-24.7,34.8v67.7H1V34.8z" /> <path d="M208,125.1c0-28.5,23.3-37.6,56.6-40.2l24.4-1.6c0-19.7-8.6-27.8-22.5-27.8c-15.3,0-22.7,8-22.7,19.7h-31.7 c0.2-25.4,21.8-42.8,54-42.8c34.7,0,54.2,19.3,54.2,48.5v53.8c0,16.2,1.2,18.8,4.3,23.5v1.6h-29.8c-2.1-3.3-3.5-11.7-3.5-16.4 h-0.7c-7.3,13.1-23.9,18.8-40.1,18.8C224.9,162.3,208,147.4,208,125.1z M289.1,108.7v-5.1l-24.9,2.2c-15.5,1.6-23.3,7.3-23.3,17 c0,9.8,8.4,16.2,20.2,16.2C278.9,139,289.1,125.9,289.1,108.7z" /> <path d="M351.3,130.6V58.6h-20V34.8h20V1.2h31.2v33.6h23.3v23.7h-23.3v60.6c0,12.3,5.4,15.5,16.9,15.5c2.6,0,5.1-0.2,6.3-0.4 v25.6c-3.5,0.7-10.1,1.2-17.4,1.2C362.4,161.1,351.3,147.7,351.3,130.6z" /> <path d="M413.5,97.4c0-39.1,26.3-64.9,61.7-64.9c34.1,0,59.9,24.7,59.9,61.8c0,3.1,0,5.1-0.2,10.1h-88.5 c0,21.7,12.9,32.9,30.5,32.9c13.9,0,22.1-6.3,26-17.4h30.7c-3.3,24.7-28.2,42.3-57.5,42.3C439.1,162.3,413.5,134.3,413.5,97.4z M503.5,84.3c-1.4-17.4-12.7-26.8-28.2-26.8c-16.7,0-27.2,10.8-28.6,26.8H503.5z" /> <g> <path d="M237.3,184.7h31.2v171.6h-31.2V184.7z" /> <path d="M291,197.8c0-10.6,8.4-19.3,19-19.3c10.6,0,19,8.6,19,19.3c0,10.1-8.4,19-19,19C299.4,216.8,291,208.4,291,197.8z M294.3,231.2h31.2v125.1h-31.2V231.2z" /> <path d="M383.1,341.5h-0.4v14.8h-31.2V184.7h31.2c0,0,0,41.4-1,62.1h0.7c8.4-12,22.9-17.8,37.4-17.8c34.3,0,54.4,26,54.4,65.1 c0,40.7-21.6,64.7-54,64.7C404.4,358.7,391.1,352.6,383.1,341.5z M441.3,294c0-25.2-12.2-40.2-30.3-40.2c-19.2,0-30,16-30,40.2 c0,25.4,12.2,39.7,30.3,39.7C430.1,333.7,441.3,318,441.3,294z" /> <path d="M492.3,231.2h31.2v23.1h0.7c5.4-12,18.3-24,40.3-24c3.7,0,6.1,0.4,7.8,1v31.3h-1c0,0-2.8-1-10.6-1 c-24.2,0-37.4,14.3-37.4,41.2v53.6h-31.2L492.3,231.2L492.3,231.2z" /> <path d="M579.4,293.8c0-39.1,26.3-64.9,61.7-64.9c34.1,0,59.9,24.7,59.9,61.8c0,3.1,0,5.2-0.2,10.1h-88.5 c0,21.7,12.9,32.9,30.5,32.9c13.9,0,22.1-6.4,26-17.4h30.7c-3.3,24.7-28.2,42.3-57.5,42.3C605,358.7,579.4,330.7,579.4,293.8z M669.4,280.7c-1.4-17.4-12.7-26.8-28.2-26.8c-16.7,0-27.2,10.8-28.6,26.8H669.4z" /> </g> </g> </g> <g> <path d="M65.6,358.7c-35.2,0-63.7-28.6-63.7-63.7s28.6-63.7,63.7-63.7s63.7,28.6,63.7,63.7S100.7,358.7,65.6,358.7z M65.6,247.8 c-26,0-47.2,21.2-47.2,47.2s21.2,47.2,47.2,47.2c26,0,47.2-21.2,47.2-47.2S91.6,247.8,65.6,247.8z" /> <g> <path d="M33.9,294.9c0-20.3,13.2-33.8,33-33.8c16.7,0,29.1,10.1,30.4,24.7H80.5c-1.4-7.7-6.8-11.7-13.7-11.7 c-10.6,0-15.7,8.2-15.7,20.8c0,14,6.1,21,15.5,21c7.7,0,12.7-4.7,13.9-11.8h16.7c-1.7,14.8-12.4,24.8-30.6,24.8 C46.6,328.9,33.9,315.3,33.9,294.9z" /> </g> </g> </g> </symbol><symbol viewBox="0 0 8 8" fill="none" id="minus"><path d="M.6 4h6.8" /></symbol><symbol viewBox="0 0 8 8" fill="none" id="plus"><path d="M4 .6v6.8M.6 4h6.8" /></symbol><symbol viewBox="0 0 50 50" id="sparkling"> <path d="M20.9 15.8c2.6-2.6 2.5-6.7 0-9.3a6.61 6.61 0 0 0-9.3-.1 6.64 6.64 0 0 0 0 9.4c2.6 2.6 6.7 2.6 9.3 0zM18.6 46.1c5.9 0 10.7-4.8 10.7-10.7 0-5.9-4.8-10.7-10.7-10.7S7.9 29.5 7.9 35.4c0 5.9 4.8 10.7 10.7 10.7z" style="fill:none;stroke-linecap:round;stroke-linejoin:round" /> <path d="M34.4 32.9c4.7 0 8.6-3.9 8.6-8.6 0-4.7-3.9-8.6-8.6-8.6s-8.6 3.9-8.6 8.6c0 4.7 3.8 8.6 8.6 8.6zM38 46.7c2 0 3.6-1.6 3.6-3.6S40 39.5 38 39.5s-3.6 1.6-3.6 3.6 1.6 3.6 3.6 3.6z" style="fill:none;stroke-linecap:round;stroke-linejoin:round" /> </symbol><symbol viewBox="0 0 20 20" fill="none" id="trash-can"><path d="M2.5 5h15M15.8 5v11.7c0 .4-.2.9-.5 1.2-.3.3-.7.5-1.2.5H5.8c-.4 0-.9-.2-1.2-.5-.3-.3-.5-.7-.5-1.2V5m2.6 0V3.3c0-.4.2-.9.5-1.2s.7-.5 1.2-.5h3.3c.4 0 .9.2 1.2.5s.5.7.5 1.2V5M8.3 9.2v5M11.7 9.2v5" style="stroke-linecap:round;stroke-linejoin:round" vector-effect="non-scaling-stroke" /></symbol><symbol viewBox="0 0 50 50" id="yerba"> <path d="M32.1 48.6c-3.7 0-6.8-3-6.8-6.8" style="fill:none;stroke-linecap:round;stroke-miterlimit:10" /> <path d="M25.3 30.7S33 23.3 33.7 16c.7-7.3-3.7-14.8-8.4-14.8s-9 7.4-8.4 14.8c.7 7.3 8.4 14.7 8.4 14.7z" style="fill:none;stroke-miterlimit:10" /> <path d="M25.3 41.9s10.6.2 16.3-4.5c5.7-4.7 7.8-13.1 4.5-16.3-3.3-3.3-11.6-1.1-16.3 4.5-4.7 5.6-4.5 16.3-4.5 16.3z" style="fill:none;stroke-miterlimit:10" /> <path d="M25.3 41.9s-10.7.2-16.3-4.5c-5.7-4.7-7.8-13.1-4.5-16.3 3.3-3.3 11.6-1.1 16.3 4.5 4.7 5.6 4.5 16.3 4.5 16.3z" style="fill:none;stroke-miterlimit:10" /> </symbol></defs></svg></div> <div class="c-preloader"></div> <div class="c-loading-spinner"> <svg viewBox="25 25 50 50"> <circle cx="50" cy="50" r="20"></circle> </svg> </div> <header class="c-header -fixed " data-module-header> <div class="o-container -padding-small || c-header_container"> <nav class="c-header_nav"> <div class="c-header_logo"> <a href="/" class="c-header_logo_link"> <svg class='c-header_logo_svg' aria-label='Mate Libre'> <use xlink:href="#logo"></use> </svg> </a> </div> <button class="c-header_button -menu || c-burger" type="button" data-menu-toggler> <span class="u-screen-reader-text">Menu</span> <span class="c-burger_icon -open || c-header_button_icon"> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> </span> <span class="c-burger_icon -close || c-header_button_icon"> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> </span> </button> <ul class="c-header_nav_list"> <li class="c-header_nav_item"> <a href="/pages/products" class="c-header_link"> <span class="c-header_link_label"> Products </span> </a> </li> <li class="c-header_nav_item" data-header="item"> <button class="c-header_link" type="button" data-header="toggler" type="button" aria-expanded="false"> <span class="c-header_link_label"> Explore </span> <span class="c-header_link_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </button> <div class="c-header_nav_dropdown" data-header="dropdown"> <ul class="c-header_nav_dropdown_list"> <li class="c-header_nav_dropdown_item"> <a href="/pages/yerba-mate" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Yerba Mate </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/about-mate-libre" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Our story </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/fair" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Fair Trade </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/yerba-mate-faq" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> FAQ </span> </a> </li> </ul> </div> </li> <li class="c-header_nav_item"> <a href="/blogs/news" class="c-header_link"> <span class="c-header_link_label"> Community </span> </a> </li> </ul> </nav> <div class="c-header_tool"> <ul class="c-header_tool_list"> <li class="c-header_tool_item -build-your-box"> <a href="/products/build-your-box" class="c-header_link"> <span class="c-header_link_label"> Build your box </span> </a> </li> <li class="c-header_tool_item -currency"> <div class=" c-currency c-header_currency -header" > <form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="c-currency_form" enctype="multipart/form-data" data-module-currency=""><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/" /> <select name="currency"><option value="CAD" selected="selected">CAD $</option><option value="USD">USD $</option></select> <span class="c-currency_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </form> </div> </li> <li class="c-header_tool_item -langswitcher"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-langswitcher" enctype="multipart/form-data" data-module-localization=""><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="/" /> <ul class="c-langswitcher_list"> <li> <button hreflang="fr" lang="fr" data-value="fr" data-localization="link" class="c-langswitcher_link c-header_link u-text-uppercase "> <span class="c-langswitcher_link_label"> Fr </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </li> <li class="c-header_tool_item -button"> <a href="/account" class="c-header_button -account"> <span class="u-screen-reader-text"> Login </span> <div class="c-icon"> <svg class='svg-account || c-header_button_icon' aria-label='Login'> <use xlink:href="#account"></use> </svg> </div> </a> </li> <li class="c-header_tool_item -button"> <button class="c-header_button -cart || c-header_cart" type="button" data-cart-toggler data-module-cart-counter > <span class="u-screen-reader-text"> Bag </span> <span class="c-header_cart_total" data-cart-counter="content">0</span> <div class="c-icon"> <svg class='svg-cart || c-header_button_icon' aria-label='Mon panier'> <use xlink:href="#cart"></use> </svg> </div> </button> </li> </ul> </div> </div> <div class="c-header_dropdown_background" data-header="background"></div> <div class="c-header_overlay" data-header="close"></div> </header> <div class="c-modal-menu || c-modal" data-module-modal-menu aria-label="Menu modal" tabindex="-1" aria-hidden="false" data-lenis-prevent > <div class="c-modal-menu_container || c-modal_container"> <div class="c-modal_scrollable" data-modal-menu="scrollable"> <div class="c-modal-menu_inner || c-modal_inner"> <div class="c-modal-menu_nav"> <div class="c-modal-menu_nav_group -main"> <nav class="c-menu -main" data-module-accordion data-modal-menu="accordions"> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/pages/products" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> Products </span> </a> </li> <li class="c-menu_item" data-accordion="item"> <button class="c-menu_link" type="button" data-accordion="toggler" type="button" aria-expanded="false"> <span class="c-menu_link_label"> Explore </span> <span class="c-menu_link_icon || c-icon"> <svg class="svg-chevron"> <use xlink:href="#chevron"></use> </svg> </span> </button> <div class="c-menu_dropdown" data-accordion="content"> <ul class="c-menu_dropdown_list" data-accordion="inner"> <li class="c-menu_dropdown_item"> <a href="/pages/yerba-mate" class="c-menu_dropdown_link " data-load="menu"> <span class="c-menu_dropdown_link_label"> Yerba Mate </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/about-mate-libre" class="c-menu_dropdown_link " data-load="menu"> <span class="c-menu_dropdown_link_label"> Our story </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/fair" class="c-menu_dropdown_link " data-load="menu"> <span class="c-menu_dropdown_link_label"> Fair Trade </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/yerba-mate-faq" class="c-menu_dropdown_link " data-load="menu"> <span class="c-menu_dropdown_link_label"> FAQ </span> </a> </li> </ul> </div> </li> <li class="c-menu_item"> <a href="/blogs/news" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> Community </span> </a> </li> </ul> </nav> </div> <div class="c-modal-menu_nav_group -secondary"> <nav class="c-menu -secondary"> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/pages/about-mate-libre" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> About us </span> </a> </li> <li class="c-menu_item"> <a href="/pages/where-to-buy-yerba-mate" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> Retailers </span> </a> </li> <li class="c-menu_item"> <a href="https://b2b.matelibre.com/my-account/" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> Wholesale </span> </a> </li> <li class="c-menu_item"> <a href="/pages/yerba-mate-faq" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> FAQ </span> </a> </li> <li class="c-menu_item"> <a href="/pages/contact-us" class="c-menu_link " data-load="menu"> <span class="c-menu_link_label"> Contact </span> </a> </li> </ul> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/account" class="c-menu_link" data-load="menu"> <span class="c-menu_link_label"> Login </span> </a> </li> <li class="c-menu_item"> <div class=" c-currency c-menu_currency -menu" > <form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="c-currency_form" enctype="multipart/form-data" data-module-currency=""><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/" /> <select name="currency"><option value="CAD" selected="selected">CAD $</option><option value="USD">USD $</option></select> <span class="c-currency_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </form> </div> </li> <li class="c-menu_item"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-langswitcher" enctype="multipart/form-data" data-module-localization=""><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="/" /> <ul class="c-langswitcher_list"> <li> <button hreflang="fr" lang="fr" data-value="fr" data-localization="link" class="c-langswitcher_link c-menu_link "> <span class="c-langswitcher_link_label"> Français </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </li> </ul> </nav> </div> </div> <div class="c-modal-menu_sticky"> <div class="c-modal-menu_cta"> <div class="c-cta-build-your-box c-modal-menu_cta_inner"> <p class="c-cta-build-your-box_title"> Subscribe and never miss Mate Libre again </p> <div class="c-cta-build-your-box_button"> <a class='c-button -large ' href='/products/build-your-box' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Build your box</span> </span> </a> </div> </div> </div> <div class="c-modal-menu_background"> <div class="c-modal-menu_background_inner"> <div class="c-image -cover -lazy-load c-modal-menu_background_image"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1000" height="700" src="//matelibre.com/cdn/shop/files/mate-menu.jpg?height=700&v=1693497210&width=1000" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> </div> </div> </div> </div> <div class="c-modal_overlay" aria-label="Close modal" data-modal-menu="close" ></div> </div> </div> <div data-load-container> <div class="" data-module-scroll> <main role="main" class="c-main"> <div id="shopify-section-template--16871391527147__hero-home" class="shopify-section"> <header class="c-header -absolute -light " data-module-header> <div class="o-container -padding-small || c-header_container"> <nav class="c-header_nav"> <div class="c-header_logo"> <a href="/" class="c-header_logo_link"> <svg class='c-header_logo_svg' aria-label='Mate Libre'> <use xlink:href="#logo"></use> </svg> </a> </div> <button class="c-header_button -menu || c-burger" type="button" data-menu-toggler> <span class="u-screen-reader-text">Menu</span> <span class="c-burger_icon -open || c-header_button_icon"> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> </span> <span class="c-burger_icon -close || c-header_button_icon"> <span class="c-burger_icon_line"></span> <span class="c-burger_icon_line"></span> </span> </button> <ul class="c-header_nav_list"> <li class="c-header_nav_item"> <a href="/pages/products" class="c-header_link"> <span class="c-header_link_label"> Products </span> </a> </li> <li class="c-header_nav_item" data-header="item"> <button class="c-header_link" type="button" data-header="toggler" type="button" aria-expanded="false"> <span class="c-header_link_label"> Explore </span> <span class="c-header_link_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </button> <div class="c-header_nav_dropdown" data-header="dropdown"> <ul class="c-header_nav_dropdown_list"> <li class="c-header_nav_dropdown_item"> <a href="/pages/yerba-mate" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Yerba Mate </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/about-mate-libre" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Our story </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/fair" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> Fair Trade </span> </a> </li> <li class="c-header_nav_dropdown_item"> <a href="/pages/yerba-mate-faq" class="c-header_nav_dropdown_link " > <span class="c-header_nav_dropdown_link_label"> FAQ </span> </a> </li> </ul> </div> </li> <li class="c-header_nav_item"> <a href="/blogs/news" class="c-header_link"> <span class="c-header_link_label"> Community </span> </a> </li> </ul> </nav> <div class="c-header_tool"> <ul class="c-header_tool_list"> <li class="c-header_tool_item -build-your-box"> <a href="/products/build-your-box" class="c-header_link"> <span class="c-header_link_label"> Build your box </span> </a> </li> <li class="c-header_tool_item -currency"> <div class=" c-currency c-header_currency -header" > <form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="c-currency_form" enctype="multipart/form-data" data-module-currency=""><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/" /> <select name="currency"><option value="CAD" selected="selected">CAD $</option><option value="USD">USD $</option></select> <span class="c-currency_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </form> </div> </li> <li class="c-header_tool_item -langswitcher"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-langswitcher" enctype="multipart/form-data" data-module-localization=""><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="/" /> <ul class="c-langswitcher_list"> <li> <button hreflang="fr" lang="fr" data-value="fr" data-localization="link" class="c-langswitcher_link c-header_link u-text-uppercase "> <span class="c-langswitcher_link_label"> Fr </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </li> <li class="c-header_tool_item -button"> <a href="/account" class="c-header_button -account"> <span class="u-screen-reader-text"> Login </span> <div class="c-icon"> <svg class='svg-account || c-header_button_icon' aria-label='Login'> <use xlink:href="#account"></use> </svg> </div> </a> </li> <li class="c-header_tool_item -button"> <button class="c-header_button -cart || c-header_cart" type="button" data-cart-toggler data-module-cart-counter > <span class="u-screen-reader-text"> Bag </span> <span class="c-header_cart_total" data-cart-counter="content">0</span> <div class="c-icon"> <svg class='svg-cart || c-header_button_icon' aria-label='Mon panier'> <use xlink:href="#cart"></use> </svg> </div> </button> </li> </ul> </div> </div> <div class="c-header_dropdown_background" data-header="background"></div> <div class="c-header_overlay" data-header="close"></div> </header> <div class="c-hero-home || u-anim-page" data-scroll data-scroll-offset="0%,80%" data-scroll-css-progress data-module-hero-home > <div class="o-container || c-hero-home_container"> <div class="c-hero-home_inner"> <div class="c-heading -huge-sans || c-hero-home_title"> <div class="" data-hero-home="title" > <span class="u-accent">The ideal</span><br /> <span class="u-accent">dose</span> </div> <ul class="c-hero-home_title_list" data-hero-home="list"> <li class="c-hero-home_title_item" data-hero-home="item">of energy</li> <li class="c-hero-home_title_item" data-hero-home="item">of nature</li> <li class="c-hero-home_title_item" data-hero-home="item">of creativity</li> </ul> </div> <a class='c-button -large -animate-mask ' href='/products/build-your-box' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Build your box</span> </span> </a> </div> </div> <div class="c-hero-home_visual" data-scroll data-scroll-css-progress data-scroll-speed="-0.5" > <div class="c-hero-home_visual_list"> <div class="c-hero-home_visual_item" data-hero-home="background"> <div class="c-image -cover c-hero-home_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1920" height="1028" src="//matelibre.com/cdn/shop/files/Watermelon-6.jpg?height=1028&v=1710449272&width=1920" loading="eager" style="object-position: 43.8672% 51.6963%" > </div> </div> </div> <div class="c-hero-home_visual_item" data-hero-home="background"> <div class="c-image -cover c-hero-home_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1920" height="1028" src="//matelibre.com/cdn/shop/files/hero-home-01.jpg?height=1028&v=1693497219&width=1920" loading="eager" style="object-position: 57.7899% 48.2393%" > </div> </div> </div> <div class="c-hero-home_visual_item" data-hero-home="background"> <div class="c-image -cover c-hero-home_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1920" height="1028" src="//matelibre.com/cdn/shop/files/BTS-Mate-Libre.jpg?height=1028&v=1713384654&width=1920" loading="eager" style="object-position: 53.5664% 33.2734%" > </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__feature-products" class="shopify-section"> <div class="c-horizontal-panel || u-anim-page"> <div class="c-horizontal-panel_inner" data-scroll data-scroll-offset="0%, 0%" data-scroll-module-progress data-module-horizontal-panel data-scroll-call="onInview, HorizontalPanel" data-scroll-repeat > <div class="c-horizontal-panel_title"> <div class="c-horizontal-panel_title_sticky"> <h1 class="c-horizontal-panel_title_content"> Discover our most popular<br /> yerba mate infusions </h1> <div class="c-horizontal-panel_navigation"> <button class='c-button -circle c-horizontal-panel_navigation_button' aria-label='' data-horizontal-panel="prev" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Previous</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-left' aria-label=''> <use xlink:href="#arrow-left"></use> </svg> </span> </span> </button> <button class='c-button -circle c-horizontal-panel_navigation_button' aria-label='' data-horizontal-panel="next" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Next</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> </div> </div> <div class="c-horizontal-panel_sticky || swiper" data-horizontal-panel="sticky"> <div class="c-horizontal-panel_list || swiper-wrapper" data-horizontal-panel="grid"> <div class="c-horizontal-panel_item || swiper-slide" data-horizontal-panel="item" data-scroll> <div class="c-tile-can -feature || u-theme || u-button-hover" style="--color-primary: #9e040c; --color-secondary: #ff9ea3; --color-accent: #d80510;"> <div class="c-tile-can_inner"> <div class="c-tile-can_top"> <p class="c-tile-can_title">watermelon</p> <ul class="c-tag_list -product || c-tile-can_tag"> <li class="c-tag_item">sugarfree</li> </ul> </div> <p class="c-tile-can_text"> A crisp, juicy flavour that will transport you to a sun-kissed garden. Freshness in every sip! </p> <div class="c-tile-can_cta"> <button class='c-button -expand ' aria-label='' aria-hidden="true" tabindex="-1" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> <div class="c-tile-can_illustration"> <div class="c-image || c-tile-can_illustration_img"> <div class="c-image_inner"> <div class="c-image -lazy-load "> <div class="c-image_inner"> <img class="c-image_img" alt="" width="500" height="625" src="//matelibre.com/cdn/shop/files/Watermelon-Illustration-2.png?height=625&v=1710446306&width=500" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> </div> </div> <div class="c-tile-can_visual"> <div class="c-tile-can_visual_inner"> <div class="c-image"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="200" height="507" src="//matelibre.com/cdn/shop/files/mate-libre-watermelon-sugarfree.png?crop=region&crop_height=1700&crop_left=665&crop_top=188&crop_width=670&v=1710442712&width=200" loading="eager" > </div> </div> </div> </div> <div class="c-tile-can_background"></div> </div> <a class="c-tile-can_url" href="/products/watermelon"> <span class="u-screen-reader-text">Discover</span> </a> </div> </div> <div class="c-horizontal-panel_item || swiper-slide" data-horizontal-panel="item" data-scroll> <div class="c-tile-can -feature || u-theme || u-button-hover" style="--color-primary: #ff9500; --color-secondary: #fffbdc; --color-accent: #ffb600;"> <div class="c-tile-can_inner"> <div class="c-tile-can_top"> <p class="c-tile-can_title">passion</p> <ul class="c-tag_list -product || c-tile-can_tag"> </ul> </div> <p class="c-tile-can_text"> Exotic, rich, and dangerously fruity. A taste worthy of the local fruit markets of South America. </p> <div class="c-tile-can_cta"> <button class='c-button -expand ' aria-label='' aria-hidden="true" tabindex="-1" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> <div class="c-tile-can_illustration"> <div class="c-image || c-tile-can_illustration_img"> <div class="c-image_inner"> <div class="c-image -lazy-load "> <div class="c-image_inner"> <img class="c-image_img" alt="" width="500" height="625" src="//matelibre.com/cdn/shop/files/Tile-Passion-Illustration.png?height=625&v=1708533554&width=500" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> </div> </div> <div class="c-tile-can_visual"> <div class="c-tile-can_visual_inner"> <div class="c-image"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="200" height="507" src="//matelibre.com/cdn/shop/files/matelibre-can-passion_3d360783-e47a-4235-bc35-ab260a9a362a.png?crop=region&crop_height=1700&crop_left=665&crop_top=188&crop_width=670&v=1693498842&width=200" loading="eager" > </div> </div> </div> </div> <div class="c-tile-can_background"></div> </div> <a class="c-tile-can_url" href="/products/passion"> <span class="u-screen-reader-text">Discover</span> </a> </div> </div> <div class="c-horizontal-panel_item || swiper-slide" data-horizontal-panel="item" data-scroll> <div class="c-tile-can -feature || u-theme || u-button-hover" style="--color-primary: #235c1b; --color-secondary: #e1efe3; --color-accent: #257535;"> <div class="c-tile-can_inner"> <div class="c-tile-can_top"> <p class="c-tile-can_title">mint & lime</p> <ul class="c-tag_list -product || c-tile-can_tag"> </ul> </div> <p class="c-tile-can_text"> It's like happy hour in a can. Refreshing and fresh, perfect for a late day on the patio or a hot day by the pool. </p> <div class="c-tile-can_cta"> <button class='c-button -expand ' aria-label='' aria-hidden="true" tabindex="-1" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> <div class="c-tile-can_illustration"> <div class="c-image || c-tile-can_illustration_img"> <div class="c-image_inner"> <div class="c-image -lazy-load "> <div class="c-image_inner"> <img class="c-image_img" alt="" width="500" height="625" src="//matelibre.com/cdn/shop/files/Tile-Menthe_lime-Illustration.png?height=625&v=1708533498&width=500" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> </div> </div> <div class="c-tile-can_visual"> <div class="c-tile-can_visual_inner"> <div class="c-image"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="200" height="507" src="//matelibre.com/cdn/shop/files/matelibre-can-menthe-lime_910b0663-93f8-40f2-b896-05345d5ad832.png?crop=region&crop_height=1700&crop_left=665&crop_top=188&crop_width=670&v=1693498850&width=200" loading="eager" > </div> </div> </div> </div> <div class="c-tile-can_background"></div> </div> <a class="c-tile-can_url" href="/products/mint-lime"> <span class="u-screen-reader-text">Discover</span> </a> </div> </div> <div class="c-horizontal-panel_item -cta || swiper-slide" data-horizontal-panel="item" data-scroll> <div class="c-horizontal-panel_cta"> <div class="c-horizontal-panel__cta_box || u-button-hover"> <h3 class="c-horizontal-panel_cta_title"> See more products </h3> <div class="c-horizontal-panel_cta_button"> <a class='c-button -expand ' href='/pages/products' aria-label='' aria-hidden="true" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </a> </div> <a class="c-horizontal-panel_cta_url" href="/pages/products"> <span class="u-screen-reader-text">See more products</span> </a> </div> </div> </div> </div> </div> <div class="c-horizontal-panel_rail" data-scroll data-scroll-offset="100%,0" data-scroll-ignore-fold data-scroll-repeat> <div class="c-horizontal-panel_rail_sticky"> <div class="c-rail c-horizontal-panel_rail_inner" data-scroll data-scroll-position="start,end" data-module-rail data-scroll-repeat data-rail-direction="-1" data-horizontal-panel="rail" aria-hidden="true" > <div class="c-rail_inner" data-rail="container"> <ul class="c-rail_pattern" data-rail="pattern"> <li class="c-rail_item" data-rail-item> <div class="c-rail_text"> Energy infusions </div> </li> <li class="c-rail_item" data-rail-item> <div class="c-rail_text"> 60 mg of caffeine </div> </li> <li class="c-rail_item" data-rail-item> <div class="c-rail_text"> Awakens the mind </div> </li> <li class="c-rail_item" data-rail-item> <div class="c-rail_text"> No crash </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__splash-yerba" class="shopify-section"> <div class="c-splash-yerba || u-margin-huge-top || u-margin-large-bottom || u-anim-page"> <div class="o-container" data-scroll data-scroll-module-progress data-module-smooth-progress data-smooth-progress-type="power1Out" > <h3 class="c-heading -huge-sans || c-split-text || c-splash-yerba_title" data-module-split-text data-scroll data-scroll-call="launch, SplitText" data-scroll-call-self data-scroll-offset="20%" > <span class="u-accent || c-splash-yerba_title_line -first"> <span class="c-splash-yerba_title_line_inner"> The benefits of </span> </span> <span class="c-splash-yerba_title_line -last"> <span class="c-splash-yerba_title_line_inner"> yerba maté? </span> </span> </h3> </div> <div class="c-splash-yerba_container" data-module-splash-yerba> <div class="c-splash-yerba_perks" data-splash-yerba="perks"> <div class="c-splash-yerba_visual-area" data-scroll data-scroll-event-progress="visualClipProgress"></div> <div class="o-container"> <ul class="c-splash-yerba_list"> <li class="c-splash-yerba_item" data-scroll data-scroll-offset="10%"> <div class="c-icon || c-splash-yerba_icon"> <svg class='svg-perks'> <use xlink:href="#icon-sparkling"></use> </svg> </div> <h4 class="c-splash-yerba_label"> Stimulates your mind </h4> <div class="c-text -large"> <p>Put your brain in focus mode: yerba mate infusion can help stimulate brain activity thanks to the natural presence of polyphenols. The end of your sessions will be much more productive. <sup class="">[1] [2] [3]</sup></p> </div> </li> <li class="c-splash-yerba_item" data-scroll data-scroll-offset="10%"> <div class="c-icon || c-splash-yerba_icon"> <svg class='svg-perks'> <use xlink:href="#icon-loop"></use> </svg> </div> <h4 class="c-splash-yerba_label"> No crash </h4> <div class="c-text -large"> <p>Prolonged, better-controlled energy without palpitations thanks to yerba mate. The natural combination of caffeine and theobromine in yerba mate infusion helps regulate energy. Bye bye coffee down! <sup class="">[4] [5]</sup></p> </div> </li> <li class="c-splash-yerba_item" data-scroll data-scroll-offset="10%"> <div class="c-icon || c-splash-yerba_icon"> <svg class='svg-perks'> <use xlink:href="#icon-tea-leaves"></use> </svg> </div> <h4 class="c-splash-yerba_label"> Sport & Recovery </h4> <div class="c-text -large"> <p>Whether it's for sport or after a night out, we've got you covered! Yerba mate's naturally occurring caffeine could improve exercise performance and recovery. <sup class="">[3] [6]</sup></p> </div> </li> </ul> </div> </div> <div class="c-splash-yerba_content -has-content" data-scroll data-scroll-repeat data-scroll-offset="100%" data-scroll-module-progress data-module-smooth-progress data-smooth-progress-type="power1Out" > <div class="c-splash-yerba_content_sticky || o-container" data-scroll data-scroll-repeat data-scroll-offset="120%,-200%" > <div class="c-splash-yerba_content_text"> <p>mate libre is made from an infusion of yerba mate, a tree of South American origin. A superfood with multiple benefits.</p> </div> <a class='c-button -large c-splash-yerba_content_cta' href='/pages/yerba-mate' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover yerba maté</span> </span> </a> </div> </div> <div class="c-splash-yerba_background"> <div class="c-splash-yerba_background_sticky_area"> <div class="c-splash-yerba_background_sticky"> <div class="c-splash-yerba_background_visual" data-splash-yerba="visual"> <div class="c-image -lazy-load -cover || c-splash-yerba_background_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="2000" height="1130" src="//matelibre.com/cdn/shop/files/Yerba_20studio_20tree.jpg?height=1130&v=1722456604&width=2000" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> <div class="c-splash-yerba_background_visual" data-splash-yerba="visual"> <div class="c-image -lazy-load -cover || c-splash-yerba_background_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="2000" height="1130" src="//matelibre.com/cdn/shop/files/Yerba_20studio_20tree.jpg?height=1130&v=1722456604&width=2000" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__block-cta-compact" class="shopify-section"> <div class="c-block-cta-compact || u-margin-big-top || u-margin-big-bottom || u-anim-page"> <div class="o-container"> <div class="o-grid -gutters || c-block-cta-compact_grid"> <div class="c-block-cta-compact_grid_item -visual"> <div class="c-image -rounded-border -lazy-load c-block-cta-compact_visual"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1200" height="1200" src="//matelibre.com/cdn/shop/files/home-02.jpg?height=1200&v=1693578907&width=1200" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> </div> <div class="c-block-cta-compact_grid_item -content"> <h3 class="c-heading -h2-sans || u-margin-medium-bottom || c-split-text" data-module-split-text data-scroll data-scroll-call="launch, SplitText" data-scroll-call-self data-scroll-offset="20%" > Committed from our raw material to packaging. </h3> <div class="c-wysiwyg || u-margin-medium-bottom"> <p>We're not perfect, but we're committed to making an environmental and social difference as best we can. Our carbon-neutral delivery is just one way to work towards making a positive impact because it has never been more important.</p> </div> <div class="c-perks -vertical c-block-cta-compact_perks"> <ul class="c-perks_list"> <li class="c-perks_item" data-scroll> <div class="c-icon || c-perks_icon"> <svg class='svg-perks'> <use xlink:href="#icon-plant"></use> </svg> </div> <p class="c-perks_label"> Carbon-free delivery in Greater Montreal </p> </li> <li class="c-perks_item" data-scroll> <div class="c-icon || c-perks_icon"> <svg class='svg-perks'> <use xlink:href="#icon-hands-heart"></use> </svg> </div> <p class="c-perks_label"> Fair trade yerba mate </p> </li> <li class="c-perks_item" data-scroll> <div class="c-icon || c-perks_icon"> <svg class='svg-perks'> <use xlink:href="#icon-tea-leaves"></use> </svg> </div> <p class="c-perks_label"> Certified organic </p> </li> </ul> </div> <a class='c-button -large ' href='/pages/fair' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Discover our commitments</span> </span> </a> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__carousel-quotes" class="shopify-section"> <div class="c-carousel-quote || u-margin-huge-bottom || u-margin-large-top || u-anim-page" data-module-carousel-quote> <div class="c-image -cover -lazy-load c-carousel-quote_background"> <div class="c-image_inner"> <img class="c-image_img" alt="" width="1500" height="960" src="//matelibre.com/cdn/shop/files/hero-home-03.jpg?height=960&v=1693497221&width=1500" loading="lazy" style="object-position: 50.0% 50.0%" > </div> </div> <div class="c-carousel-quote_box"> <div class="c-carousel-quote_box_inner"> <div class="swiper c-carousel-quote_carousel"> <div class="swiper-container" data-carousel-quote="container"> <div class="swiper-wrapper"> <div class="swiper-slide || c-carousel-quote_item" data-carousel-quote="item"> <figure class="c-carousel-quote_blockquote"> <blockquote class="c-carousel-quote_blockquote"> <p class="c-carousel-quote_blockquote_text"> Our vision extends beyond mere “mate” sales. We aspire to give individuals the energy to feel free. Through our mission, to support artists, athletes, communities, and all who embody the essence of Canada’s DNA. </p> </blockquote> <figcaption class="c-carousel-quote_blockquote_caption"> Edouard </figcaption> </figure> </div> </div> </div> </div> <div class="c-carousel-quote_navigation"> <button class='c-button -circle c-carousel-quote_navigation_button' aria-label='' data-carousel-quote="prev" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Previous</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-left' aria-label=''> <use xlink:href="#arrow-left"></use> </svg> </span> </span> </button> <button class='c-button -circle c-carousel-quote_navigation_button' aria-label='' data-carousel-quote="next" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Next</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__feature-articles" class="shopify-section"> <div class="u-anim-page || u-margin-big-top u-margin-big-bottom"> <div class="o-container"> <div class="c-article-listing"> <div class="c-article-listing_heading"> <h2 class="c-heading -h3-sans || u-margin-tiny-bottom"> Our <br> community </h2> <div class="u-hide@to-medium"> <a class='c-button u-margin-medium-bottom' href='/blogs/news' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">See all articles</span> </span> </a> </div> </div> <div class="c-article-listing_list -default -feature"> <div class="c-article-listing_item"> <article class="c-tile-article || u-hover"> <div class="c-tile-article_visual_wrap"> <div class="c-tile-article_visual"> <div class="c-image -cover -lazy-load c-tile-article_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="Yerba Mate taste" width="" height="" src="//matelibre.com/cdn/shop/articles/What_does_yerba_Mate_taste_like.jpg?v=1723131704" loading="lazy" > </div> </div> </div> </div> <div class="c-tile-article_content"> <h3 class="c-tile-article_title"> What Does Yerba Mate Taste Like? </h3> <div class="c-tile-article_content_info"><time datetime="2024-08-08T15:41:43Z">August 8, 2024</time> </div> </div> <a class="c-tile-article_url" href="/blogs/news/what-does-yerba-mate-taste-like"> <span class="u-screen-reader-text">Learn more</span> </a> </article> </div><div class="c-article-listing_item"> <article class="c-tile-article || u-hover"> <div class="c-tile-article_visual_wrap"> <div class="c-tile-article_visual"> <div class="c-image -cover -lazy-load c-tile-article_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="Mate Libre's different Yerba Mate Flavors" width="" height="" src="//matelibre.com/cdn/shop/articles/Mate_Libre_Yerba_Mate_Flavours.jpg?v=1723131524" loading="lazy" > </div> </div> </div> </div> <div class="c-tile-article_content"> <h3 class="c-tile-article_title"> Mate Libre's different Yerba Mate Flavors </h3> <div class="c-tile-article_content_info"><time datetime="2024-08-08T15:38:43Z">August 8, 2024</time> </div> </div> <a class="c-tile-article_url" href="/blogs/news/yeba-mate-flavours"> <span class="u-screen-reader-text">Learn more</span> </a> </article> </div><div class="c-article-listing_item"> <article class="c-tile-article || u-hover"> <div class="c-tile-article_visual_wrap"> <div class="c-tile-article_visual"> <div class="c-image -cover -lazy-load c-tile-article_visual_img"> <div class="c-image_inner"> <img class="c-image_img" alt="Mate Mule" width="" height="" src="//matelibre.com/cdn/shop/articles/DSC06452-3_1.jpg?v=1693578329" loading="lazy" > </div> </div> </div> </div> <div class="c-tile-article_content"> <h3 class="c-tile-article_title"> Mate Mule </h3> <div class="c-tile-article_content_info"><time datetime="2023-09-01T14:25:36Z">September 1, 2023</time> - <ul class="c-tag_list"> <li class="c-tag_item"> Recipes </li> </ul> </div> </div> <a class="c-tile-article_url" href="/blogs/news/mate-mule"> <span class="u-screen-reader-text">Learn more</span> </a> </article> </div> </div> <div class="u-hide@from-medium"> <a class='c-button u-margin-small-top' href='/blogs/news' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">See all articles</span> </span> </a> </div> </div> </div> </div> </div><div id="shopify-section-template--16871391527147__cta-faq" class="shopify-section"> <div class="u-margin-big-top || u-anim-page || c-cta-faq"> <div class="o-container"> <div class="o-grid -gutters -col-2@from-medium"> <div class="c-cta-faq_header"> <h2 class="c-heading -h4-sans || c-cta-faq_header_title"> Frequently asked questions </h2> <div class="c-cta-faq_header_button || u-hide@to-medium"> <a class='c-button ' href='/pages/yerba-mate-faq' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Visit our faq</span> </span> </a> </div> </div> <div> <div class="c-accordion u-offset-right u-offset-left@to-medium" data-module-accordion> <ul class="c-accordion_list"> <li class="c-accordion_item" data-accordion="item"> <h3 class="u-screen-reader-text"> What is Yerba Mate? </h3> <button class="c-accordion_toggler" type="button" data-accordion="toggler" type="button" aria-expanded="false"> <span class="c-accordion_toggler_label"> What is Yerba Mate? </span> <span class="c-accordion_toggler_icon"> <svg class="c-accordion_toggler_icon_svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="c-accordion_toggler_icon_svg_path -vertical" vector-effect="non-scaling-stroke" d="M8 1V15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> <path class="c-accordion_toggler_icon_svg_path -horizontal" vector-effect="non-scaling-stroke" d="M1 8H15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </button> <div class="c-accordion_item_content" data-accordion="content"> <div class="c-accordion_item_inner" data-accordion="inner"> <div class="c-wysiwyg"> <div class="metafield-rich_text_field"><p>Ilex paraguariensis, by its botanical name, or yerba maté, is a tree that grows in southern countries of South America, mainly Argentina, Brazil, Uruguay and Paraguay. Yerba Mate leaves are naturally caffeinated and picked and dried for consumption, traditionally infused in a calabash (small container), using the bombilla (filtering straw) and by adding hot water.</p><p>Mate Libre uses these same leaves to offer a refreshing, tangy, floral, slightly sweet and energizing beverage. Learn more about <a href="https://matelibre.com/blogs/news/yerba-mate">what is Yerba Mate</a></p></div> </div> </div> </div> </li> <li class="c-accordion_item" data-accordion="item"> <h3 class="u-screen-reader-text"> What are the benefits of Yerba Mate? </h3> <button class="c-accordion_toggler" type="button" data-accordion="toggler" type="button" aria-expanded="false"> <span class="c-accordion_toggler_label"> What are the benefits of Yerba Mate? </span> <span class="c-accordion_toggler_icon"> <svg class="c-accordion_toggler_icon_svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="c-accordion_toggler_icon_svg_path -vertical" vector-effect="non-scaling-stroke" d="M8 1V15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> <path class="c-accordion_toggler_icon_svg_path -horizontal" vector-effect="non-scaling-stroke" d="M1 8H15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </button> <div class="c-accordion_item_content" data-accordion="content"> <div class="c-accordion_item_inner" data-accordion="inner"> <div class="c-wysiwyg"> <div class="metafield-rich_text_field"><ol><li>Rich in antioxidants and nutrients</li><li>Can boost energy and increase mental alertness</li><li>Regulates energy levels</li><li>Increased sport recuperation</li><li>Anti-inflammatory<br /> </li></ol><p><a href="https://matelibre.com/blogs/news/yerba-mate-benefits">Read More About Yerba Mate Benefits</a></p></div> </div> </div> </div> </li> <li class="c-accordion_item" data-accordion="item"> <h3 class="u-screen-reader-text"> Is it safe to drink Yerba Mate everyday? </h3> <button class="c-accordion_toggler" type="button" data-accordion="toggler" type="button" aria-expanded="false"> <span class="c-accordion_toggler_label"> Is it safe to drink Yerba Mate everyday? </span> <span class="c-accordion_toggler_icon"> <svg class="c-accordion_toggler_icon_svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="c-accordion_toggler_icon_svg_path -vertical" vector-effect="non-scaling-stroke" d="M8 1V15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> <path class="c-accordion_toggler_icon_svg_path -horizontal" vector-effect="non-scaling-stroke" d="M1 8H15" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/> </svg> </span> </button> <div class="c-accordion_item_content" data-accordion="content"> <div class="c-accordion_item_inner" data-accordion="inner"> <div class="c-wysiwyg"> <div class="metafield-rich_text_field"><p>Yes! Just like tea or coffee, yerba mate can be consumed regularly. However, it’s best to start gradually, especially if you’re not accustomed to caffeine. Feel free to incorporate yerba mate beverages into your daily routine according to your preferences.</p></div> </div> </div> </div> </li> </ul> </div> </div> <div class="c-cta-faq_header_button || u-hide@from-medium"> <a class='c-button u-margin-top-small' href='/pages/yerba-mate-faq' aria-label='' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Visit our faq</span> </span> </a> </div> </div> </div> </div> </div> </main> <div class="c-footnote"> <div class="o-container"> <div class="c-wysiwyg -footnote"> <div class="metafield-rich_text_field"><ol><li>Vauzour, David. “Dietary Polyphenols as Modulators of Brain Functions: Biological Actions and Molecular Mechanisms Underpinning Their Beneficial Effects.” Oxidative Medicine and Cellular Longevity 2012 (2012): 1–16. https://doi.org/10.1155/2012/914273.</li><li>Gawron-Gzella, Anna, Justyna Chanaj-Kaczmarek, and Judyta Cielecka-Piontek. “Yerba Mate—a Long but Current History.” Nutrients 13, no. 11 (2021): 3706. https://doi.org/10.3390/nu13113706.</li><li>Guest, Nanci S., Trisha A. VanDusseldorp, Michael T. Nelson, Jozo Grgic, Brad J. Schoenfeld, Nathaniel D. M. Jenkins, Shawn M. Arent, et al. “International Society of Sports Nutrition Position Stand: Caffeine and Exercise Performance.” Journal of the International Society of Sports Nutrition 18, no. 1 (January 2, 2021). https://doi.org/10.1186/s12970-020-00383-4.</li><li>Baggott, M. J., Childs, E., Hart, A. B., de Bruin, E., Palmer, A. A., Wilkinson, J. E., &amp; de Wit, H. (2013). Psychopharmacology of theobromine in healthy volunteers. Psychopharmacology, 228(1), 109–118. https://doi.org/10.1007/s00213-013-3021-0 </li><li>Mitchell, E. S., Slettenaar, M., vd Meer, N., Transler, C., Jans, L., Quadt, F., &amp; Berry, M. (2011). Differential contributions of theobromine and caffeine on mood, psychomotor performance and blood pressure. Physiology &amp;amp; Behavior, 104(5), 816–822. https://doi.org/10.1016/j.physbeh.2011.07.027.</li><li>Panza, Vilma Pereira, Fernando Diefenthaeler, Aline Cavalheiro Tamborindeguy, Carolina de Camargo, Bruno Monteiro de Moura, Henver Simionato Brunetta, Raphael Luiz Sakugawa, et al. “Effects of Mate Tea Consumption on Muscle Strength and Oxidative Stress Markers after Eccentric Exercise.” British Journal of Nutrition 115, no. 8 (2016): 1370–78. https://doi.org/10.1017/s000711451600043x.</li></ol></div> </div> </div> </div> <footer class="c-footer || u-anim-page"> <div class="o-container -padding-small || c-footer_container"> <div class="o-grid -gutters -col-2@from-small"> <div class="c-footer_box -newsletter"> <p class="c-footer_box_title"> Subscribe to our newsletter and receive 10$ off your first subscription order. </p> <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="c-form || c-newsletter"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="c-newsletter_inner" data-module-newsletter-form> <input type="hidden" name="contact[tags]" value="newsletter,en"> <div class="u-relative"> <div class="c-form_item -no-icon c-newsletter_input"> <input class="c-form_input" type="email" id="ContactForm-email" name="contact[email]" value="" placeholder="your email" spellcheck="false" autocapitalize="off" aria-required="true" required="required" > <label class="c-form_label || u-screen-reader-text" for="ContactForm-email" > Email adress<span aria-hidden="true">*</span> </label> </div> <button class='c-button -circle c-newsletter_button' aria-label='' type='submit' data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Subscribe</span> <span class='c-button_icon c-icon'> <svg class='svg-arrow-right' aria-label=''> <use xlink:href="#arrow-right"></use> </svg> </span> </span> </button> </div> </div> </form> </div> <div class="c-footer_box -social"> <p class="c-footer_box_title"> Follow us on our social networks </p> <nav class="c-social || c-footer_social"> <ul class="c-social_list"> <li class="c-social_item"> <a href="https://www.instagram.com/matelibre" class="c-social_link" rel="noopener noreferrer" target="_blank"> Instagram </a> </li> <li class="c-social_item"> <a href="https://www.facebook.com/matelibre/" class="c-social_link" rel="noopener noreferrer" target="_blank"> Facebook </a> </li> <li class="c-social_item"> <a href="https://www.tiktok.com/@mate.libre" class="c-social_link" rel="noopener noreferrer" target="_blank"> TikTok </a> </li> </ul> </nav> </div> </div> </div> <div class="o-container"> <div class="c-footer_nav"> <div class="c-footer_nav_col"> <nav class="c-menu -main -small " data-module-accordion data-modal-menu="accordions"> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/pages/products" class="c-menu_link " > <span class="c-menu_link_label"> Products </span> </a> </li> <li class="c-menu_item" data-accordion="item"> <button class="c-menu_link" type="button" data-accordion="toggler" type="button" aria-expanded="false"> <span class="c-menu_link_label"> Explore </span> <span class="c-menu_link_icon || c-icon"> <svg class="svg-chevron"> <use xlink:href="#chevron"></use> </svg> </span> </button> <div class="c-menu_dropdown" data-accordion="content"> <ul class="c-menu_dropdown_list" data-accordion="inner"> <li class="c-menu_dropdown_item"> <a href="/pages/yerba-mate" class="c-menu_dropdown_link " > <span class="c-menu_dropdown_link_label"> Yerba Mate </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/about-mate-libre" class="c-menu_dropdown_link " > <span class="c-menu_dropdown_link_label"> Our story </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/fair" class="c-menu_dropdown_link " > <span class="c-menu_dropdown_link_label"> Fair Trade </span> </a> </li> <li class="c-menu_dropdown_item"> <a href="/pages/yerba-mate-faq" class="c-menu_dropdown_link " > <span class="c-menu_dropdown_link_label"> FAQ </span> </a> </li> </ul> </div> </li> <li class="c-menu_item"> <a href="/blogs/news" class="c-menu_link " > <span class="c-menu_link_label"> Community </span> </a> </li> </ul> </nav> </div> <div class="c-footer_nav_col"> <nav class="c-menu -secondary"> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/pages/about-mate-libre" class="c-menu_link " > <span class="c-menu_link_label"> About us </span> </a> </li> <li class="c-menu_item"> <a href="/pages/where-to-buy-yerba-mate" class="c-menu_link " > <span class="c-menu_link_label"> Retailers </span> </a> </li> <li class="c-menu_item"> <a href="https://b2b.matelibre.com/my-account/" class="c-menu_link " > <span class="c-menu_link_label"> Wholesale </span> </a> </li> <li class="c-menu_item"> <a href="/pages/yerba-mate-faq" class="c-menu_link " > <span class="c-menu_link_label"> FAQ </span> </a> </li> <li class="c-menu_item"> <a href="/pages/contact-us" class="c-menu_link " > <span class="c-menu_link_label"> Contact </span> </a> </li> </ul> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/account" class="c-menu_link" > <span class="c-menu_link_label"> Login </span> </a> </li> <li class="c-menu_item"> <div class=" c-currency c-menu_currency -menu" > <form method="post" action="/cart/update" id="currency_form" accept-charset="UTF-8" class="c-currency_form" enctype="multipart/form-data" data-module-currency=""><input type="hidden" name="form_type" value="currency" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/" /> <select name="currency"><option value="CAD" selected="selected">CAD $</option><option value="USD">USD $</option></select> <span class="c-currency_icon || c-icon"> <svg class="svg-chevron-small"> <use xlink:href="#chevron"></use> </svg> </span> </form> </div> </li> <li class="c-menu_item"> <form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="c-langswitcher" enctype="multipart/form-data" data-module-localization=""><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="/" /> <ul class="c-langswitcher_list"> <li> <button hreflang="fr" lang="fr" data-value="fr" data-localization="link" class="c-langswitcher_link c-menu_link "> <span class="c-langswitcher_link_label"> Français </span> </button> </li> </ul> <input type="hidden" name="language_code" value="en" data-localization="input" > </form> </li> </ul> </nav> <nav class="c-menu -sitemap"> <ul class="c-menu_list"> <li class="c-menu_item"> <a href="/policies/privacy-policy" class="c-menu_link false"> <span class="c-menu_link_label"> Privacy Policy </span> </a> </li> <li class="c-menu_item"> <a href="/policies/terms-of-service" class="c-menu_link false"> <span class="c-menu_link_label"> Terms & Conditions </span> </a> </li> <li class="c-menu_item"> <button type="button" class="c-menu_link" data-shopify-cookie-consent="show-preferences"> <span class="c-menu_link_label"> Cookie preferences </span> </button> </li> </ul> </nav> </div> </div> <div class="o-grid -gutters -col-2 -bottom-items"> <div class="o-grid_item u-gc-1/2"> <a href="/" class="c-footer_logo"> <span class="u-screen-reader-text">Visit Mate Libre homepage</span> <svg class='c-footer_logo_svg' aria-label=''> <use xlink:href="#logo-copyright"></use> </svg> </a> </div> <div class="o-grid_item u-gc-2/3"> <div class="o-grid -col-2@from-small || c-footer_credit"> <div class="o-grid_item u-gc-1/2@from-small u-gc-1/2"> <p class="c-text -small -text-lowercase"> 2024 Mate Libre Inc. </p> </div> <div class="o-grid_item u-gc-2/3@from-small u-gc-1/2"> <p class="c-text -small -text-lowercase"> Website by <a href="http://locomotive.ca/" rel="noopener noreferrer" target="_blank">Locomotive</a> </p> </div> </div> </div> </div> </div> </footer> </div> <div class="c-modal-cart || c-modal" data-module-modal-cart aria-label="Cart modal" tabindex="-1" aria-hidden="false" data-lenis-prevent > <div class="c-modal-cart_container || c-modal_container"> <div class="c-modal-cart_inner || c-modal_inner"> <button class='c-button -circle c-modal-cart_close' aria-label='' type='button' data-modal-cart="close" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Close</span> <span class='c-button_icon c-icon'> <svg class='svg-close' aria-label=''> <use xlink:href="#close"></use> </svg> </span> </span> </button> <div class="c-modal-cart_layout"> <div class="c-cart"> <div class="c-cart_header"> <div class="c-icon || c-cart_header_icon"> <svg class="svg-cart" aria-hidden="true"> <use xlink:href="#cart"></use> </svg> </div> <p>Your cart <span data-module-cart-counter>(<span data-cart-counter="content"></span>)</span></p> </div> <form class="c-cart_form" action="/cart" id="CartForm" method="post" data-module-cart > <div class="c-cart_inner" data-cart="app"> <p class="c-cart_empty" v-if="!cart.items.length">The bag is empty</p> <div v-else class="c-cart_lines"> <ul class="c-cart_lines_inner"> <li class="c-cart-line" v-for="(item, index) in cart.items" :key="index"> <div class="c-cart-line_visual"> <div v-if="item.featured_image.url" class="c-image -cover"> <div class="c-image_inner"> <img class="c-image_img" :alt="item.featured_image.alt" width="200" height="200" :src="$filters.imageUrl(item.featured_image.url)" loading="lazy" > </div> </div> </div> <div class="c-cart-line_content"> <div class="c-cart-line_content_top"> <p class="c-cart-line_title"> ${item.product_title} </p> <p class="c-cart-line_options"> ${ $filters.variant(item.variant_title) } <span v-if="item?.properties?.Contenus"> <br>${ item.properties.Contenus } </span> <span v-else-if="item?.properties?.Contents"> <br>${ item.properties.Contents } </span> </p> </div> <div class="c-cart-line_content_bottom"> <div class="c-quantity" v-if="!item.selling_plan_allocation"> <button class='c-button -circle-small c-quantity_button' aria-label='' type='button' @click="onDecrease" :data-product-id="item.id" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Minus</span> <span class='c-button_icon c-icon'> <svg class='svg-minus' aria-label=''> <use xlink:href="#minus"></use> </svg> </span> </span> </button> <div class="c-quantity_input"> <span>${item.quantity}</span> </div> <button class='c-button -circle-small c-quantity_button' aria-label='' type='button' @click="onIncrease" :data-product-id="item.id" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label u-screen-reader-text' data-button="label">Plus</span> <span class='c-button_icon c-icon'> <svg class='svg-plus' aria-label=''> <use xlink:href="#plus"></use> </svg> </span> </span> </button> </div> <div class="c-cart-line_selling_plan || u-margin-tiny-top" v-else> <span v-if="item.selling_plan_allocation.selling_plan.price_adjustments" v-for="price_adjustment in item.selling_plan_allocation.selling_plan.price_adjustments"> ${$filters.translate('Discount')} ${price_adjustment.value} ${price_adjustment.value_type === "percentage" ? '%' : currency_symbol}<br> </span> ${$filters.translate(item.selling_plan_allocation.selling_plan.name)} </div> <p class="c-cart-line_prices"> <span v-if="item.line_price < item.original_line_price" class="c-cart-line_prices_item -strikethrough">${ $filters.price(item.original_line_price) }</span> <span>${ $filters.price(item.line_price) }</span> </p> </div> </div> <div class="c-cart-line_delete"> <button type="button" aria-label="Delete" @click="onDelete" :data-product-id="item.id" > <span class="c-icon"> <svg class="svg-trash-can" aria-hidden="true"> <use xlink:href="#trash-can"></use> </svg> </span> </button> </div> </li> </ul> </div> <div class="c-cart_footer" v-if="cart.items.length"> <div class="c-cart_footer_line" v-if="cart.total_price < cart.original_total_price"> <span>Original price</span> <span>${ $filters.price(cart.original_total_price) } CAD</span> </div> <div class="c-cart_footer_line"> <span>Subtotal</span> <span>${ $filters.price(cart.total_price) } CAD</span> </div> <button class='c-button -fluid -large -spinner ' aria-label='' type='submit' name="checkout" form="CartForm" :disabled="cart.items.length === 0" @click="onCheckout" data-module-button data-button="button" > <span class="c-button_inner"> <span class='c-button_label ' data-button="label">Proceed to checkout</span> <span class="c-button_spinner"> <span class="c-spinner"></span> </span> </span> </button> <div class="c-cart_footer_hint"> <p>Taxes and shipping will be calculated at checkout</p> </div> </div> </div> </form> </div> </div> </div> </div> <div class="c-modal_overlay || c-modal-cart_overlay" aria-label="Close modal" data-modal-cart="close" ></div> </div> </div> <script src="//matelibre.com/cdn/shop/t/25/assets/vendors.js?v=87678546009501125411693919259" defer></script> <script src="//matelibre.com/cdn/shop/t/25/assets/app.js?v=1222975630173151601729687719" defer></script> </body> </html>

CINXE.COM

Yerba Mate | Montreal & Toronto, Canada | Mate Libre