PageSourceSearch

https://tonyschocolonely.com/pages/store-locator

html tonyschocolonely.com collected 2026-09-24 15:19:58 UTC 196,128 bytes, 3,478 lines download raw bytes

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1"><link href="//tonyschocolonely.com/cdn/shop/t/28/assets/chocolateletter.woff2?v=110981367983142826731786367718" as="font" type="font/woff2" crossorigin="true" rel="preload"><link href="//tonyschocolonely.com/cdn/shop/t/28/assets/american-typewriter-bold.woff2?v=154617523331057405631786367713" as="font" type="font/woff2" crossorigin="true" rel="preload"><link href="//tonyschocolonely.com/cdn/shop/t/28/assets/american-typewriter-semibold.woff2?v=169040941419723292901786367714" as="font" type="font/woff2" crossorigin="true" rel="preload"><title>
6      Store Locator
7 &ndash; Tony’s Chocolonely Global</title>
8<link rel="canonical" href="https://tonyschocolonely.com/pages/store-locator">
9<meta name="description" content="Tony&#39;s Chocolonely: fighting exploitation in cocoa – poverty, child labor and deforestation. Pick your country to start shopping.">
10
11<meta property="og:site_name" content="Tony’s Chocolonely Global">
12<meta property="og:url" content="https://tonyschocolonely.com/pages/store-locator">
13<meta property="og:title" content="Store Locator">
14<meta property="og:type" content="website">
15<meta property="og:description" content="Tony&#39;s Chocolonely: fighting exploitation in cocoa – poverty, child labor and deforestation. Pick your country to start shopping."><meta property="og:image" content="http://tonyschocolonely.com/cdn/shop/files/TC_Online_SocialSharingImage_1200x628_6ddf1293-71f3-432b-a4b0-16ca77fd78ce.webp?crop=center&height=600&v=1732227996&width=1080">
16  <meta property="og:image:secure_url" content="https://tonyschocolonely.com/cdn/shop/files/TC_Online_SocialSharingImage_1200x628_6ddf1293-71f3-432b-a4b0-16ca77fd78ce.webp?crop=center&height=600&v=1732227996&width=1080">
17  <meta property="og:image:width" content="1200">
18  <meta property="og:image:height" content="628">
19  <meta property="og:image:alt" content="TC_Online_SocialSharingImage_1200x628_6ddf1293-71f3-432b-a4b0-16ca77fd78ce-Tony’s Chocolonely"><meta name="twitter:site" content="@https://www.twitter.com"><meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Store Locator">
21<meta name="twitter:description" content="Tony&#39;s Chocolonely: fighting exploitation in cocoa – poverty, child labor and deforestation. Pick your country to start shopping.">
22
23
24<meta name="theme-color" content="#EB0000" media="(prefers-color-scheme: light)">
25<meta name="theme-color" content="#006BE1" media="(prefers-color-scheme: dark)">
26<script
27        src="https://browser.sentry-cdn.com/10.69.0/bundle.tracing.min.js"
28        crossorigin="anonymous"
29        defer
30    ></script>
30
31    
31<script
32        src="https://browser.sentry-cdn.com/10.69.0/reportingobserver.min.js"
33        crossorigin="anonymous"
34        defer
35    ></script>
35
36
37    
37<script type="text/javascript" defer>
38        // Function to initialize Sentry when it's available
39        function initSentryWhenReady(retryCount = 0) {
40            const maxRetries = 50; // Maximum 5 seconds (50 * 100ms)
41            
42            if (typeof window.Sentry !== 'undefined') {
43                try {
44                    window.Sentry.init({
45                        dsn: "https://4f1ca09c16d2dfcfb952d130dead1241@o4504134824755200.ingest.us.sentry.io/4511851934187520",
46                        environment: "prod-www",
47                        replaysOnErrorSampleRate: 1,
48                        replaysSessionSampleRate: 0.3,
49                        // ReportingObserver: skip browser deprecation notices (Firefox moz* spam), keep crashes/interventions.
50                        integrations: [window.Sentry.reportingObserverIntegration({ types: ['crash', 'intervention'] })],
51                        // Drop errors thrown from third-party scripts (matched on the originating stack frame URL).
52                        // Deliberately NOT matching our own theme assets, app proxy or backend calls.
53                        denyUrls: [
54                            // Klaviyo onsite scripts + Elevar app-embed loader
55                            /klaviyo\.com/,
56                            /\/a\/elevar\/static\//,
57                            // Shopify-owned: web pixel sandbox workers, consent tracking API, privacy banner
58                            /\/web-pixels@[^/]+\/.*\/sandbox\/worker\.modern\.js/,
59                            /cdn\/shopifycloud\/consent-tracking-api\//,
60                            /cdn\/shopifycloud\/privacy-banner\//,
61                            // Hotjar, Google Tag Manager
62                            /script\.hotjar\.com/,
63                            /googletagmanager\.com\/gtm\.js/,
64                        ],
65                        // Drop errors that are explicitly third-party by message.
66                        // Generic "Load failed" / "Failed to fetch" without a third-party host are 
66kept.
67                        ignoreErrors: [
68                            /^(Load failed|Failed to fetch) \([\w.-]*klaviyo\.com\)$/,
69                            /^Failed to fetch dynamically imported module: .*\/a\/elevar\/static\//,
70                            // GTM-injected inline snippets referencing TikTok/Meta pixels before their SDK loaded
71                            /^(ttq|fbq) is not defined$/,
72                            /^Can't find variable: (ttq|fbq)$/,
73                        ],
74                        beforeSend(event) {
75                            // Bots, headless browsers and synthetic monitoring (Sentry's server-side crawler filter misses these)
76                            if (/bot|crawl|spider|headless|lighthouse|pingdom|gtmetrix|prerender/i.test(navigator.userAgent)) {
77                                return null;
78                            }
79
80                            // JSON parse failures caused by a rate-limited Shopify response (429/503 on /cart.json etc.).
81                            // The response breadcrumb is recorded before `.json()` rejects, so the most recent
82                            // fetch/xhr breadcrumb is the request whose body failed to parse. Only that request is
83                            // checked; if it is not a throttled Shopify JSON endpoint the event is kept.
84                            const message = event.exception?.values?.[0]?.value || '';
85                            if (/Unexpected end of JSON input|Failed to execute 'json' on 'Response'/.test(message)) {
86                                const lastRequest = [...(event.breadcrumbs || [])]
87                                    .reverse()
88                                    .find((b) => b.category === 'fetch' || b.category === 'xhr');
89                                const throttled =
90                                    [429, 503].includes(lastRequest?.data?.status_code) &&
91                                    /(\.json|\.js)(\?|$)|[?&]sections=/.test(lastRequest?.data?.url || '');
92                                if (throttled) return null;
93                            }
94
95                            // Tag events from third-party scripts
96                            const frames = event.exception?.values?.flatMap(v => v.stacktrace?.frames || []);
97                            if (frames?.some(f => f?.filename?.includes("cdn/shopifycloud"))) {
98                                event.tags = {
99                                  ...event.tags,
100                                  source: "shopify",
101                                };
102                            }
103                            else if (frames?.some(f => /cdn\/shop\/t\/(.*?)\/assets\//.test(f?.filename || ""))) {
104                              event.tags = {
105                                ...event.tags,
106                                source: "internal",
107                              };
108                            } else {
109                              event.tags = {
110                                ...event.tags,
111                                source: "external",
112                              };
113                            }
114                            return event;
115                        },
116                    });
117                } catch (error) {
118                    console.error('Sentry initialization error:', error);
119                }
120            } else if (retryCount < maxRetries) {
121                // Retry after 100ms, but only up to maxRetries times
122                setTimeout(() => initSentryWhenReady(retryCount + 1), 100);
123            } else {
124                console.warn('Sentry failed to load after', maxRetries * 100, 'ms');
125            }
126        }
127        
128        // Start initialization when DOM is ready
129        if (document.readyState === 'loading') {
130            document.addEventListener('DOMContentLoaded', initSentryWhenReady);
131        } else {
132            initSentryWhenReady();
133        }
134    </script>
134<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
134<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68941349116/digital_wallets/dialog">
135<script async="async" src="/checkouts/internal/preloads.js?locale=en-CA&default_configuration_id=15892732"></script>
vendor: 1 bytes, line 135
135
136<script id="shopify-features" type="application/json">{"accessToken":"318de678c635c3fca6b18f082834e361","betas":["rich-media-storefront-analytics"],"domain":"tonyschocolonely.com","predictiveSearch":true,"shopId":68941349116,"locale":"en"}</script>
vendor: 1 bytes, line 136
136
137<script>var Shopify = Shopify || {};
138Shopify.shop = "www-tonyschocolonely.myshopify.com";
139Shopify.locale = "en";
140Shopify.currency = {"active":"EUR","rate":"1.0"};
141Shopify.country = "CA";
142Shopify.theme = {"name":"tonys-chocolonely-storefront\/prod-www","id":187808776565,"schema_name":"Tony's Theme","schema_version":"0.14.0","theme_store_id":null,"role":"main"};
143Shopify.theme.handle = "null";
144Shopify.theme.style = {"id":null,"handle":null};
145Shopify.cdnHost = "tonyschocolonely.com/cdn";
146Shopify.routes = Shopify.routes || {};
147Shopify.routes.root = "/";
148Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
149Shopify.SignInWithShop = Shopify.SignInWithShop || {};
150Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
151Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 151
151
152<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 152
152
153<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>
vendor: 1 bytes, line 153
153
154<script>
155  window.Shopify = window.Shopify || {};
156  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
157  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
158  window.Shopify.SignInWithShop.eligible = true;
159</script>
vendor: 1 bytes, line 159
159
160<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 160
160
161<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 161
161
162<script type="module">
163  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
164
165  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
166
167</script>
vendor: 1 bytes, line 167
167
168<script>
169  window.Shopify = window.Shopify || {};
170  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
171  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
172</script>
vendor: 1 bytes, line 172
172
173<script id="__st">var __st={"a":68941349116,"offset":-14400,"reqid":"a357401c-4aa1-4e9c-a67f-8756242ddbf4-1790263198","pageurl":"tonyschocolonely.com\/pages\/store-locator","s":"pages-110871871740","u":"d47ac73f5a7d","p":"page","rtyp":"page","rid":110871871740};</script>
vendor: 1 bytes, line 173
173
174<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 174
174
175<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 175
175
176<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//tonyschocolonely.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 176
176
177<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//tonyschocolonely.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
177<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 177
177
178<script>
179  window.Shopify = window.Shopify || {};
180  window.Shopify.MCP = window.Shopify.MCP || {};
181  window.Shopify.MCP.enabled = true;
182  window.Shopify.MCP.shop = "www-tonyschocolonely.myshopify.com";
183  window.Shopify.MCP.mcpEndpoint = "https:\/\/tonyschocolonely.com\/api\/mcp";
184  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
185</script>
vendor: 1 bytes, line 185
185
186<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/tonyschocolonely.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
187</script>
vendor: 1 bytes, line 187
187
188<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://tonyschocolonely.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
189</script>
vendor: 1 bytes, line 189
189
190<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
191  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
192</script>
vendor: 1 bytes, line 192
192
193<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
194</script>
vendor: 1 bytes, line 194
194
195<script id='scb4127' type='text/javascript' async='' src='https://tonyschocolonely.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
vendor: 1 bytes, line 195
195
196<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
196
197
198    
198<script>
199      window.routes = {
200        cart_add_url: '/cart/add' + '.js',
201        cart_url: '/cart',
202        cart_clear_url: '/cart/clear' + '.js',
203        cart_change_url: '/cart/change',
204      };
205
206      window.money_format = '€{{amount_with_comma_separator}}';
207    </script>
207
208    
209<script>
210      const isStaging = location.href.match('stg-');
211      let environment = 'development';
212      if (isStaging) {
213        environment = 'staging';
214      } else if (window.Shopify.theme.name.match('acc-')) {
215        environment = 'acceptance';
216      } else if (window.location.host.match('tonyschocolonely.com')) {
217        environment = 'production';
218      }
219
220      console.log('%c Shop Domain', 'background: #386e3b; color: #fff', "www-tonyschocolonely.myshopify.com");
221      console.log('%c Environment', 'background: #222; color: #7be9e3', environment);
222      console.log('%c Theme ID', 'background: #222; color: #7be9e3', window.Shopify.theme.id);
223      console.log('%c Market', 'background: #222; color: #7be9e3', "ww");
224      console.log('%c Customer Shopify ID ', 'background: #386e3b; color: #fff', null);
225      console.log('%c Customer ID ', 'background: #222; color: #7be9e3', null);</script>
225
226
227    <style>
228      /* TODO: calculate header height */
229      :root {
230        --color_tonys-red: #EB0000;
231        --color_tonys-blue: #006BE1;
232        --color_tonys-white: #FFFFFF;
233        --color_tonys-yellow: #FFED00;
234        --color_caramel-orange: #FF7400;
235        --color_cookie-caramel-orange: #FFAA2D;
236        --color_nougat-yellow: #FFE000;
237        --color_hazelnut-crunch: #DCE10A;
238        --color_almond-green: #78C828;
239        --color_hazelnut-green: #009E00;
240        --color_crispy-wafer-blue: #00AFBE;
241        --color_dark-milk-blue: #50AFE2;
242        --color_pretzel-purple: #6464BE;
243        --color_cinnamon-biscuit-purple: #AA5ABE;
244        --color_caramel-biscuit-pink: #D7005A;
245        --color_raspberry-pink: #FF60A6;
246        --color_tonys-black: #000000;
247        --color_tonys-gray: #F1F1EC;
248      }
249    </style>
249<script src="//tonyschocolonely.com/cdn/shop/t/28/assets/ap.global.js?v=67704904563707887661786367712" defer="defer"></script>
249
250    
250<script src="//tonyschocolonely.com/cdn/shop/t/28/assets/ap.main.js?v=96452324376949846121790232064" type="module" defer="defer"></script>
250<link href="//tonyschocolonely.com/cdn/shop/t/28/assets/ap.main.css?v=117996353388047231261790232063" rel="stylesheet" type="text/css" media="all" />
251<link rel="icon" type="image/png" href="//tonyschocolonely.com/cdn/shop/t/28/assets/favicon.png?v=117367897481090806051786367719">
251<script>
252      window.markerConfig = {
253        project: '6710f40650731edbe39b3656',
254        source: 'snippet',
255
256        // Identify your reporter
257        
258
259        // Collect custom information
260        customData: {
261          'Market': 'ww',
262          'Theme ID': '187808776565',
263          'Customer group': 'A1',},
264      };
265    </script>
265
266    
266<script>
267      !(function (e, r, a) {
268        if (!e.__Marker) {
269          e.__Marker = {};
270          var t = [],
271            n = { __cs: t };
272          [
273            'show',
274            'hide',
275            'isVisible',
276            'capture',
277            'cancelCapture',
278            'unload',
279            'reload',
280            'isExtensionInstalled',
281            'setReporter',
282            'clearReporter',
283            'setCustomData',
284            'on',
285            'off',
286          ].forEach(function (e) {
287            n[e] = function () {
288              var r = Array.prototype.slice.call(arguments);
289              r.unshift(e), t.push(r);
290            };
291          }),
292            (e.Marker = n);
293          var s = r.createElement('script');
294          (s.async = 1), (s.src = 'https://edge.marker.io/latest/shim.js');
295          var i = r.getElementsByTagName('script')[0];
296          i.parentNode.insertBefore(s, i);
297        }
298      })(window, document);
299    </script>
299
300  <!-- BEGIN app block: shopify://apps/hreflang-manager/blocks/gwa-hreflang/35dc0b05-d599-4c8e-8584-8cd17768854a --><!-- BEGIN app snippet: gwa-hreflang-page --><link rel="alternate" hreflang="nl-BE" href="https://be.tonyschocolonely.com/pages/vind-ons-hier"><link rel="alternate" hreflang="fr-BE" href="https://be.tonyschocolonely.com/fr/pages/ou-nous-trouver"><link rel="alternate" hreflang="de-DE" href="https://de.tonyschocolonely.com/pages/filialsuche"><link rel="alternate" hreflang="en-GB" href="https://uk.tonyschocolonely.com/pages/store-locator"><link rel="alternate" hreflang="en-US" href="https://us.tonyschocolonely.com/pages/store-locator"><link rel="alternate" hreflang="da-DK" href="https://dk.tonyschocolonely.com/pages/butik-locator"><link rel="alternate" hreflang="sv-SE" href="https://se.tonyschocolonely.com/pages/butik-locator-1"><link rel="alternate" hreflang="es-ES" href="https://es.tonyschocolonely.com/pages/localizador-de-tiendas"><link rel="alternate" hreflang="no-NO" href="https://no.tonyschocolonely.com/pages/butikk-lokalisator"><link rel="alternate" hreflang="fi-FI" href="https://fi.tonyschocolonely.com/pages/myymala-paikannus"><link rel="alternate" hreflang="ja-JP" href="https://jp.tonyschocolonely.com/pages/店舗検索"><link rel="alternate" hreflang="en-JP" href="https://jp.tonyschocolonely.com/en/pages/store-locator"><link rel="alternate" hreflang="en-ES" href="https://es.tonyschocolonely.com/en/pages/store-locator"><link rel="alternate" hreflang="x-default" href="https://tonyschocolonely.com/pages/store-locator"><link rel="alternate" hreflang="en" href="https://tonyschocolonely.com/pages/store-locator"><link rel="alternate" hreflang="es" href="https://tonyschocolonely.com/es/pages/localizador-de-tiendas"><link rel="alternate" hreflang="fr-FR" href="https://fr.tonyschocolonely.com/pages/ou-nous-trouver"><link rel="alternate" hreflang="en-FR" href="https://tonyschocolonely.fr/pages/store-locator"><link rel="alternate" hreflang="en-DK" href="https://tonyschocolonely.dk/pages/store-locator"><!-- END app snippet -->�<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
301
302
303
304
305
306
307
308
309
310
311
312
313  
313<script async src="https://static.klaviyo.com/onsite/js/WT6uWz/klaviyo.js?company_id=WT6uWz"></script>
313
314  
314<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>
314
315
316  
317
318
319
320
321  
321<script>
322    window.klaviyoReviewsProductDesignMode = false
323  </script>
323
324
325
326
327
328
329
330
331
332
333<!-- END app block --><!-- BEGIN app block: shopify://apps/elevar-conversion-tracking/blocks/dataLayerEmbed/bc30ab68-b15c-4311-811f-8ef485877ad6 -->
334
335
336
337<script type="module" dynamic>
338  const configUrl = "/a/elevar/static/configs/f97554dc1544961d1d71c662431ab8e7a1e8f962/config.js";
339  const config = (await import(configUrl)).default;
340  const scriptUrl = config.script_src_app_theme_embed;
341
342  if (scriptUrl) {
343    const { handler } = await import(scriptUrl);
344
345    await handler(
346      config,
347      {
348        cartData: {
349  marketId: "22881894652",
350  localeCountryCode:"CA",
351  attributes:{},
352  cartTotal: "0.0",
353  currencyCode:"EUR",
354  items: []
355}
356,
357        user: {
358  cartTotal: "0.0",
359  currencyCode:"EUR",
360  customer: {},
361}
362,
363        isOnCartPage:false,
364        collectionView:null,
365        searchResultsView:null,
366        productView:null,
367      }
368    );
369  }
370</script>
370
371
372
373<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
374<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 68941349116,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};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>
vendor: 1 bytes, line 374
374
375<script>
376  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
377</script>
vendor: 1 bytes, line 377
377
378<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
378).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 68941349116,storefrontBaseUrl: "https://tonyschocolonely.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://tonyschocolonely.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2485322101","configuration":"{\"accountID\":\"WT6uWz\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"977797493","configuration":"{\"config_url\": \"https:\/\/shopify-gtm-suite.getelevar.com\/configs\/f97554dc1544961d1d71c662431ab8e7a1e8f962\/config.js\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"7ae63d00911d5ee26809bf1e3232d852","type":"APP","apiClientId":2509311,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
378,"dataSharingState":"unrestricted"},{"id":"142311797","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Elevar - Checkout Tracking"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Tony’s Chocolonely Global","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"www-tonyschocolonely.myshopify.com","countryCode":"NL","storefrontUrl":"https:\/\/tonyschocolonely.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://tonyschocolonely.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"187808776565","themePublished":"true","eventMetadataId":"540b7e45-3c24-49ec-b523-679d1a96143e","pageType":"page","resourceId":"110871871740","shopId":"68941349116","storefrontBaseUrl":"https:\/\/tonyschocolonely.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
378<script>
379  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
380  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
381  window.ShopifyAnalytics.meta.currency = 'EUR';
382  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":110871871740,"requestId":"a357401c-4aa1-4e9c-a67f-8756242ddbf4-1790263198"}};
383  for (var attr in meta) {
384    window.ShopifyAnalytics.meta[attr] = meta[attr];
385  }
386</script>
vendor: 1 bytes, line 386
386
387<script class="analytics">
388  (function () {
389    var customDocumentWrite = function(content) {
390      var jquery = null;
391
392      if (window.jQuery) {
393        jquery = window.jQuery;
394      } else if (window.Checkout && window.Checkout.$) {
395        jquery = window.Checkout.$;
396      }
397
398      if (jquery) {
399        jquery('body').append(content);
400      }
401    };
402
403    var hasLoggedConversion = function(token) {
404      if (token) {
405        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
406      }
407      return false;
408    }
409
410    var setCookieIfConversion = function(token) {
411      if (token) {
412        var twoMonthsFromNow = new Date(Date.now());
413        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
414
415        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
416      }
417    }
418
419    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
420    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
421    if (trekkie.integrations) {
422      return;
423    }
424    trekkie.methods = [
425      'identify',
426      'page',
427      'ready',
428      'track',
429      'trackForm',
430      'trackLink'
431    ];
432    trekkie.factory = function(method) {
433      return function() {
434        var args = Array.prototype.slice.call(arguments);
435        args.unshift(method);
436        trekkie.push(args);
437        if (method == 'track' || method == 'page') {
438          try {
439            if (window.__TREKKIE_SHIM_QUEUE == null) {
440              window.__TREKKIE_SHIM_QUEUE = [];
441            }
442            window.__TREKKIE_SHIM_QUEUE.push({
443              from: 'trekkie-stub',
444              method: method,
445              args: args.slice(1)
446            });
447          } catch (e) {
448            // no-op
449          }
450        }
451        return trekkie;
452      };
453    };
454    for (var i = 0; i < trekkie.methods.length; i++) {
455      var key = trekkie.methods[i];
456      trekkie[key] = trekkie.factory(key);
457    }
458    trekkie.load = function(config) {
459      trekkie.config = config || {};
460      trekkie.config.initialDocumentCookie = document.cookie;
461      var first = document.getElementsByTagName('script')[0];
462var script = document.createElement('script');
463script.type = 'text/javascript';
464script.onerror = function(e) {
465  var scriptFallback = document.createElement('script');
466  scriptFallback.type = 'text/javascript';
467  scriptFallback.onerror = function(error) {
468          var Monorail = {
469      produce: function produce(monorailDomain, schemaId, payload) {
470        var currentMs = new Date().getTime();
471        var event = {
472          schema_id: schemaId,
473          payload: payload,
474          metadata: {
475            event_created_at_ms: currentMs,
476            event_sent_at_ms: currentMs
477          }
478        };
479        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
480      },
481      sendRequest: function sendRequest(endpointUrl, payload) {
482        // Try the sendBeacon API
483        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
484          var blobData = new window.Blob([payload], {
485            type: 'text/plain'
486          });
487
488          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
489            return true;
490          } // sendBeacon was not successful
491
492        } // XHR beacon
493
494        var xhr = new XMLHttpRequest();
495
496        try {
497          xhr.open('POST', endpointUrl);
498          xhr.setRequestHeader('Content-Type', 'text/plain');
499          xhr.send(payload);
500        } catch (e) {
501          console.log(e);
502        }
503
504        return false;
505      },
506      isIos12: function isIos12() {
507        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
508      }
509    };
510    Monorail.produce('monorail-edge.shopifysvc.com',
511      'trekkie_storefront_load_errors/1.1',
512      {shop_id: 68941349116,
513      theme_id: 187808776565,
514      app_name: "storefront",
515      context_url: window.location.href,
516      source_url: "//tonyschocolonely.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
517
518  };
519  scriptFallback.async = true;
520  scriptFallback.src = '//tonyschocolonely.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
521  first.parentNode.insertBefore(scriptFallback, first);
522};
523script.async = true;
524script.src = '//tonyschocolonely.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
525first.parentNode.insertBefore(script, first);
526
527    };
528    trekkie.load(
529      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68941349116,"isMerchantRequest":null,"themeId":187808776565,"themeCityHash":"11607725146514990311","contentLanguage":"en","currency":"EUR","eventMetadataId":"540b7e45-3c24-49ec-b523-679d1a96143e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
530    );
531
532    var loaded = false;
533    trekkie.ready(function() {
534      if (loaded) return;
535      loaded = true;
536
537      window.ShopifyAnalytics.lib = window.trekkie;
538
539      var originalDocumentWrite = document.write;
540      document.write = customDocumentWrite;
541      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
542      document.write = originalDocumentWrite;
543
544      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
545      var token = match? match[1]: undefined;
546      if (!hasLoggedConversion(token)) {
547        setCookieIfConversion(token);
548        
549      }
550    });
551
552    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":110871871740,"requestId":"a357401c-4aa1-4e9c-a67f-8756242ddbf4-1790263198","shopifyEmitted":true});
553
554    var eventsListenerScript = document.createElement('script');
555    eventsListenerScript.async = true;
556    eventsListenerScript.src = "//tonyschocolonely.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
557    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
558})();</script>
vendor: 1 bytes, line 558
558
559<script
560  defer
561  src="https://tonyschocolonely.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
562  data-application="storefront-renderer"
563  data-shop-id="68941349116"
564  data-render-region="gcp-us-west1"
565  data-page-type="page"
566  data-theme-instance-id="187808776565"
567  data-theme-name="Tony's Theme"
568  data-theme-version="0.14.0"
569  data-monorail-region="shop_domain"
570  data-resource-timing-sampling-rate="10"
571  data-shs="true"
572  data-shs-beacon="true"
573  data-shs-export-with-fetch="true"
574  data-shs-logs-sample-rate="1"
575  data-shs-beacon-endpoint="https://tonyschocolonely.com/api/collect"
576></script>
576
577<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821820798000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790264998000"><meta name="new-cookie-storage-activated" content="t">
578</head>
579  <body
580    class="max-w-screen-3k mx-auto min-h-screen w-full overflow-x-hidden bg-tonys-white font-main text-tonys-black antialiased"
581  >
582    
583
584    
584<script>
585      window.ap = window.ap || {};
586      window.ap.shopDomain = 'www-tonyschocolonely.myshopify.com';
587      window.ap.wrapperFormVariantsTotalQuantity = [];
588      window.ap.wrapperVariantsCartQuantity = [];
589      window.ap.customerLoggedIn = 'false' === 'true';
590      window.ap.imageUrl = '//www-tonyschocolonely.myshopify.com/cdn/shopifycloud/shopify/assets';
591      window.ap.current_company = '';
592      window.ap.locale = 'English';
593      window.ap.tempImageUrl = '/cdn/shop/files/';
594      window.ap.storefrontAPIkey = '';
595      window.ap.storefrontAPIversion = '2024-04';
596      window.ap.localeRegion = 'en-CA';
597      window.ap.customerGroup = 'A1';
598      window.ap.currencySymbol = '€';
599      window.ap.personalizedProducts = {};
600        window.ap.cartAccessibilityStrings = {
601          "main": "Your shopping cart is open.",
602          "item_count": "Item",
603          "items_quantity": "Quantity",
604          "item_price": "Price per unit",
605          "product_added": "added to your shopping bag",
606          "product_removed": "removed from cart",
607          "cart_empty": "Your shopping cart is empty.",
608          "cart_increment_step": "add product. {{ count }} {{ item }}",
609      };
610    </script>
610<p aria-live="alert" class="sr-only">You are currently on the Store Locator page.</p><!-- BEGIN sections: header-group -->
611<section id="shopify-section-sections--27138615279989__announcement_bar" class="shopify-section shopify-section-group-header-group apply-group-header transition-stop-motion-body">
612<announcement-bar
613      class="relative z-10 block h-[var(--announcement-bar-height)] min-h-[1.875rem] overflow-y-hidden text-[var(--text-color)] after:absolute after:bottom-0 after:left-0 after:h-px after:w-full after:bg-[currentColor] after:opacity-10"
614    >
615      <p class="richtext mx-auto flex h-[1.875rem] w-full items-center justify-center overflow-hidden px-5 text-center text-body-2 font-bold leading-[0.875rem] md:w-3/5 md:px-0">
616        <span class="truncate">Select your country first by clicking on the flag icon</span>
617      </p>
618    </announcement-bar>
619
620
621</section><header id="shopify-section-sections--27138615279989__header" class="shopify-section shopify-section-group-header-group apply-group-header sticky left-0 right-0 top-0 transition-stop-motion-body"><header-navigation
622  role="none"
623  class="block h-[var(--navigation-height)] translate-y-0 text-[var(--text-color)] transition-all [&[active]]:bg-[var(--active-bg)] [&[scroll-down]]:-translate-y-full [&[scroll-up]]:bg-tonys-white [&[scroll-up]]:!text-tonys-black"
624  style="
625    --active-bg: var(--color_tonys-white);
626    --text-color: var(--color_tonys-black);
627    --border-color: var(--color_tonys-red);
628  "
629>
630  <a
631    href="#main"
632    class="absolute left-[-10000px] top-auto h-1 w-1 overflow-hidden"
633  >skip to main content</a>
634  <div
635    class="relative mx-auto flex h-[3.75rem] w-full max-w-screen-xl items-center justify-between pl-2 pr-3 lg:pl-5"
636    role="none"
637  >
638    <button-navigation-mobile
639      class="block size-11 cursor-pointer p-3 lg:hidden"
640      aria-label="open menu"
641      tabindex="0"
642      role="button"
643      aria-controls="menu"
644    >
645
646    <svg
647      viewBox="0 0 24 24"
648      fill="currentColor"
649      xmlns="http://www.w3.org/2000/svg"
650      class="size-full"
651      role="presentation"
652    >
653      <title>Menu</title>
654      <path d="M22.5712 4H0.857422V7.42849L22.5712 7.9999V4Z" />
655      <path d="M0.857422 20L1.42884 14.8573H22.5712L23.1426 19.4286L0.857422 20Z" />
656    </svg>
657
658  
659</button-navigation-mobile>
660<navigation-desktop tabindex="-1" role="none">
661  <nav class="hidden lg:block" aria-hidden="true" tabindex="-1">
662    <ul role="menubar" class="flex gap-6 text-body-2--d font-bold"><li class="group/navigationlink">
663          <a
664            href="/"
665            class="apply-navigation-link group apply-navigation-link-only"
666            data-target="navigation-desktop.linkToDropdownMenu"
667            data-handle="home"
668            role="menuitem"
669            
670              aria-haspopup="false"
671            
672            id="desktop-nav-home"
673          >
674            <span class="relative z-[2] text-[currentColor] group-hover:text-tonys-black group-focus-visible:text-tonys-black group-[&[active]]:text-tonys-black">home</span>
675          </a></li><li class="group/navigationlink">
676          <a
677            href="/collections/all"
678            class="apply-navigation-link group "
679            data-target="navigation-desktop.linkToDropdownMenu"
680            data-handle="choco-shop"
681            role="menuitem"
682            
683              aria-haspopup="true"
684              aria-expanded="false"
685            
686            id="desktop-nav-choco-shop"
687          >
688            <span class="relative z-[2] text-[currentColor] group-hover:text-tonys-black group-focus-visible:text-tonys-black group-[&[active]]:text-tonys-black">choco shop</span>
689          </a><div
690              class="apply-navigation-link-dropdown clip-011_ absolute left-0 top-full -mt-0.5 hidden max-h-[80vh] w-full overflow-y-scroll border-8 bg-tonys-white text-tonys-black scrollbar-hide [&[active]]:block"
691              data-target="navigation-desktop.dropdownMenu"
692              data-handle="choco-shop"
693              data-scroll-lock-scrollable
694              style=" --clip-deform-x: 0.2rem; --clip-deform-y: 0.1rem; "
695            >
696              <div
697                class="clip-011_ flex h-full bg-tonys-white lg:gap-8 xl:gap-16"
698                style=" --clip-deform-x: 0.3rem; --clip-deform-y: 0.3rem; "
699              >
700                <ul
701                  role="menu"
702                  aria-labelledby="desktop-nav-choco-shop"
703                  class="flex flex-col items-start gap-4 px-8 pb-7 pt-5 font-bold leading-tight lg:text-heading-2--d xl:text-[2.375rem]"
704                ><li class="relative">
705                      <a
706                        role="menuitem"
707                        id="desktop-nav-all-chocolate"
708                        href="/collections/all"
709                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
710                        data-target="navigation-desktop.linkToMenu"data-handle="all-chocolate"
711                          aria-haspopup="true"
712                          aria-expanded="false"
713                        
714                      >all chocolate</a>
715                    </li><li class="relative">
716                      <a
717                        role="menuitem"
718                        id="desktop-nav-store-locator"
719                        href="/pages/store-locator"
720                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
721                        data-target="navigation-desktop.linkToMenu"
722                          aria-haspopup="false"
723                        
724                      >store locator</a>
725                    </li></ul>
726                <div class="sticky top-0 flex-1 overflow-scroll scrollbar-hide" data-scroll-lock-scrollable><ul
727                        role="menu"
728                        aria-labelledby="all-chocolate"
729                        class="hidden flex-col gap-3 pb-3 pt-5 text-body-1 font-semibold [&[active]]:flex"
730                        data-target="navigation-desktop.lastLevelMenu"
731                        data-handle="all-chocolate"
732                        
733                        role="menu"
734                        aria-labelledby="desktop-nav-all-chocolate"
735                      ><li class="relative">
736                            <a
737                              role="menuitem"
738                              aria-label="Level 3:all chocolate"
739                              href="/collections/all"
740                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
741                              role="menuitem"
742                              aria-label="Level 3:all chocolate"
743                            >all chocolate</a>
744                          </li><li class="relative">
745                            <a
746                              role="menuitem"
747                              aria-label="Level 3:big bars"
748                              href="/collections/big-bars"
749                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
750                              role="menuitem"
751                              aria-label="Level 3:big bars"
752                            >big bars</a>
753                          </li><li class="relative">
754                            <a
755                              role="menuitem"
756                              aria-label="Level 3:small bars"
757                              href="/collections/small-bars"
758                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
759                              role="menuitem"
760                              aria-label="Level 3:small bars"
761                            >small bars</a>
762                          </li></ul></div>
763                
764
765              </div>
766
767              <div class="sticky bottom-0 left-0 right-0 h-5 bg-tonys-white"></div>
768            </div></li><li class="group/navigationlink">
769          <a
770            href="/pages/our-promise"
771            class="apply-navigation-link group "
772            data-target="navigation-desktop.linkToDropdownMenu"
773            data-handle="our-promise"
774            role="menuitem"
775            
776              aria-haspopup="true"
777              aria-expanded="false"
778            
779            id="desktop-nav-our-promise"
780          >
781            <span class="relative z-[2] text-[currentColor] group-hover:text-tonys-black group-focus-visible:text-tonys-black group-[&[active]]:text-tonys-black">our promise</span>
782          </a><div
783              class="apply-navigation-link-dropdown clip-011_ absolute left-0 top-full -mt-0.5 hidden max-h-[80vh] w-full overflow-y-scroll border-8 bg-tonys-white text-tonys-black scrollbar-hide [&[active]]:block"
784              data-target="navigation-desktop.dropdownMenu"
785              data-handle="our-promise"
786              data-scroll-lock-scrollable
787              style=" --clip-deform-x: 0.2rem; --clip-deform-y: 0.1rem; "
788            >
789              <div
790                class="clip-011_ flex h-full bg-tonys-white lg:gap-8 xl:gap-16"
791                style=" --clip-deform-x: 0.3rem; --clip-deform-y: 0.3rem; "
792              >
793                <ul
794                  role="menu"
795                  aria-labelledby="desktop-nav-our-promise"
796                  class="flex flex-col items-start gap-4 px-8 pb-7 pt-5 font-bold leading-tight lg:text-heading-2--d xl:text-[2.375rem]"
797                ><li class="relative">
798                      <a
799                        role="menuitem"
800                        id="desktop-nav-our-promise"
801                        href="/pages/our-promise"
802                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
803                        data-target="navigation-desktop.linkToMenu"
804                          aria-haspopup="false"
805                        
806                      >our promise</a>
807                    </li><li class="relative">
808                      <a
809                        role="menuitem"
810                        id="desktop-nav-tony-s-timeline"
811                        href="/pages/tonys-timeline"
812                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
813                        data-target="navigation-desktop.linkToMenu"
814                          aria-haspopup="false"
815                        
816                      >Tony’s timeline</a>
817                    </li><li class="relative">
818                      <a
819                        role="menuitem"
820                        id="desktop-nav-tony-s-impact"
821                        href="/pages/tonys-impact"
822                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
823                        data-target="navigation-desktop.linkToMenu"
824                          aria-haspopup="false"
825                        
826                      >Tony’s impact</a>
827                    </li><li class="relative">
828                      <a
829                        role="menuitem"
830                        id="desktop-nav-annual-fair-report"
831                        href="/pages/annual-fair-report"
832                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
833                        data-target="navigation-desktop.linkToMenu"
834                          aria-haspopup="false"
835                        
836                      >annual FAIR report</a>
837                    </li><li class="relative">
838                      <a
839                        role="menuitem"
840                        id="desktop-nav-serious-statements"
841                        href="/pages/serious-statements"
842                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
843                        data-target="navigation-desktop.linkToMenu"data-handle="serious-statements"
844                          aria-haspopup="true"
845                          aria-expanded="false"
846                        
847                      >serious statements</a>
848                    </li><li class="relative">
849                      <a
850                        role="menuitem"
851                        id="desktop-nav-tonys-open-chain"
852                        href="https://www.tonysopenchain.com/"
853                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
854                        data-target="navigation-desktop.linkToMenu"
855                          aria-haspopup="false"
856                        
857                      >Tony's Open Chain</a>
858                    </li></ul>
859                <div class="sticky top-0 flex-1 overflow-scroll scrollbar-hide" data-scroll-lock-scrollable><ul
860                        role="menu"
861                        aria-labelledby="serious-statements"
862                        class="hidden flex-col gap-3 pb-3 pt-5 text-body-1 font-semibold [&[active]]:flex"
863                        data-target="navigation-desktop.lastLevelMenu"
864                        data-handle="serious-statements"
865                        
866                        role="menu"
867                        aria-labelledby="desktop-nav-serious-statements"
868                      ><li class="relative">
869                            <a
870                              role="menuitem"
871                              aria-label="Level 3:Tony's mission lock"
872                              href="/pages/mission-lock"
873                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
874                              role="menuitem"
875                              aria-label="Level 3:Tony's mission lock"
876                            >Tony's mission lock</a>
877                          </li><li class="relative">
878                            <a
879                              role="menuitem"
880                              aria-label="Level 3:Tony's 5 sourcing principles"
881                              href="/pages/tonys-sourcing-principles"
882                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
883                              role="menuitem"
884                              aria-label="Level 3:Tony's 5 sourcing principles"
885                            >Tony's 5 sourcing principles</a>
886                          </li><li class="relative">
887                            <a
888                              role="menuitem"
889                              aria-label="Level 3:bean tracker"
890                              href="/pages/bean-tracker"
891                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
892                              role="menuitem"
893                              aria-label="Level 3:bean tracker"
894                            >bean tracker</a>
895                          </li><li class="relative">
896                            <a
897                              role="menuitem"
898                              aria-label="Level 3:living income model"
899                              href="/pages/living-income-model"
900                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
901                              role="menuitem"
902                              aria-label="Level 3:living income model"
903                            >living income model</a>
904                          </li><li class="relative">
905                            <a
906                              role="menuitem"
907                              aria-label="Level 3:the 5 key players"
908                              href="/pages/the-5-key-players"
909                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
910                              role="menuitem"
911                              aria-label="Level 3:the 5 key players"
912                            >the 5 key players</a>
913                          </li><li class="relative">
914                            <a
915                              role="menuitem"
916                              aria-label="Level 3:CLMRS"
917                              href="/pages/clmrs"
918                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
919                              role="menuitem"
920                              aria-label="Level 3:CLMRS"
921                            >CLMRS</a>
922                          </li></ul></div>
923                
924
925              </div>
926
927              <div class="sticky bottom-0 left-0 right-0 h-5 bg-tonys-white"></div>
928            </div></li><li class="group/navigationlink">
929          <a
930            href="/blogs/news"
931            class="apply-navigation-link group apply-navigation-link-only"
932            data-target="navigation-desktop.linkToDropdownMenu"
933            data-handle="news"
934            role="menuitem"
935            
936              aria-haspopup="false"
937            
938            id="desktop-nav-news"
939          >
940            <span class="relative z-[2] text-[currentColor] group-hover:text-tonys-black group-focus-visible:text-tonys-black group-[&[active]]:text-tonys-black">news</span>
941          </a></li><li class="group/navigationlink">
942          <a
943            href="/pages/contact"
944            class="apply-navigation-link group "
945            data-target="navigation-desktop.linkToDropdownMenu"
946            data-handle="contact"
947            role="menuitem"
948            
949              aria-haspopup="true"
950              aria-expanded="false"
951            
952            id="desktop-nav-contact"
953          >
954            <span class="relative z-[2] text-[currentColor] group-hover:text-tonys-black group-focus-visible:text-tonys-black group-[&[active]]:text-tonys-black">contact</span>
955          </a><div
956              class="apply-navigation-link-dropdown clip-011_ absolute left-0 top-full -mt-0.5 hidden max-h-[80vh] w-full overflow-y-scroll border-8 bg-tonys-white text-tonys-black scrollbar-hide [&[active]]:block"
957              data-target="navigation-desktop.dropdownMenu"
958              data-handle="contact"
959              data-scroll-lock-scrollable
960              style=" --clip-deform-x: 0.2rem; --clip-deform-y: 0.1rem; "
961            >
962              <div
963                class="clip-011_ flex h-full bg-tonys-white lg:gap-8 xl:gap-16"
964                style=" --clip-deform-x: 0.3rem; --clip-deform-y: 0.3rem; "
965              >
966                <ul
967                  role="menu"
968                  aria-labelledby="desktop-nav-contact"
969                  class="flex flex-col items-start gap-4 px-8 pb-7 pt-5 font-bold leading-tight lg:text-heading-2--d xl:text-[2.375rem]"
970                ><li class="relative">
971                      <a
972                        role="menuitem"
973                        id="desktop-nav-contact"
974                        href="/pages/contact"
975                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
976                        data-target="navigation-desktop.linkToMenu"
977                          aria-haspopup="false"
978                        
979                      >contact</a>
980                    </li><li class="relative">
981                      <a
982                        role="menuitem"
983                        id="desktop-nav-frequently-asked-questions"
984                        href="/pages/faqs"
985                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
986                        data-target="navigation-desktop.linkToMenu"
987                          aria-haspopup="false"
988                        
989                      >frequently asked questions</a>
990                    </li><li class="relative">
991                      <a
992                        role="menuitem"
993                        id="desktop-nav-jobs"
994                        href="https://jobs.tonyschocolonely.com"
995                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
996                        data-target="navigation-desktop.linkToMenu"
997                          aria-haspopup="false"
998                        
999                      >jobs</a>
1000                    </li><li class="relative">
1001                      <a
1002                        role="menuitem"
1003                        id="desktop-nav-tonys-super-store"
1004                        href="/pages/tonys-super-store"
1005                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
1006                        data-target="navigation-desktop.linkToMenu"
1007                          aria-haspopup="false"
1008                        
1009                      >Tony's Super Store</a>
1010                    </li><li class="relative">
1011                      <a
1012                        role="menuitem"
1013                        id="desktop-nav-terms"
1014                        href="/#"
1015                        class="after:clip-0001 whitespace-nowrap text-black after:absolute after:-bottom-1 after:left-0 after:hidden after:h-1.5 after:w-full after:bg-current hover:after:block [&[active]]:after:block"
1016                        data-target="navigation-desktop.linkToMenu"data-handle="terms"
1017                          aria-haspopup="true"
1018                          aria-expanded="false"
1019                        
1020                      >terms</a>
1021                    </li></ul>
1022                <div class="sticky top-0 flex-1 overflow-scroll scrollbar-hide" data-scroll-lock-scrollable><ul
1023                        role="menu"
1024                        aria-labelledby="terms"
1025                        class="hidden flex-col gap-3 pb-3 pt-5 text-body-1 font-semibold [&[active]]:flex"
1026                        data-target="navigation-desktop.lastLevelMenu"
1027                        data-handle="terms"
1028                        
1029                          data-last
1030                        
1031                        role="menu"
1032                        aria-labelledby="desktop-nav-terms"
1033                      ><li class="relative">
1034                            <a
1035                              role="menuitem"
1036                              aria-label="Level 3:terms of service"
1037                              href="/policies/terms-of-service"
1038                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
1039                              role="menuitem"
1040                              aria-label="Level 3:terms of service"
1041                            >terms of service</a>
1042                          </li><li class="relative">
1043                            <a
1044                              role="menuitem"
1045                              aria-label="Level 3:privacy policy"
1046                              href="/policies/privacy-policy"
1047                              class="mx-0.5 inline-block text-black !outline-offset-0 hover:underline"
1048                              role="menuitem"
1049                              aria-label="Level 3:privacy policy"
1050                            >privacy policy</a>
1051                          </li></ul></div>
1052                
1053
1054              </div>
1055
1056              <div class="sticky bottom-0 left-0 right-0 h-5 bg-tonys-white"></div>
1057            </div></li></ul>
1058  </nav>
1059</navigation-desktop>
1060
1061<navigation-mobile
1062  class="group/navigation-mobile transition-stop-motion fixed inset-0 z-20 hidden h-screen w-screen -translate-y-[calc(100%+30px)] overflow-y-scroll bg-hazelnut-green pb-10 text-body-1 text-tonys-black [&[active]]:translate-y-0"
1063  data-scroll-lock-scrollable
1064  tabindex="-1"
1065  role="dialog"
1066  aria-label="main menu navigation"
1067>
1068  <div
1069    class="invisible flex h-[3.75rem] items-center justify-between px-4 group-[[active]]/navigation-mobile:visible"
1070    aria-hidden="false"
1071  >
1072    <button
1073      class="leading-0 hidden items-baseline gap-3 font-bold group-[[submenu-active]]/navigation-mobile:flex"
1074      data-target="navigation-mobile.back"
1075    >
1076
1077    <svg
1078      viewBox="0 0 24 24"
1079      fill="currentColor"
1080      xmlns="http://www.w3.org/2000/svg"
1081      class="size-3"
1082      role="presentation"
1083    >
1084      <title>Arrow left</title>
1085      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
1086    </svg>
1087
1088  
1089back
1090    </button>
1091    <div
1092      data-target="navigation-mobile.account"
1093      class="flex items-center justify-center gap-3 group-[[submenu-active]]/navigation-mobile:hidden"
1094    ></div>
1095
1096    <button class="p-1" data-target="navigation-mobile.close" aria-label="close popup">
1097
1098    <svg
1099      viewBox="0 0 24 24"
1100      fill="currentColor"
1101      xmlns="http://www.w3.org/2000/svg"
1102      class="size-4"
1103      role="presentation"
1104    >
1105      <title>Close</title>
1106      <path d="M21.963 5.79798L19.1289 2.84848L12.2634 9.96768L4.87099 2L2.03696 4.86869L9.58905 12.5051L2.88317 19.301L5.46972 22L12.2634 15.2121L18.2907 21.798L21.5159 19.0101L14.9298 12.7475L21.963 5.79798Z" />
1107    </svg>
1108
1109  
1110</button>
1111  </div>
1112  <div class="transition-stop-motion invisible flex items-start group-[[active]]/navigation-mobile:visible group-[[submenu-active]]/navigation-mobile:-translate-x-full">
1113    <div class="flex w-full flex-shrink-0 flex-col gap-2 px-4">
1114      <nav aria-label="main menu navigation">
1115        <ul
1116          id="menu"
1117          class="clip-0010 flex w-full flex-col text-body-1 font-bold before:h-4 before:bg-tonys-white after:h-4 after:bg-tonys-white"
1118        ><li data-target="navigation-mobile.topMenu" role="none"><a
1119                  role="menuitem"
1120                  href="/"
1121                  class="block bg-tonys-white px-4 py-2.5 text-left !-outline-offset-2"
1122                >home</a></li><li data-target="navigation-mobile.topMenu" role="none"><button
1123                  aria-expanded="false"
1124                  aria-haspopup="menu"
1125                  class="block w-full bg-tonys-white px-4 py-3 text-left !-outline-offset-2"
1126                  data-target="navigation-mobile.levelButton"
1127                  data-handle="choco-shop"
1128                  role="menuitem"
1129                >choco shop..
1130                </button></li><li data-target="navigation-mobile.topMenu" role="none"><button
1131                  aria-expanded="false"
1132                  aria-haspopup="menu"
1133                  class="block w-full bg-tonys-white px-4 py-3 text-left !-outline-offset-2"
1134                  data-target="navigation-mobile.levelButton"
1135                  data-handle="our-promise"
1136                  role="menuitem"
1137                >our promise..
1138                </button></li><li data-target="navigation-mobile.topMenu" role="none"><a
1139                  role="menuitem"
1140                  href="/blogs/news"
1141                  class="block bg-tonys-white px-4 py-2.5 text-left !-outline-offset-2"
1142                >news</a></li><li data-target="navigation-mobile.topMenu" role="none"><button
1143                  aria-expanded="false"
1144                  aria-haspopup="menu"
1145                  class="block w-full bg-tonys-white px-4 py-3 text-left !-outline-offset-2"
1146                  data-target="navigation-mobile.levelButton"
1147                  data-handle="contact"
1148                  role="menuitem"
1149                >contact..
1150                </button></li></ul>
1151      </nav>
1152      <nav
1153        class="flex items-start justify-between gap-2"
1154        data-target="navigation-mobile.additionalMenu"
1155        aria-label="additional menu"
1156      ><span></span><button-languages
1157          role="button"
1158          tabindex="0"
1159          aria-label="open region selection"
1160          class="relative inline-flex h-[2.125rem] w-10 items-center justify-center bg-tonys-white text-tonys-white"
1161        >
1162    <svg class="size-8 absolute inset-0 m-auto" viewBox="0 0 18 16">
1163      <g class="group-hover:hidden block">
1164        <path fill="#fff" d="M16.3 8.9c.9-3.7-2.1-7.1-4.6-8s-6.7.3-8 1.6S1 7.4 1.3 10.3s4.6 4.7 7 5.1 5.8-1.5 6.5-2.3.6-.5 1.5-4.2" />
1165        <path fill="#3053a4" d="M13.5 12.4c2.5-2 2.3-5.9 1.1-7.8S9.8 1.2 8.3 1.4a9.8 9.8 0 0 0-5.8 4.1c-1.3 2.2.7 5.7 2 7.2s4.8 2 5.7 1.8.7 0 3.3-2.1" />
1166        <path fill="#fff" d="m10 1.6-.7.6-1.5-.3-1.4 1.6.9.3 1-.8 1 1.1h1.6v1.3L6.4 4.3 4.6 7.5l2.5 1 .9-.6.4 5.6 1.5-.4 3-4.9h-1l-.8-2 1.1 1.4 1.4-.8-1.3-1.7 2.6.9a4.9 4.9 0 0 0-1.3-2.7A11.4 11.4 0 0 0 10 1.6" />
1167      </g>
1168      <g class="hidden group-hover:block">
1169        <path fill="#fff" d="M8.9.6C5.1.2 2.1 3.5 1.5 6.1s1.1 6.7 2.6 7.8 5.2 2 8.1 1.3 4.1-5.1 4.2-7.5-2.3-5.6-3.1-6.1-.7-.6-4.4-1" />
1170        <path fill="#3053a4" d="M8.9 1.5C5.7 1.2 3 4.1 2.6 6.3A8.6 8.6 0 0 0 4.7 13c1.2 1 4.5 1.8 7 1.2s3.5-4.5 3.6-6.5-1.9-4.8-2.6-5.3-.6-.5-3.8-.9" />
1171        <path fill="#fff" d="m9.3 1.5-.7.7L7.2 2 5.9 3.7l1 .3.9-1 1.1 1h1.6v1.1L6 4.5 4.6 8l2.6.6.8-.7 1.1 5.5 1.4-.5L13 7.6l-1 .2-1.1-1.9 1.3 1.2 1.3-.9L12 4.7l2.7.6a5.1 5.1 0 0 0-1.6-2.6 10.5 10.5 0 0 0-3.8-1.2" />
1172      </g>
1173    </svg>
1174
1175</button-languages>
1176      </nav>
1177    </div>
1178
1179    <ul
1180      role="menu"
1181      aria-label="submenu"
1182      class="hidden w-full flex-shrink-0 flex-col gap-2 px-4 text-body-1 font-bold group-[[submenu-active]]/navigation-mobile:flex"
1183    ><li
1184            role="none"
1185            class="invisible hidden flex-col items-center gap-2 [&[active]]:visible [&[active]]:flex"
1186            data-target="navigation-mobile.levelMenu"
1187            data-handle="choco-shop"
1188          >
1189                
1190<accordion-item
1191  tabindex="-1"
1192  class="group/accordion apply-accordion [&_button]:px-4 [&_button]:pb-2.5 [&_button]:pt-3 !clip-0000 [&_svg]:hidden w-full focus-within:after:hidden"
1193  
1194>
1195  <button
1196    id="all-chocolate-header"
1197    data-target="accordion-item.toggle"
1198    class="focus-visible:apply-focus relative flex w-full items-center justify-between px-5 py-4 font-bold !outline-offset-[-0.25rem]"
1199    aria-controls="all-chocolate-panel"
1200    role="menuitem"
1201    aria-haspopup="true"
1202    
1203      aria-expanded="false"
1204    
1205  >
1206    
1207    <p class="flex-1 overflow-hidden text-left">
1208      all chocolate..
1209    </p>
1210    
1211
1212    <svg
1213      viewBox="0 0 24 24"
1214      fill="currentColor"
1215      xmlns="http://www.w3.org/2000/svg"
1216      class="w-3 h-3 [[open]_&]:-rotate-90 [[open]_&]:mt-1"
1217      aria-hidden="true"
1218    >
1219      <title>Arrow left</title>
1220      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
1221    </svg>
1222
1223  
1224
1225  </button>
1226  <section
1227    id="all-chocolate-panel"
1228    class="visible relative z-[1] grid overflow-hidden transition-[grid-template-rows] duration-300 ease-stop-motion-lower [grid-template-rows:1fr] group-[&:not([open])]/accordion:invisible group-[&:not([open])]/accordion:grid-rows-[0fr]"
1229    aria-labelledby="all-chocolate-header"
1230    role="region"
1231  >
1232    <div class="min-h-0 delay-300 group-[&[open]]/accordion:delay-0">
1233      <ul role='menu' class="[&_a]:outline-offset-3 grid grid-cols-2 gap-x-5 gap-y-[1.625rem] px-4 pb-6 pt-2 font-normal"><li><a role='menuitem' href="/collections/all">all chocolate</a></li><li><a role='menuitem' href="/collections/big-bars">big bars</a></li><li><a role='menuitem' href="/collections/small-bars">small bars</a></li></ul>
1234    </div>
1235  </section>
1236</accordion-item>
1237
1238<a
1239                  role="menuitem"
1240                  href="/pages/store-locator"
1241                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1242                >store locator</a>
1243
1244          </li><li
1245            role="none"
1246            class="invisible hidden flex-col items-center gap-2 [&[active]]:visible [&[active]]:flex"
1247            data-target="navigation-mobile.levelMenu"
1248            data-handle="our-promise"
1249          ><a
1250                  role="menuitem"
1251                  href="/pages/our-promise"
1252                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1253                >our promise</a><a
1254                  role="menuitem"
1255                  href="/pages/tonys-timeline"
1256                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1257                >Tony’s timeline</a><a
1258                  role="menuitem"
1259                  href="/pages/tonys-impact"
1260                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1261                >Tony’s impact</a><a
1262                  role="menuitem"
1263                  href="/pages/annual-fair-report"
1264                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1265                >annual FAIR report</a>
1266                
1267<accordion-item
1268  tabindex="-1"
1269  class="group/accordion apply-accordion [&_button]:px-4 [&_button]:pb-2.5 [&_button]:pt-3 !clip-0000 [&_svg]:hidden w-full focus-within:after:hidden"
1270  
1271>
1272  <button
1273    id="serious-statements-header"
1274    data-target="accordion-item.toggle"
1275    class="focus-visible:apply-focus relative flex w-full items-center justify-between px-5 py-4 font-bold !outline-offset-[-0.25rem]"
1276    aria-controls="serious-statements-panel"
1277    role="menuitem"
1278    aria-haspopup="true"
1279    
1280      aria-expanded="false"
1281    
1282  >
1283    
1284    <p class="flex-1 overflow-hidden text-left">
1285      serious statements..
1286    </p>
1287    
1288
1289    <svg
1290      viewBox="0 0 24 24"
1291      fill="currentColor"
1292      xmlns="http://www.w3.org/2000/svg"
1293      class="w-3 h-3 [[open]_&]:-rotate-90 [[open]_&]:mt-1"
1294      aria-hidden="true"
1295    >
1296      <title>Arrow left</title>
1297      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
1298    </svg>
1299
1300  
1301
1302  </button>
1303  <section
1304    id="serious-statements-panel"
1305    class="visible relative z-[1] grid overflow-hidden transition-[grid-template-rows] duration-300 ease-stop-motion-lower [grid-template-rows:1fr] group-[&:not([open])]/accordion:invisible group-[&:not([open])]/accordion:grid-rows-[0fr]"
1306    aria-labelledby="serious-statements-header"
1307    role="region"
1308  >
1309    <div class="min-h-0 delay-300 group-[&[open]]/accordion:delay-0">
1310      <ul role='menu' class="[&_a]:outline-offset-3 grid grid-cols-2 gap-x-5 gap-y-[1.625rem] px-4 pb-6 pt-2 font-normal"><li><a role='menuitem' href="/pages/mission-lock">Tony's mission lock</a></li><li><a role='menuitem' href="/pages/tonys-sourcing-principles">Tony's 5 sourcing principles</a></li><li><a role='menuitem' href="/pages/bean-tracker">bean tracker</a></li><li><a role='menuitem' href="/pages/living-income-model">living income model</a></li><li><a role='menuitem' href="/pages/the-5-key-players">the 5 key players</a></li><li><a role='menuitem' href="/pages/clmrs">CLMRS</a></li></ul>
1311    </div>
1312  </section>
1313</accordion-item>
1314
1315<a
1316                  role="menuitem"
1317                  href="https://www.tonysopenchain.com/"
1318                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1319                >Tony's Open Chain</a>
1320
1321          </li><li
1322            role="none"
1323            class="invisible hidden flex-col items-center gap-2 [&[active]]:visible [&[active]]:flex"
1324            data-target="navigation-mobile.levelMenu"
1325            data-handle="contact"
1326          ><a
1327                  role="menuitem"
1328                  href="/pages/contact"
1329                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1330                >contact</a><a
1331                  role="menuitem"
1332                  href="/pages/faqs"
1333                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1334                >frequently asked questions</a><a
1335                  role="menuitem"
1336                  href="https://jobs.tonyschocolonely.com"
1337                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1338                >jobs</a><a
1339                  role="menuitem"
1340                  href="/pages/tonys-super-store"
1341                  class="block w-full bg-tonys-white px-4 pb-2.5 pt-3 text-left !-outline-offset-2"
1342                >Tony's Super Store</a>
1343                
1344<accordion-item
1345  tabindex="-1"
1346  class="group/accordion apply-accordion [&_button]:px-4 [&_button]:pb-2.5 [&_button]:pt-3 !clip-0000 [&_svg]:hidden w-full focus-within:after:hidden"
1347  
1348>
1349  <button
1350    id="terms-header"
1351    data-target="accordion-item.toggle"
1352    class="focus-visible:apply-focus relative flex w-full items-center justify-between px-5 py-4 font-bold !outline-offset-[-0.25rem]"
1353    aria-controls="terms-panel"
1354    role="menuitem"
1355    aria-haspopup="true"
1356    
1357      aria-expanded="false"
1358    
1359  >
1360    
1361    <p class="flex-1 overflow-hidden text-left">
1362      terms..
1363    </p>
1364    
1365
1366    <svg
1367      viewBox="0 0 24 24"
1368      fill="currentColor"
1369      xmlns="http://www.w3.org/2000/svg"
1370      class="w-3 h-3 [[open]_&]:-rotate-90 [[open]_&]:mt-1"
1371      aria-hidden="true"
1372    >
1373      <title>Arrow left</title>
1374      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
1375    </svg>
1376
1377  
1378
1379  </button>
1380  <section
1381    id="terms-panel"
1382    class="visible relative z-[1] grid overflow-hidden transition-[grid-template-rows] duration-300 ease-stop-motion-lower [grid-template-rows:1fr] group-[&:not([open])]/accordion:invisible group-[&:not([open])]/accordion:grid-rows-[0fr]"
1383    aria-labelledby="terms-header"
1384    role="region"
1385  >
1386    <div class="min-h-0 delay-300 group-[&[open]]/accordion:delay-0">
1387      <ul role='menu' class="[&_a]:outline-offset-3 grid grid-cols-2 gap-x-5 gap-y-[1.625rem] px-4 pb-6 pt-2 font-normal"><li><a role='menuitem' href="/policies/terms-of-service">terms of service</a></li><li><a role='menuitem' href="/policies/privacy-policy">privacy policy</a></li></ul>
1388    </div>
1389  </section>
1390</accordion-item>
1391
1392
1393
1394          </li></ul>
1395  </div>
1396</navigation-mobile>
1397<nav class="flex items-center gap-1" data-target="header-navigation.navigation">
1398      <button-languages
1399        role="button"
1400        type="button"
1401        tabindex="0"
1402        aria-label="open region selection. Current region: Canada"
1403        class="apply-navigation-button-hover md:before:clip-2000 group relative cursor-pointer hover:text-black focus-visible:text-black"
1404      >
1405    <svg class="size-8 " viewBox="0 0 18 16">
1406      <g class="group-hover:hidden block">
1407        <path fill="#fff" d="M16.3 8.9c.9-3.7-2.1-7.1-4.6-8s-6.7.3-8 1.6S1 7.4 1.3 10.3s4.6 4.7 7 5.1 5.8-1.5 6.5-2.3.6-.5 1.5-4.2" />
1408        <path fill="#3053a4" d="M13.5 12.4c2.5-2 2.3-5.9 1.1-7.8S9.8 1.2 8.3 1.4a9.8 9.8 0 0 0-5.8 4.1c-1.3 2.2.7 5.7 2 7.2s4.8 2 5.7 1.8.7 0 3.3-2.1" />
1409        <path fill="#fff" d="m10 1.6-.7.6-1.5-.3-1.4 1.6.9.3 1-.8 1 1.1h1.6v1.3L6.4 4.3 4.6 7.5l2.5 1 .9-.6.4 5.6 1.5-.4 3-4.9h-1l-.8-2 1.1 1.4 1.4-.8-1.3-1.7 2.6.9a4.9 4.9 0 0 0-1.3-2.7A11.4 11.4 0 0 0 10 1.6" />
1410      </g>
1411      <g class="hidden group-hover:block">
1412        <path fill="#fff" d="M8.9.6C5.1.2 2.1 3.5 1.5 6.1s1.1 6.7 2.6 7.8 5.2 2 8.1 1.3 4.1-5.1 4.2-7.5-2.3-5.6-3.1-6.1-.7-.6-4.4-1" />
1413        <path fill="#3053a4" d="M8.9 1.5C5.7 1.2 3 4.1 2.6 6.3A8.6 8.6 0 0 0 4.7 13c1.2 1 4.5 1.8 7 1.2s3.5-4.5 3.6-6.5-1.9-4.8-2.6-5.3-.6-.5-3.8-.9" />
1414        <path fill="#fff" d="m9.3 1.5-.7.7L7.2 2 5.9 3.7l1 .3.9-1 1.1 1h1.6v1.1L6 4.5 4.6 8l2.6.6.8-.7 1.1 5.5 1.4-.5L13 7.6l-1 .2-1.1-1.9 1.3 1.2 1.3-.9L12 4.7l2.7.6a5.1 5.1 0 0 0-1.6-2.6 10.5 10.5 0 0 0-3.8-1.2" />
1415      </g>
1416    </svg>
1417
1418<span class="apply-navigation-tooltip" aria-hidden="true">region
1419          Canada</span>
1420      </button-languages></nav>
1421  </div>
1422</header-navigation>
1423
1424
1425</header><div id="shopify-section-sections--27138615279989__predictive_search" class="shopify-section shopify-section-group-header-group"><predictive-search
1426  class="
1427    group/predictive-search
1428    pointer-events-none invisible fixed bottom-0 left-0 right-0 top-[calc(var(--header-height)-0.625rem)] z-[-10] block overflow-scroll pb-5 opacity-0
1429    scrollbar-hide
1430    data-[active]:pointer-events-auto
1431    data-[active]:visible
1432    data-[active]:z-20 data-[active]:opacity-100
1433    lg:px-5
1434  "
1435  style="--border-color: var(--color_tonys-red);"
1436  data-scroll-lock-scrollable
1437>
1438  <button
1439    type="button"
1440    aria-label="close the top search bar again"
1441    data-target="predictive-search.closeSearchBtn"
1442    class="absolute inset-0 z-0"
1443    tabindex="-1"
1444  ></button>
1445  <div
1446    class="relative z-10 mx-auto w-[calc(100%-2rem)] max-w-screen-xl overflow-y-scroll border-8 border-[var(--border-color)] bg-tonys-white px-4 py-4 scrollbar-hide lg:w-[calc(100%-2.5rem)]"
1447    role="dialog"
1448    aria-modal="true"
1449    aria-labelledby="header-search-tooltip"
1450    style="max-height: calc(100vh - var(--header-height) - 10px)"
1451  >
1452    <form
1453      data-target="predictive-search.searchForm"
1454      class="relative flex w-full bg-tonys-white"
1455    >
1456      <label for="searchInput" class="sr-only">to search</label>
1457      <button
1458        type="submit"
1459        class="absolute left-0 top-1/2 flex h-8 w-8 -translate-y-1/2 items-center justify-center "
1460        aria-label="to search"
1461      >
1462
1463    <svg
1464      viewBox="0 0 24 24"
1465      fill="currentColor"
1466      xmlns="http://www.w3.org/2000/svg"
1467      class="w-5 h-5"
1468      
1469    >
1470      <title>Search</title>
1471      <path fill-rule="evenodd" clip-rule="evenodd" d="M14.6401 17.9542L19.142 22L21.2408 20.9816L21.5454 19.3183L17.5173 15.2046L19.142 10.1808L16.2649 4.20643L9.35974 2L2.4545 6.92203V13.8808L6.78695 18.4294L14.6401 17.9542ZM9.94552 6.48983L6.20625 8.98267L6.62172 13.1374L9.11457 15.2148L14.1003 13.9684L14.9312 9.81362L12.4384 6.48983H9.94552Z" />
1472    </svg>
1473
1474    
1475  
1476</button>
1477      <input
1478        type="text"
1479        id="searchInput"
1480        data-target="predictive-search.searchInput"
1481        data-search-url="/search"
1482        placeholder="whatcha looking for.."
1483        class="w-full bg-transparent px-8 py-4 text-body-1 font-bold placeholder-tonys-black lg:py-6 lg:pl-12 lg:pr-16 lg:text-heading-2--d"
1484      >
1485      <button
1486        type="button"
1487        class="absolute -right-4 top-1/2 hidden h-16 w-16 -translate-y-1/2 items-center justify-center lg:right-2.5 lg:flex"
1488        aria-hidden="true"
1489        disabled="true"
1490        data-target="predictive-search.closeSearchBtn"
1491        data-input-close
1492      >
1493
1494    <svg
1495      viewBox="0 0 24 24"
1496      fill="currentColor"
1497      xmlns="http://www.w3.org/2000/svg"
1498      class="w-7 h-7"
1499      
1500    >
1501      <title>Close</title>
1502      <path d="M21.963 5.79798L19.1289 2.84848L12.2634 9.96768L4.87099 2L2.03696 4.86869L9.58905 12.5051L2.88317 19.301L5.46972 22L12.2634 15.2121L18.2907 21.798L21.5159 19.0101L14.9298 12.7475L21.963 5.79798Z" />
1503    </svg>
1504
1505  
1506</button>
1507    </form>
1508
1509    
1510    <div
1511      class=" mt-4"
1512      data-target="predictive-search.defaultContent"
1513    ><p
1514        class="pb-4 text-body-3 font-semibold lg:text-body-3--d hidden"
1515        data-target="predictive-search.defaultTitle"
1516      >popular categories</p>
1517      <p
1518        class="pb-4 text-body-3 font-semibold lg:text-body-3--d hidden"
1519        data-target="predictive-search.noResults"
1520      >&quot;  &quot; doesn&#39;t tell us anything at all</p>
1521
1522      <ul
1523        class="flex flex-wrap gap-2 overflow-x-scroll scrollbar-hide lg:flex lg:!grid-cols-[unset]"
1524        data-target="predictive-search.popularCategoriesContainer"
1525      ></ul>
1526    </div>
1527
1528    
1529    <div
1530      data-target="predictive-search.searchResults"
1531      class="mt-7 hidden w-full lg:mt-8"
1532    ></div>
1533  </div>
1534</predictive-search>
1535
1536
1537</div>
1538<!-- END sections: header-group -->
1539    <main-wrapper
1540      id="main"
1541      style="margin-top: calc(var(--header-height) * -1)"
1542      class="transition-stop-motion-body flex min-h-screen flex-col justify-between data-[drawer-opened]:-translate-x-full data-[navigation-opened]:translate-y-[100vh] data-[drawer-opened]:lg:-translate-x-main-transition-lg"
1543      
1544    >
1545      <main class="relative">
1546        
1547
1548
1549
1550
1551  <section id="shopify-section-template--27138615542133__text_QYQTw9" class="shopify-section">
1552<div
1553    class="bg-tonys-blue"
1554    style="padding-top:calc(var(--header-height) + 24px); padding-bottom: 24px"
1555  ><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black "><h1><fluid-heading
1556  class="flex flex-col items-center justify-start font-heading w-full text-[4rem] leading-[1] lg:text-[10rem] text-tonys-white invisible"
1557  data-lines="2,1"
1558  data-text="Store Locator"
1559  data-text-id=""
1560  
1561>
1562  Store Locator
1563</fluid-heading>
1564</h1></section-header>
1565</div>
1566
1567
1568</section><section id="shopify-section-template--27138615542133__html_pMxrx" class="shopify-section">
1569<div
1570    class="bg-tonys-blue  overflow-hidden pb-24 pt-[calc(2rem+var(--header-space-top))] text-body-1--d"
1571    style="--header-space-top: 0px "
1572  >
1573    <div class="mx-auto w-full  max-w-screen-xl  px-4">
1574      <div id="storepoint-container" data-map-id="1662ba083cdd89"></div>
1575<script>
1576  (function(){
1577    var a = document.createElement("script");
1578    a.type = "text/javascript";
1579    a.async = true;
1580    a.src = "https://cdn.storepoint.co/api/v1/js/1662ba083cdd89.js";
1581    var b = document.getElementsByTagName("script")[0];
1582    b.parentNode.insertBefore(a, b);
1583  }());
1584</script>
1584
1585    </div>
1586  </div>
1587
1588
1589</section><section id="shopify-section-template--27138615542133__text_RQ39M" class="shopify-section">
1590<div
1591    class="bg-tonys-blue"
1592    style="padding-top:24px; padding-bottom: 0px"
1593  ><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black "><h2><fluid-heading
1594  class="flex flex-col items-center justify-start font-heading w-full text-[4rem] leading-[1] lg:text-[10rem] text-tonys-white invisible"
1595  data-lines="2,1"
1596  data-text="Tony's distributors"
1597  data-text-id=""
1598  
1599>
1600  Tony's distributors
1601</fluid-heading>
1602</h2></section-header>
1603</div>
1604
1605
1606</section><section id="shopify-section-template--27138615542133__html_rHWxxx" class="shopify-section">
1607<div
1608    class="bg-tonys-blue  overflow-hidden pb-24 pt-[calc(2rem+var(--header-space-top))] text-body-1--d"
1609    style="--header-space-top: 0px "
1610  >
1611    <div class="mx-auto w-full  max-w-screen-xl  px-4">
1612      <div class="tony-title-section">
1613  <h2 class="tony-title">Europe</h2>
1614</div>
1615
1616<style>
1617.tony-title-section {
1618  background-color: #006be1;
1619  padding: 20px 20px 0 20px;
1620}
1621
1622.tony-title {
1623  font-family: 'American Typewriter', 'Courier New', monospace;
1624  text-align: left;
1625  color: white;
1626  margin: 0;
1627  font-weight: bold;
1628  font-size: 2em;
1629}
1630</style>
1631    </div>
1632  </div>
1633
1634
1635</section><section id="shopify-section-template--27138615542133__media_REYNC" class="shopify-section">
1636<div
1637    style="padding-top:0px; padding-bottom: 24px"
1638    class="bg-tonys-blue pb-5 pt-[calc(2.5rem+var(--header-space-top))]"
1639  >
1640    <div class="mx-auto w-full max-w-screen-xl grid-cols-1 px-4 md:px-5"><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black mb-5 lg:!pt-6 lg:!pb-5"></section-header>
1641<ul class="grid flex-wrap items-start gap-x-4 gap-y-5 md:flex md:gap-y-6"><li
1642            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1643            style="
1644              --clip-deform-x: 0.625rem;
1645              --clip-deform-y: 0.625rem;
1646            "
1647          >
1648              
1649
1650              
1651                <img src="//tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=304 304w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=504 504w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=548 548w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=608 608w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=912 912w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&amp;width=1008 1008w" width="1817" height="484" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1652              
1653<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1654              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Hungary & Slovakia</h3>
1655              <p class="text-body-2 font-bold md:text-body-1--d">We’re a family-run business bringing quality and purpose driven food & drink to Hungary and Slovakia. We chose Tony’s because great taste should never come with bitter origins.</p>
1656
1657<a
1658  href="https://www.transtrade.sk/en/homepage/"
1659  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1660   tabindex="0"
1661  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1662>
1663  <div class="apply-button__text inline ">
1663visit website</div>
1664</a>
1665</div>
1666          </li><li
1667            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1668            style="
1669              --clip-deform-x: 0.625rem;
1670              --clip-deform-y: 0.625rem;
1671            "
1672          >
1673              
1674
1675              
1676                <img src="//tonyschocolonely.com/cdn/shop/files/Premium_Brands_logo_Greece.png?v=1733401718" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/Premium_Brands_logo_Greece.png?v=1733401718&amp;width=304 304w" width="436" height="116" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1677              
1678<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1679              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Greece</h3>
1680              <p class="text-body-2 font-bold md:text-body-1--d">Premium Brands delivers innovative food and drinks in Greece, proud distributor of Tony’s Chocolonely.</p>
1681
1682<a
1683  href="https://pbrands.gr/el/static/tonys_chocolonely"
1684  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1685   tabindex="0"
1686  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1687>
1688  <div class="apply-button__text inline ">visit website</div>
1689</a>
1690</div>
1691          </li></ul>
1692    </div>
1693  </div>
1694
1695
1696<style> #shopify-section-template--27138615542133__media_REYNC .flex-wrap {flex-wrap: nowrap;} #shopify-section-template--27138615542133__media_REYNC li {flex-direction: column !important;} #shopify-section-template--27138615542133__media_REYNC h3 {margin-top: 8px;} #shopify-section-template--27138615542133__media_REYNC li img {width: 100%; max-width: 35rem; height: auto; image-rendering: ;} </style></section><section id="shopify-section-template--27138615542133__media_3Rkzz" class="shopify-section">
1697<div
1698    style="padding-top:0px; padding-bottom: 24px"
1699    class="bg-tonys-blue pb-5 pt-[calc(2.5rem+var(--header-space-top))]"
1700  >
1701    <div class="mx-auto w-full max-w-screen-xl grid-cols-1 px-4 md:px-5"><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black mb-5 lg:!pt-6 lg:!pb-5"></section-header>
1702<ul class="grid flex-wrap items-start gap-x-4 gap-y-5 md:flex md:gap-y-6"><li
1703            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1704            style="
1705              --clip-deform-x: 0.625rem;
1706              --clip-deform-y: 0.625rem;
1707            "
1708          >
1709              
1710
1711              
1712                <img src="//tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=304 304w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=504 504w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=548 548w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=608 608w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=912 912w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&amp;width=1008 1008w" width="1024" height="664" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1713              
1714<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1715              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Croatia & Slovenia</h3>
1716              <p class="text-body-2 font-bold md:text-body-1--d">Hanael food d.o.o. is the distributor and importer for many amazing brands including Tony's Chocolonely.</p>
1717
1718<a
1719  href="https://hanaelfood.hr/"
1720  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1721   tabindex="0"
1722  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1723>
1724  <div class="apply-button__text inline ">
1724visit website</div>
1725</a>
1726</div>
1727          </li><li
1728            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1729            style="
1730              --clip-deform-x: 0.625rem;
1731              --clip-deform-y: 0.625rem;
1732            "
1733          >
1734              
1735
1736              
1737                <img src="//tonyschocolonely.com/cdn/shop/files/thumbnail_TASTE_LOGO_for_TONY_S.png?v=1758541704" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/thumbnail_TASTE_LOGO_for_TONY_S.png?v=1758541704&amp;width=304 304w" width="436" height="116" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1738              
1739<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1740              <h3 class="text-heading-1 font-bold md:text-heading-2--d">France</h3>
1741              <p class="text-body-2 font-bold md:text-body-1--d">Taste Distribution brings premium and innovative food & drink brands to France, including Tony’s Chocolonely! You can find Tony’s delicious and mission-driven chocolate bars across the French market thanks to our team.</p>
1742
1743<a
1744  href="https://tastedistribution.com"
1745  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1746   tabindex="0"
1747  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1748>
1749  <div class="apply-button__text inline ">visit website</div>
1750</a>
1751</div>
1752          </li></ul>
1753    </div>
1754  </div>
1755
1756
1757<style> #shopify-section-template--27138615542133__media_3Rkzz .flex-wrap {flex-wrap: nowrap;} #shopify-section-template--27138615542133__media_3Rkzz li {flex-direction: column !important;} #shopify-section-template--27138615542133__media_3Rkzz h3 {margin-top: 8px;} #shopify-section-template--27138615542133__media_3Rkzz li img {width: 100%; max-width: 35rem; height: auto;} </style></section><section id="shopify-section-template--27138615542133__html_JMaBc" class="shopify-section">
1758<div
1759    class="bg-tonys-blue  overflow-hidden pb-24 pt-[calc(2rem+var(--header-space-top))] text-body-1--d"
1760    style="--header-space-top: 0px "
1761  >
1762    <div class="mx-auto w-full  max-w-screen-xl  px-4">
1763      <div class="tony-title-section">
1764  <h2 class="tony-title">South America</h2>
1765</div>
1766
1767<style>
1768.tony-title-section {
1769  background-color: #006be1;
1770  padding: 20px 20px 0 20px;
1771}
1772
1773.tony-title {
1774  font-family: 'American Typewriter', 'Courier New', monospace;
1775  text-align: left;
1776  color: white;
1777  margin: 0;
1778  font-weight: bold;
1779  font-size: 2em;
1780}
1781</style>
1782    </div>
1783  </div>
1784
1785
1786</section><section id="shopify-section-template--27138615542133__media_AUAV3" class="shopify-section">
1787<div
1788    style="padding-top:0px; padding-bottom: 24px"
1789    class="bg-tonys-blue pb-5 pt-[calc(2.5rem+var(--header-space-top))]"
1790  >
1791    <div class="mx-auto w-full max-w-screen-xl grid-cols-1 px-4 md:px-5"><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black mb-5 lg:!pt-6 lg:!pb-5"></section-header>
1792<ul class="grid flex-wrap items-start gap-x-4 gap-y-5 md:flex md:gap-y-6"><li
1793            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1794            style="
1795              --clip-deform-x: 0.625rem;
1796              --clip-deform-y: 0.625rem;
1797            "
1798          >
1799              
1800
1801              
1802                <img src="//tonyschocolonely.com/cdn/shop/files/solyal_logo.avif?v=1752149850" alt="" width="275" height="80" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1803              
1804<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1805              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Uruguay</h3>
1806              <p class="text-body-2 font-bold md:text-body-1--d">Solyal SA focuses on innovative, distinctive, and trend-setting brands, aiming to revolutionize the market.</p>
1807
1808<a
1809  href="https://www.solyal.com/"
1810  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1811   tabindex="0"
1812  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1813>
1814  <div class="apply-button__text inline ">
1814visit website</div>
1815</a>
1816</div>
1817          </li><li
1818            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1819            style="
1820              --clip-deform-x: 0.625rem;
1821              --clip-deform-y: 0.625rem;
1822            "
1823          >
1824              
1825
1826              
1827                <img src="//tonyschocolonely.com/cdn/shop/files/verdemar.png?v=1752149997" alt="" width="270" height="69" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1828              
1829<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1830              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Brazil (Belo Horizonte)</h3>
1831              <p class="text-body-2 font-bold md:text-body-1--d">Verdemar is a reference in the Brazilian high-end retail market focused on the creation and revolution of high-level quality services and the original and rich mix of products, such as Tony's Chocolonely!</p>
1832
1833<a
1834  href="https://www.loja.verdemaratevoce.com.br/?pht=56761603973025401&keyword=&gad_source=1&gad_campaignid=22464917493&gbraid=0AAAAADf3NkQmWex8EGkVyMHPeYPJDAo8E&gclid=EAIaIQobChMI15XM9v6ejgMVqWZIAB1JISgeEAAYASAAEgJSZPD_BwE"
1835  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1836   tabindex="0"
1837  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1838>
1839  <div class="apply-button__text inline ">visit website</div>
1840</a>
1841</div>
1842          </li><li
1843            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1844            style="
1845              --clip-deform-x: 0.625rem;
1846              --clip-deform-y: 0.625rem;
1847            "
1848          >
1849              
1850
1851              
1852                <img src="//tonyschocolonely.com/cdn/shop/files/HI_COLOR_426x116px.png?v=1767966746" alt="" width="436" height="117" loading="lazy" sizes="(min-width: 1440px) 450px, 304px" class="w-full max-w-[19rem] xl:max-w-[28rem]">
1853              
1854<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1855              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Brazil (Salvador, Bahia)</h3>
1856              <p class="text-body-2 font-bold md:text-body-1--d">At Hiperideal, we believe in experience as a true differentiator, communication as a bridge, and assortment as a smart choice to serve those who choose us every day. We understand our shoppers, value local culture, and deliver convenience with purpose, creating meaningful connections through every visit.</p>
1857
1858<a
1859  href="https://eur01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.hiperideal.com.br%2F&data=05%7C02%7CAlisonG%40tonyschocolonely.com%7C3e74e8cd753046c0a43708de3d4b94e0%7Cb6f8c1395cb14431a7da9f47699df324%7C0%7C0%7C639015592498771941%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&sdata=AQj0s2%2Fm1In899b4cyCwJB49PwTshFBklaF%2BdfuytP8%3D&reserved=0"
1860  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1861   tabindex="0"
1862  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1863>
1864  <div class="apply-button__text inline ">
1864visit website</div>
1865</a>
1866</div>
1867          </li></ul>
1868    </div>
1869  </div>
1870
1871
1872<style> #shopify-section-template--27138615542133__media_AUAV3 .flex-wrap {flex-wrap: nowrap;} #shopify-section-template--27138615542133__media_AUAV3 li {flex-direction: column !important;} #shopify-section-template--27138615542133__media_AUAV3 h3 {margin-top: 8px;} #shopify-section-template--27138615542133__media_AUAV3 li img {width: 100%; max-width: 35rem; height: auto;} </style></section><section id="shopify-section-template--27138615542133__html_bdNtX" class="shopify-section">
1873<div
1874    class="bg-tonys-blue  overflow-hidden pb-24 pt-[calc(2rem+var(--header-space-top))] text-body-1--d"
1875    style="--header-space-top: 0px "
1876  >
1877    <div class="mx-auto w-full  max-w-screen-xl  px-4">
1878      <div class="tony-title-section">
1879  <h2 class="tony-title">Asia</h2>
1880</div>
1881
1882<style>
1883.tony-title-section {
1884  background-color: #006be1;
1885  padding: 20px 20px 0 20px;
1886}
1887
1888.tony-title {
1889  font-family: 'American Typewriter', 'Courier New', monospace;
1890  text-align: left;
1891  color: white;
1892  margin: 0;
1893  font-weight: bold;
1894  font-size: 2em;
1895}
1896</style>
1897    </div>
1898  </div>
1899
1900
1901</section><section id="shopify-section-template--27138615542133__media_76ktT" class="shopify-section">
1902<div
1903    style="padding-top:0px; padding-bottom: 0px"
1904    class="bg-tonys-blue pb-5 pt-[calc(2.5rem+var(--header-space-top))]"
1905  >
1906    <div class="mx-auto w-full max-w-screen-xl grid-cols-1 px-4 md:px-5"><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black mb-5 lg:!pt-6 lg:!pb-5"></section-header>
1907<ul class="grid flex-wrap items-start gap-x-4 gap-y-5 md:flex md:gap-y-6"><li
1908            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1909            style="
1910              --clip-deform-x: 0.625rem;
1911              --clip-deform-y: 0.625rem;
1912            "
1913          >
1914              
1915
1916              
1917                <img src="//tonyschocolonely.com/cdn/shop/files/sk_logo_63dc0bd3-443d-48b2-8a2a-99090f6da3b1.png?v=1736246452" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/sk_logo_63dc0bd3-443d-48b2-8a2a-99090f6da3b1.png?v=1736246452&amp;width=304 304w" width="304" height="81" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1918              
1919<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1920              <h3 class="text-heading-1 font-bold md:text-heading-2--d">South Korea</h3>
1921              <p class="text-body-2 font-bold md:text-body-1--d">Ilshin world corporation is the leading importer and distributor of amazing food & drink brands into Korea - including Tony's Chocolonely.</p>
1922
1923<a
1924  href="https://www.kurly.com/goods/1000892071"
1925  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1926   tabindex="0"
1927  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1928>
1929  <div class="apply-button__text inline ">visit website</div>
1930</a>
1931</div>
1932          </li><li
1933            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1934            style="
1935              --clip-deform-x: 0.625rem;
1936              --clip-deform-y: 0.625rem;
1937            "
1938          >
1939              
1940
1941              
1942                <img src="//tonyschocolonely.com/cdn/shop/files/ls_logo_436px_116px.jpg?v=1754490772" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/ls_logo_436px_116px.jpg?v=1754490772&amp;width=304 304w" width="436" height="116" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
1943              
1944<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
1945              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Israel</h3>
1946              <p class="text-body-2 font-bold md:text-body-1--d">We are Leiman Schlussel! We have the sweetest job in the world. We are a private family-owned company that manufactures, imports, and distributes top tier products, including Tony's Chocolonely.</p>
1947
1948<a
1949  href="https://www.l-s.co.il/"
1950  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
1951   tabindex="0"
1952  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
1953>
1954  <div class="apply-button__text inline ">
1954visit website</div>
1955</a>
1956</div>
1957          </li></ul>
1958    </div>
1959  </div>
1960
1961
1962<style> #shopify-section-template--27138615542133__media_76ktT .flex-wrap {flex-wrap: nowrap;} #shopify-section-template--27138615542133__media_76ktT li {flex-direction: column !important;} #shopify-section-template--27138615542133__media_76ktT .media-grid h3, #shopify-section-template--27138615542133__media_76ktT .media-grid .media-grid__title, #shopify-section-template--27138615542133__media_76ktT li h3 {margin-top: 8px; font-family: "American Typewriter", "Courier New", monospace !important; text-align: left !important;} #shopify-section-template--27138615542133__media_76ktT li img {width: 100%; max-width: 35rem; height: auto;} </style></section><section id="shopify-section-template--27138615542133__html_CDaCy" class="shopify-section">
1963<div
1964    class="bg-tonys-blue  overflow-hidden pb-24 pt-[calc(2rem+var(--header-space-top))] text-body-1--d"
1965    style="--header-space-top: 0px "
1966  >
1967    <div class="mx-auto w-full  max-w-screen-xl  px-4">
1968      <div class="tony-title-section">
1969  <h2 class="tony-title">Oceania</h2>
1970</div>
1971
1972<style>
1973.tony-title-section {
1974  background-color: #006be1;
1975  padding: 20px 20px 0 20px;
1976}
1977
1978.tony-title {
1979  font-family: 'American Typewriter', 'Courier New', monospace;
1980  text-align: left;
1981  color: white;
1982  margin: 0;
1983  font-weight: bold;
1984  font-size: 2em;
1985}
1986</style>
1987    </div>
1988  </div>
1989
1990
1991</section><section id="shopify-section-template--27138615542133__media_AYFgH" class="shopify-section">
1992<div
1993    style="padding-top:0px; padding-bottom: 24px"
1994    class="bg-tonys-blue pb-5 pt-[calc(2.5rem+var(--header-space-top))]"
1995  >
1996    <div class="mx-auto w-full max-w-screen-xl grid-cols-1 px-4 md:px-5"><section-header class="mx-auto block max-w-screen-xl px-2 pt-2 text-center text-tonys-black mb-5 lg:!pt-6 lg:!pb-5"></section-header>
1997<ul class="grid flex-wrap items-start gap-x-4 gap-y-5 md:flex md:gap-y-6"><li
1998            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
1999            style="
2000              --clip-deform-x: 0.625rem;
2001              --clip-deform-y: 0.625rem;
2002            "
2003          >
2004              
2005
2006              
2007                <img src="//tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&amp;width=304 304w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&amp;width=504 504w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&amp;width=548 548w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&amp;width=608 608w" width="803" height="976" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
2008              
2009<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
2010              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Australia</h3>
2011              <p class="text-body-2 font-bold md:text-body-1--d">The Better Food Distribution Co is a leading Australian food and beverage distributor, representing a curated, sought-after portfolio of local and international brands. We are proud to partner with Tony’s Chocolonely exclusively Down Under!
2012 </p>
2013
2014<a
2015  href="https://www.betterfooddistribution.com.au/"
2016  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
2017   tabindex="0"
2018  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
2019>
2020  <div class="apply-button__text inline ">
2020visit website</div>
2021</a>
2022</div>
2023          </li><li
2024            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
2025            style="
2026              --clip-deform-x: 0.625rem;
2027              --clip-deform-y: 0.625rem;
2028            "
2029          >
2030              
2031
2032              
2033                <img src="//tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&amp;width=304 304w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&amp;width=504 504w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&amp;width=548 548w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&amp;width=608 608w" width="791" height="473" loading="lazy" sizes="(min-width: 1440px) 504px, 304px" class="w-full max-w-[19rem] xl:max-w-[31.5rem]">
2034              
2035<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
2036              <h3 class="text-heading-1 font-bold md:text-heading-2--d">Tasmania</h3>
2037              <p class="text-body-2 font-bold md:text-body-1--d">Homeroom is your one stop shop in Tasmania. We stock the full range of Tony's chocolate that is available in the Australia market.</p>
2038
2039<a
2040  href="https://www.homeroomdesign.com.au/collections/tonys-chocolonely"
2041  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
2042   tabindex="0"
2043  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
2044>
2045  <div class="apply-button__text inline ">visit website</div>
2046</a>
2047</div>
2048          </li><li
2049            class="md:[&:nth-child(1n)]:clip-1200 md:[&:nth-child(2n)]:clip-_001 md:[&:nth-child(3n)]:clip-0101 md:[&:nth-child(4n)]:clip-0_01 flex w-full flex-col items-center justify-center gap-8 bg-tonys-white px-4 pb-8 pt-4 md:gap-3 md:p-8 md:[&:nth-child(1n)]:max-w-[calc(45%-8px)] md:[&:nth-child(2n)]:max-w-[calc(55%-8px)] md:[&:nth-child(3n)]:max-w-[calc(65%-8px)] md:[&:nth-child(3n)]:self-stretch lg:[&:nth-child(3n)]:flex-row md:[&:nth-child(4n)]:max-w-[calc(35%-8px)] md:[&:nth-child(4n)]:self-stretch"
2050            style="
2051              --clip-deform-x: 0.625rem;
2052              --clip-deform-y: 0.625rem;
2053            "
2054          >
2055              
2056
2057              
2058                <img src="//tonyschocolonely.com/cdn/shop/files/GetAttachmentThumbnail.png?v=1733221525" alt="" width="436" height="116" loading="lazy" sizes="(min-width: 1440px) 450px, 304px" class="w-full max-w-[19rem] xl:max-w-[28rem]">
2059              
2060<div class="flex flex-col items-center justify-center gap-[0.625rem] text-center md:gap-5" style=" --clip-deform-x: 0.125rem; --clip-deform-y: 0.125rem;">
2061              <h3 class="text-heading-1 font-bold md:text-heading-2--d">New Zealand</h3>
2062              <p class="text-body-2 font-bold md:text-body-1--d">Cook and Nelson is the importer of incredible food & drink brands into NZ - including Tony’s Chocolonely!  You can find the full range of Tony's Chocolonely products that are available in New Zealand.</p>
2063
2064<a
2065  href="https://www.cookandnelson.com/collections/tonys-chocolonely"
2066  class="group/btn apply-button md:before:clip-_010 md:m-0 mt-[0.625rem]"
2067   tabindex="0"
2068  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
2069>
2070  <div class="apply-button__text inline ">visit website</div>
2071</a>
2072</div>
2073          </li></ul>
2074    </div>
2075  </div>
2076
2077
2078<style> #shopify-section-template--27138615542133__media_AYFgH .flex-wrap {flex-wrap: nowrap;} #shopify-section-template--27138615542133__media_AYFgH li {flex-direction: column !important;} #shopify-section-template--27138615542133__media_AYFgH h3 {margin-top: 8px;} #shopify-section-template--27138615542133__media_AYFgH li img {width: 100%; max-width: 35rem; height: auto; image-rendering: ;} </style></section>
2079
2080</main>
2081      <div id="shopify-section-footer" class="shopify-section">
2082
2083<footer class="relative bg-tonys-red overflow-hidden py-5 pb-7 lg:pt-6">
2084  <div class="relative mx-auto max-w-screen-xl">
2085    <div class="mb-16 px-5 lg:mb-14"><fluid-heading
2086  class="flex flex-col items-center justify-start font-heading w-full mb-1.5 lg:mb-4 text-tonys-white invisible"
2087  data-lines="2,1"
2088  data-text="Support our mission"
2089  data-text-id=""
2090  
2091>
2092  Support our mission
2093</fluid-heading>
2094<div class="lg:grid lg:grid-cols-5 lg:items-center lg:gap-8"><p class="mb-5 text-center text-body-1 font-bold lg:col-span-2 lg:m-0 lg:text-left lg:text-body-1--d">We’ll help you with tools, videos and information in the Tony's Toolbox. And 'cause we're friends, there'll be some presents in there sometimes too.</p><footer-newsletter class="contents">
2095  <form
2096    data-target="footer-newsletter.form"
2097    class="relative w-full lg:col-span-3 lg:shrink-0"
2098    data-public-api-key="WT6uWz"
2099    data-list-id="R23ikL"
2100  >
2101    <input type="hidden" name="contact[tags]" value="newsletter">
2102    <input
2103      type="hidden"
2104      name="contact[tags]"
2105      value="language:en"
2106    >
2107    <div class="relative text-tonys-black">
2108      <input
2109        data-target="footer-newsletter.inputEmail"
2110        id="newsletter-email"
2111        name="contact[email]"
2112        placeholder=""
2113        aria-describedby="email-message-announcement"
2114        type="email"
2115        required
2116        class="peer relative block h-16 w-full border-transparent pl-5 text-body-1--d font-bold data-[val
2116id]:pr-16 lg:h-24 lg:text-[1.75rem]"
2117      >
2118      <input
2119        data-target="footer-newsletter.customerGroup"
2120        name="customer_group"
2121        type="hidden"
2122        value="A1"
2123      >
2124      <label
2125        class="absolute start-5 top-1/2 origin-[0] -translate-y-[calc(50%+1rem)] scale-50 text-body-1--d font-bold duration-300 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:scale-100 peer-focus:-translate-y-[calc(50%+1rem)] peer-focus:scale-50 lg:-translate-y-[calc(50%+1.75rem)] lg:text-[1.75rem] lg:peer-focus:-translate-y-[calc(50%+1.75rem)]"
2126        for="newsletter-email"
2127        style="
2128          text-overflow: ellipsis;
2129          overflow: hidden;
2130          white-space: nowrap;
2131          width: 95%;
2132          line-height: 1.2;
2133        "
2134      >and your email address will go here</label>
2135
2136      <p
2137        class="absolute top-[4.75rem] hidden text-body-2--d font-bold text-tonys-white data-[active]:block lg:top-[6.75rem] lg:text-body-1--d"
2138        data-target="footer-newsletter.emailError"
2139      >that.. doesn&#39;t look like an email address. Want to double check?</p>
2140      <p
2141        class="absolute top-[5.25rem] hidden text-body-2--d font-bold text-tonys-white data-[active]:block lg:top-[7.5rem] lg:text-body-1--d"
2142        data-target="footer-newsletter.emailErrorSubscribed"
2143      >This email is already signed up to the newsletter</p>
2144      <button
2145        aria-label="Subscribe"
2146        type="submit"
2147        class="absolute right-5 top-1/2 z-10 hidden -translate-y-1/2 peer-data-[valid]:block"
2148      >
2149        
2150
2151    <svg
2152      viewBox="0 0 24 24"
2153      fill="currentColor"
2154      xmlns="http://www.w3.org/2000/svg"
2155      class="size-8"
2156      
2157    >
2158      <title>Submit</title>
2159      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2160    </svg>
2161
2162  
2163
2164      </button>
2165    </div>
2166    <div
2167      data-target="footer-newsletter.newsletterGeneralError"
2168      class="absolute -bottom-1 hidden translate-y-full text-body-2--d font-bold text-tonys-white data-[active]:block lg:top-[6.25rem] lg:text-body-1--d "
2169    >Oops.. something went wrong. Try again?</div>
2170  </form>
2171  <p
2172    data-target="footer-newsletter.emailMessage"
2173    id="email-message-announcement"
2174    aria-live="polite"
2175    class="sr-only"
2176  ></p>
2177  <p
2178    data-target="footer-newsletter.newsletterGeneralSuccess"
2179    class="hidden h-16 w-full whitespace-nowrap bg-tonys-white pl-5 text-body-1--d font-bold leading-[4rem] lg:col-span-3 lg:h-24 lg:text-[1.75rem] lg:leading-[6rem]"
2180  >thanks for subscribing!</p>
2181</footer-newsletter>
2182</div></div>
2183
2184    <div class="relative mb-6 px-5 lg:mb-0">
2185      <ul class="mb-12 grid grid-cols-2 gap-x-8 gap-y-12 lg:mb-16 lg:grid-cols-5">
2186
2187              <li class="col-span-1  ">
2188                <h4 class="mb-6 text-heading-3 font-bold lg:text-body-2--d">all chocolate</h4>
2189                <ul class="space-y-3"><li>
2190                      <a class="apply-footer-link" href="/collections/big-bars">big bars</a>
2191                    </li><li>
2192                      <a class="apply-footer-link" href="/collections/small-bars">small bars</a>
2193                    </li><li>
2194                      <a class="apply-footer-link" href="/collections/all">all chocolate</a>
2195                    </li><li>
2196                      <a class="apply-footer-link" href="/pages/store-locator">store locator</a>
2197                    </li></ul>
2198              </li>
2199            
2200
2201              <li class="col-span-1  ">
2202                <h4 class="mb-6 text-heading-3 font-bold lg:text-body-2--d">about us</h4>
2203                <ul class="space-y-3"><li>
2204                      <a class="apply-footer-link" href="/pages/our-promise">our promise</a>
2205                    </li><li>
2206                      <a class="apply-footer-link" href="/pages/tonys-impact">Tony's Impact</a>
2207                    </li><li>
2208                      <a class="apply-footer-link" href="https://jobs.tonyschocolonely.com/">jobs</a>
2209                    </li><li>
2210                      <a class="apply-footer-link" href="/blogs/news">news</a>
2211                    </li><li>
2212                      <a class="apply-footer-link" href="https://www.tonysopenchain.com/">Tony's Open Chain</a>
2213                    </li></ul>
2214              </li>
2215            
2216
2217              <li class="col-span-1  ">
2218                <h4 class="mb-6 text-heading-3 font-bold lg:text-body-2--d">contact</h4>
2219                <ul class="space-y-3"><li>
2220                      <a class="apply-footer-link" href="/pages/contact">contact</a>
2221                    </li><li>
2222                      <a class="apply-footer-link" href="/pages/faqs">faq</a>
2223                    </li><li>
2224                      <a class="apply-footer-link" href="/policies/terms-of-service">terms of service</a>
2225                    </li><li>
2226                      <a class="apply-footer-link" href="/policies/privacy-policy">privacy policy</a>
2227                    </li><li>
2228                      <a class="apply-footer-link" href="/pages/speak-up-policy">Report misconduct (Speak Up)</a>
2229                    </li></ul>
2230              </li>
2231            
2232
2233
2234        
2235</ul>
2236      <div class="grid grid-cols-2 items-start gap-x-8 gap-y-[3rem] lg:grid-cols-5">
2237        <div class="col-span-1">
2238          <p class="mb-4 text-heading-3 font-bold lg:text-body-2--d">you can follow here</p><ul class="flex gap-4 flex-wrap"><li class="inline-block">
2239        <a
2240          target="_blank"
2241          aria-label="facebook (opens in a new tab)."
2242          href="https://www.facebook.com/TonysChocolonely/"
2243          class="relative -m-2.5 block size-10 !outline-offset-[0rem]"
2244        >
2245
2246    <svg
2247      viewBox="0 0 24 24"
2248      fill="currentColor"
2249      xmlns="http://www.w3.org/2000/svg"
2250      class="absolute inset-0 size-5 m-auto"
2251      
2252    >
2253      <title>Facebook</title>
2254      <path d="M13.067 9.20889C12.349 9.16561 11.6794 9.12742 10.9155 9.08158V13.0968H12.7411C13.1306 16.5723 13.5151 19.9866 13.9123 23.518C9.49988 23.3653 5.14348 23.2151 0.611403 23.0572C0.611403 22.082 0.631772 21.1858 0.608857 20.287C0.443359 14.4462 0.27277 8.60037 0.099634 2.75704C0.0818112 2.10269 0.0665346 1.44834 0.00542785 0.796532C-0.0327639 0.381516 0.130187 0.277125 0.507012 0.292402C0.99332 0.31277 1.48217 0.297494 1.96848 0.297494C9.02376 0.297494 16.0765 0.297494 23.1318 0.297494H24C23.5901 8.14716 23.1852 15.9332 22.7779 23.709H18.1312C17.9301 20.2641 17.734 16.9262 17.5354 13.5195H20.6188C20.6799 12.2668 20.741 11.0752 20.8021 9.81232H17.4565C16.9829 7.27639 17.6627 5.84293 20.6137 6.59149C20.6824 5.9626 20.7613 5.34389 20.8174 4.72519C20.8734 4.0963 20.909 3.46486 20.9599 2.75959C19.4552 2.54571 17.9657 2.59918 16.5093 2.96073C15.7684 3.14405 14.9969 3.42667 14.3833 3.8646C13.2885 4.64626 13.151 5.91677 13.0721 7.15163C13.0313 7.80089 13.0644 8.45269 13.0644 9.20634L13.067 9.20889Z" />
2255    </svg>
2256
2257  
2258</a>
2259      </li><li class="inline-block">
2260        <a
2261          target="_blank"
2262          aria-label="instagram (opens in a new tab)."
2263          href="https://www.instagram.com/tonyschocolonely_nl/"
2264          class="relative -m-2.5 block size-10 !outline-offset-[0rem]"
2265        >
2266
2267    <svg
2268      viewBox="0 0 24 24"
2269      fill="currentColor"
2270      xmlns="http://www.w3.org/2000/svg"
2271      class="absolute inset-0 size-5 m-auto"
2272      
2273    >
2274      <title>Instagram</title>
2275      <path d="M23.612 24C15.962 23.6901 8.44008 23.3853 0.820825 23.0754C0.679965 15.4767 0.533983 7.83182 0.388 0C7.80236 0.102444 15.3294 0.207449 22.964 0.315014C23.1792 8.20574 23.3943 16.0248 23.612 24ZM22.2136 22.2969C22.2367 22.1586 22.2725 22.0561 22.2674 21.9537C22.0369 17.8022 21.7962 13.6481 21.5708 9.49653C21.5529 9.15335 21.3992 9.06371 21.0893 9.07395C20.175 9.09956 19.2607 9.10981 18.3438 9.13286C18.2696 9.13286 18.2004 9.19944 18.0723 9.26347C18.8612 11.151 18.7382 12.9412 17.7804 14.7724C16.8148 16.6164 15.4652 17.7586 13.3702 17.9609C11.2701 18.1633 9.27499 17.8764 7.61797 16.4678C5.43335 14.611 5.32579 12.1191 5.69971 9.55288H1.60196C1.71721 13.853 1.82733 18.0608 1.94258 22.2994H22.2162L22.2136 22.2969ZM17.0914 11.8092C17.2323 9.25323 14.3613 6.92519 11.8438 6.93288C9.2417 6.94056 7.13648 8.81272 7.08014 11.9065C7.02891 14.734 9.15462 16.98 11.8694 17.0364C15.2859 17.1081 16.9992 14.6981 17.0889 11.8092H17.0914ZM20.9638 6.72031C21.0381 5.32963 21.1124 3.95433 21.1918 2.50475H17.1273V6.72031H20.9638Z" />
2276    </svg>
2277
2278  
2279</a>
2280      </li><li class="inline-block">
2281        <a
2282          target="_blank"
2283          aria-label="linkedin (opens in a new tab)."
2284          href="https://www.linkedin.com/company/tony's-chocolonely"
2285          class="relative -m-2.5 block size-10 !outline-offset-[0rem]"
2286        >
2287
2288    <svg
2289      viewBox="0 0 24 24"
2290      fill="currentColor"
2291      xmlns="http://www.w3.org/2000/svg"
2292      class="absolute inset-0 size-5 m-auto"
2293      
2294    >
2295      <path fill-rule="evenodd" clip-rule="evenodd" d="M23.9399 0.0121272C23.9557 0.0177922 23.9737 0.0242442 23.9958 0.0286573C23.9958 0.121354 23.9968 0.214051 23.9979 0.30639C24 0.490003 24.0021 0.6722 23.9958 0.850168C23.991 0.983898 23.979 1.11763 23.9671 1.25136C23.9552 1.3851 23.9432 1.51884 23.9384 1.65257C23.9241 1.90094 23.9146 2.1493 23.905 2.39767C23.8955 2.64603 23.8859 2.89439 23.8716 3.14276C23.8572 3.46276 23.8381 3.78038 23.819 4.098C23.7999 4.41562 23.7808 4.73324 23.7665 5.05325C23.7525 5.3145 23.7408 5.57347 23.7291 5.83127C23.7169 6.10135 23.7047 6.37015 23.6901 6.63895C23.6662 7.08314 23.6399 7.52494 23.6137 7.96674C23.5874 8.40854 23.5611 8.85034 23.5372 9.29453C23.5116 9.70504 23.4945 10.1112 23.4774 10.5189C23.4691 10.7184 23.4607 10.9182 23.4513 11.1191C23.4226 11.845 23.3844 12.571 23.3462 13.297C23.3319 13.5549 23.3199 13.8128 23.308 14.0707C23.296 14.3286 23.2841 14.5866 23.2698 14.8445C23.2459 15.2887 23.2196 15.7305 23.1933 16.1723C23.1671 16.6141 23.1408 17.0559 23.1169 17.5001C23.0913 17.9169 23.0742 18.3295 23.0571 18.7435C23.0488 18.9462 23.0404 19.1492 23.031 19.3533C23.0023 20.0696 22.9641 20.7858 22.9259 21.5021L22.9259 21.5026C22.9119 21.759 22.9002 22.0132 22.8885 22.2663C22.8763 22.5316 22.8641 22.7956 22.8495 23.0596C22.844 23.1573 22.8324 23.2519 22.8199 23.354C22.8104 23.4315 22.8004 23.5134 22.7921 23.6041C22.5294 23.5946 22.2643 23.585 21.9992 23.5754C21.7342 23.5659 21.4691 23.5563 21.2064 23.5468L20.0124 23.5086C19.3915 23.4799 18.7706 23.4608 18.1401 23.4417L13.5167 23.2793H13.2588C13.198 23.2746 13.1395 23.2723 13.0821 23.2699C13.0224 23.2675 12.9639 23.2651 12.9054 23.2602L8.49213 23.1074C8.42526 23.1074 8.35839 23.105 8.29153 23.1026C8.22466 23.1002 8.15779 23.0978 8.09093 23.0978C7.8131 23.0882 7.53287 23.0787 7.25265 23.0691C6.97405 23.0596 6.69546 23.05 6.41925 23.0405C6.34283 23.0357 6.26402 23.0333 6.18521 23.031C6.1064 23.0286 6.0276 23.0262 5.95118 23.0214H5.94162C5.44967 23.0023 4.95772 22.9856 4.46577 22.9689C3.97382 22.9522 3.48187 22.9354 2.98992 22.9163C2.80032 22.9099 2.60963 22.9046 2.4186 22.8992C2.04178 22.8886 1.66357 22.878 1.28958 22.859C1.17955 22.8532 1.06601 22.8404 0.946834 22.827C0.869423 22.8182 0.789633 22.8092 0.706881 22.8017C0.704474 22.7704 0.702067 22.7394 0.69968 22.7087C0.683114 22.4954 0.667468 22.294 0.659119 22.0853C0.633646 21.3274 0.616664 20.5696 0.599681 19.8118C0.59119 19.4329 0.582699 19.054 0.573147 18.675C0.566815 18.2508 0.552089 17.8308 0.537314 17.4093C0.5298 17.195 0.522273 16.9803 0.515832 16.7646L0.458518 14.7299C0.439413 14.0899 0.420308 13.4403 0.401203 12.7907L0.343888 10.7561L0.286573 8.7787C0.267469 8.11958 0.248364 7.47002 0.219706 6.8109L0.162392 4.83354L0.105077 2.79887C0.0859721 2.15885 0.0668672 1.50929 0.0477622 0.859721C0.0382098 0.592252 0.0191049 0.324783 0 0.095
22955245C0.0382098 0.0477623 0.0382098 0.0477623 0.0477622 0.0382098C0.0477622 0.0286574 0.0573147 0.0191049 0.0668672 0.0191049C0.0750618 0.0174659 0.0829753 0.015827 0.0906558 0.0142363C0.127741 0.00655576 0.159395 0 0.191049 0H23.8907C23.9061 0 23.9215 0.00552999 23.9399 0.0121272ZM12.5393 10.6781C12.922 10.0976 13.5948 9.27963 15.0856 9.27963C16.9327 9.27963 18.3312 10.4935 18.3312 13.0926V17.9607H15.5077V13.4223C15.5077 12.2877 15.0987 11.5093 14.0828 11.5093C13.3044 11.5093 12.8294 12.037 12.6316 12.5384C12.5524 12.7231 12.5392 12.9738 12.5392 13.2244V17.9608H9.7158C9.7158 17.9608 9.75545 10.2691 9.7158 9.47746H12.5393V10.6781ZM12.5393 10.6781C12.5393 10.6847 12.536 10.688 12.5327 10.6913C12.5294 10.6946 12.5261 10.6979 12.5261 10.7045H12.5393V10.6781ZM5.17743 6.85197C5.17743 6.02091 5.81067 5.38758 6.77384 5.38758C7.73692 5.38758 8.3307 6.02081 8.34379 6.85207C8.34379 7.67004 7.73692 8.31646 6.74748 8.31646H6.7342C5.7843 8.31646 5.17743 7.67004 5.17743 6.85197ZM8.15914 9.47746H5.33572V17.9608H8.15914V9.47746Z"/>
2296    </svg>
2297
2298  
2299</a>
2300      </li><li class="inline-block">
2301        <a
2302          target="_blank"
2303          aria-label="twitter (opens in a new tab)."
2304          href="https://twitter.com/tonychocolonely/"
2305          class="relative -m-2.5 block size-10 !outline-offset-[0rem]"
2306        >
2307
2308    <svg
2309      viewBox="0 0 24 24"
2310      fill="currentColor"
2311      xmlns="http://www.w3.org/2000/svg"
2312      class="absolute inset-0 size-5 m-auto"
2313      
2314    >
2315      <title>Twitter</title>
2316      <path d="M23.1848 0.090227C21.3938 0.090227 19.6801 0.0979582 17.9689 0.090227C12.5674 0.0644566 7.16596 0.0386863 1.76706 3.06559e-05C1.35989 -0.00254638 1.25681 0.15723 1.24135 0.525747C1.15373 2.51007 1.04291 4.49181 0.944986 6.47613C0.731092 10.8726 0.501735 15.2664 0.313611 19.6628C0.254339 21.0854 0.303303 22.5105 0.303303 24C8.02669 23.6212 15.8403 23.2398 23.7157 22.8532C23.5379 15.2432 23.3627 7.69765 23.1848 0.090227ZM15.3944 20.6395L10.9645 14.2588L5.89548 20.052H3.08393L9.35902 11.9575L2.72314 4.06918L8.52406 3.48161L12.5288 8.77485L17.1597 3.48161H20.5588L14.7115 10.4989L21.0536 20.0494L15.397 20.637L15.3944 20.6395Z" />
2317      <path d="M7.17884 6.25193L16.1727 18.3692H18.023L8.04215 6.25193H7.17884Z" />
2318    </svg>
2319
2320  
2321</a>
2322      </li><li class="inline-block">
2323        <a
2324          target="_blank"
2325          aria-label="youtube (opens in a new tab)."
2326          href="https://www.youtube.com/@tonychocolonely"
2327          class="relative -m-2.5 block size-10 !outline-offset-[0rem]"
2328        >
2329
2330    <svg
2331      viewBox="0 0 24 24"
2332      fill="currentColor"
2333      xmlns="http://www.w3.org/2000/svg"
2334      class="absolute inset-0 size-5 m-auto"
2335      
2336    >
2337      <title>YouTube</title>
2338      <path d="M10.3845 15.5541C11.9884 14.2427 13.5548 12.9627 15.1708 11.6417C13.2454 10.838 11.3793 10.0584 9.46597 9.26068C9.77538 11.3831 10.0763 13.4438 10.3845 15.5541Z" />
2339      <path d="M23.6578 23.652C23.6518 22.9461 23.647 22.2415 23.6385 21.5356C23.6264 20.5119 23.6131 19.4882 23.5998 18.4657C23.5998 18.4464 23.5998 18.427 23.5998 18.4077C23.5611 17.3284 23.5225 16.249 23.485 15.1697C23.4644 14.5714 23.4451 13.9744 23.427 13.3761C23.4064 12.7005 23.3883 12.0261 23.3678 11.3504C23.3496 10.7231 23.3279 10.0971 23.311 9.46978C23.2904 8.73613 23.2723 8.00369 23.2517 7.27005C23.2348 6.6621 23.2118 6.05537 23.1949 5.44742C23.1732 4.66664 23.155 3.88465 23.1357 3.10265C23.1152 2.22518 23.0958 1.3465 23.0753 0.467817C23.0753 0.423097 23.0571 0.378378 23.0463 0.326406C22.9641 0.319154 22.8988 0.308277 22.8323 0.307068C21.9053 0.286521 20.9795 0.265974 20.0525 0.249053C18.8076 0.227298 17.5614 0.209168 16.3165 0.191038C15.659 0.181369 15.0015 0.192247 14.3453 0.165657C13.556 0.133024 12.7692 0.0580879 11.9799 0.02062C11.4312 -0.00234417 10.8801 7.31125e-05 10.3289 7.31125e-05C8.49302 0.00369904 6.65588 0.0085336 4.81996 0.0194114C3.42881 0.0278719 2.03767 0.0435842 0.64652 0.0580879C0.552246 0.0580879 0.459181 0.0762175 0.343151 0.0883039C0.34436 0.204333 0.339525 0.298607 0.34436 0.392881C0.358863 0.633401 0.380619 0.872712 0.395123 1.11323C0.422921 1.59427 0.445885 2.07652 0.476102 2.55756C0.524447 3.32625 0.583671 4.09495 0.625973 4.86485C0.67311 5.72178 0.708161 6.57871 0.742002 7.43563C0.767384 8.07138 0.798809 8.70833 0.7976 9.34528C0.796391 10.7461 0.764967 12.1457 0.764967 13.5465C0.764967 15.1117 0.783096 16.6757 0.801226 18.2409C0.813312 19.2453 0.839902 20.2484 0.858032 21.2528C0.866492 21.7169 0.866492 22.1798 0.879788 22.644C0.884622 22.8144 0.914838 22.9848 0.936594 23.183C1.10943 23.1697 1.26897 23.1468 1.42851 23.1492C2.54892 23.1588 3.66933 23.1733 4.78853 23.1879C5.00125 23.1903 5.21397 23.1951 5.42549 23.2096C6.10716 23.2567 6.78883 23.3172 7.47171 23.3583C8.26096 23.4054 9.0502 23.4392 9.83944 23.4755C10.6964 23.5154 11.5533 23.5553 12.4114 23.5915C13.336 23.6314 14.2607 23.6725 15.1865 23.7064C15.8416 23.7305 16.4978 23.7462 17.1541 23.7656C17.4152 23.7728 17.6751 23.7765 17.9361 23.7873C18.6976 23.8176 19.4578 23.8514 20.218 23.8816C20.8151 23.9058 21.4134 23.9251 22.0105 23.9481C22.3573 23.9614 22.703 23.9843 23.0499 23.9964C23.2409 24.0037 23.4318 23.9976 23.6554 23.9976C23.6554 23.8611 23.6554 23.7571 23.6554 23.6544L23.6578 23.652ZM20.2301 15.6677C20.1745 16.
23391016 20.0404 16.5403 19.8603 16.9404C19.5001 17.7393 18.8051 18.0789 17.9639 18.1381C14.2365 18.3992 10.5078 18.369 6.77916 18.1889C6.29812 18.1659 5.81467 18.0826 5.34692 17.9653C4.71964 17.8082 4.30387 17.384 4.05972 16.7833C3.72855 15.9698 3.69109 15.1117 3.63911 14.2548C3.53155 12.4865 3.53638 10.7183 3.7068 8.95489C3.75635 8.43639 3.85788 7.91425 4.01017 7.41629C4.30628 6.45663 5.01697 5.96592 5.99717 5.91274C7.8331 5.81364 9.67265 5.75079 11.6294 5.66739C13.5947 5.73991 15.676 5.79792 17.756 5.90066C19.2149 5.97197 19.9123 6.58717 20.1673 8.05083C20.3123 8.88358 20.3679 9.73568 20.4005 10.5817C20.4658 12.2799 20.4489 13.9804 20.2301 15.6677Z" />
2340    </svg>
2341
2342  
2343</a>
2344      </li></ul></div>
2345
2346        <div class="col-span-1 hidden has-[li]:block">
2347          <p class="mb-4 text-heading-3 font-bold lg:text-body-2--d">payment methods</p><ul class="flex flex-wrap gap-1"></ul>
2348</div>
2349
2350        <ul class="flex items-start gap-6"><li>
2351                <a
2352                  class="focus-visible:apply-focus inline-block"
2353                  href="https://www.bcorporation.net/en-us/"
2354                  target="_blank"
2355                  rel="noopener noreferrer"
2356                  aria-label="Certificate (opens in a new tab)."
2357                >
2358                  <img src="//tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&amp;width=48 48w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&amp;width=87 87w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&amp;width=96 96w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&amp;width=144 144w" width="781" height="1153" loading="lazy" class="object-contain max-h-16 w-12" sizes="48px"></a>
2359              </li><li>
2360                <a
2361                  class="focus-visible:apply-focus inline-block"
2362                  href="https://www.fairtrade.net/"
2363                  target="_blank"
2364                  rel="noopener noreferrer"
2365                  aria-label="Certificate (opens in a new tab)."
2366                >
2367                  <img src="//tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&amp;width=48 48w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&amp;width=87 87w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&amp;width=96 96w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&amp;width=144 144w" width="1200" height="1200" loading="lazy" class="object-contain max-h-16 w-12" sizes="48px"></a>
2368              </li></ul>
2369        <div class="relative col-span-2 h-full justify-end lg:col-span-2 lg:flex">
2370          <joke-generator
2371    class="lg:bottom-0 lg:absolute max-w-[18.5rem]"
2372    data-jokes="What does a shark say when he eats a clownfish?  Tastes a little funny!***What’s orange and sounds like a carrot?  A parrot.***What's an astronaut’s fav part on a computer?  The space bar."
2373  >
2374    <div class="clip-011_ lg:clip-0100 w-full bg-tonys-white px-8 pb-4 pt-7 lg:py-5"><p class="mb-8 hyphens-auto text-center text-heading-1 font-bold lg:text-body-1--d">
2375          Tony’s website footer joke generator..
2376        </p><div class="flex space-x-5"><img src="//tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954" alt="" srcset="//tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&amp;width=50 50w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&amp;width=90 90w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&amp;width=100 100w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&amp;width=150 150w" width="161" height="339" loading="lazy" class="object-contain w-[3.125rem] shrink-0" sizes="50px"><div class="flex flex-col justify-between gap-2.5">
2377          <div class="text-body-2--d font-semibold lg:text-body-3--d" data-target="joke-generator.joke">What does a shark say when he eats a clownfish?  Tastes a little funny!</div>
2378
2379<button
2380  type="button"
2381  class="group/btn apply-button block before:clip-0020 self-start"
2382  data-target="joke-generator.newJoke"
2383  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
2384>
2385  <div class="apply-button__text inline ">meh..</div>
2386</button>
2387
2388</div>
2389      </div>
2390    </div>
2391  </joke-generator>
2392        </div>
2393      </div>
2394    </div>
2395  </div>
2396</footer>
2397
2398
2399</div>
2400    </main-wrapper>
2401
2402    <section id="shopify-section-cart-drawer" class="shopify-section">
2403  <cart-drawer
2404    data-cart-container
2405    class="group/cart-drawer pointer-events-none fixed inset-0 z-[calc(var(--header-z-index)+1)] hidden data-[active]:pointer-events-auto"
2406    tabindex="0"
2407    role="dialog"
2408    aria-labelledby="cart-title"
2409    aria-modal="true"
2410  >
2411    <button
2412      type="button"
2413      data-target="cart-drawer.button-close"
2414      class="transition-stop-motion absolute inset-0 cursor-auto bg-black/20 opacity-0 group-data-[active]/cart-drawer:opacity-100"
2415      name="drawer-overlay"
2416      tabindex="-1"
2417      role="presentation"
2418    ></button>
2419    <div
2420      class="transition-stop-motion absolute bottom-0 right-0 isolate ml-auto flex size-full translate-x-full flex-col overflow-y-hidden bg-white group-data-[active]/cart-drawer:translate-x-0 lg:w-drawer-width-lg"
2421    >
2422      
2423<header
2424  class=" flex shrink-0 items-center overflow-x-clip px-4 py-5 lg:px-5 lg:py-6 "
2425>
2426  <cart-title class=" flex items-center">
2427    <p id="cart-title" class="text-body-1 font-bold lg:text-body-1--d">empty shopping bag
2428</p>
2429  </cart-title>
2430  
2431    <button
2432      class="relative ml-auto grid place-items-center before:absolute before:size-12 lg:before:hidden"
2433      data-target="cart-drawer.button-close"
2434      id="cart-drawer-close-btn"
2435    >
2436
2437    <svg
2438      viewBox="0 0 24 24"
2439      fill="currentColor"
2440      xmlns="http://www.w3.org/2000/svg"
2441      class="size-4"
2442      
2443    >
2444      <title>Close</title>
2445      <path d="M21.963 5.79798L19.1289 2.84848L12.2634 9.96768L4.87099 2L2.03696 4.86869L9.58905 12.5051L2.88317 19.301L5.46972 22L12.2634 15.2121L18.2907 21.798L21.5159 19.0101L14.9298 12.7475L21.963 5.79798Z" />
2446    </svg>
2447
2448  
2449</button>
2450  
2451</header><cart-form
2452  data-loading
2453  class="group/cart-form flex min-h-0 grow flex-col data-[loading]:pointer-events-none"
2454  data-section-id="cart-drawer"
2455>
2456  <p aria-live="polite" class="sr-only" data-target="cart-form.atcText"></p>
2457  <cart-items-wrapper
2458    class="grow overflow-auto pb-5 [--cart-items-scrollbar-width:0px] lg:pb-6"
2459    data-scroll-lock-scrollable
2460  >
2461    <cart-items class="flex min-h-full flex-col gap-4 lg:gap-5" role="list">
2462      
2463
2464        <template data-target="cart-items.upsell"></template>
2465  <template data-target="cart-items.greeting-cards"></template>
2466
2467        <div
2468          data-target="cart-items.empty"
2469          class="flex h-full grow items-center overflow-auto"
2470          data-scroll-lock-scrollable
2471        >
2472          <div class="flex w-full flex-col gap-20 overflow-hidden"></div>
2473        </div>
2474      </cart-items>
2475  </cart-items-wrapper>
2476
2477  
2478
2479    <template data-target="cart-form.footer"> </template>
2480    <p
2481      aria-live="polite"
2482      class="sr-only"
2483      data-target="cart-form.accessibilityText"
2484    ></p>
2485  <cart-update data-idle-loading> </cart-update>
2486</cart-form>
2487
2488    </div>
2489  </cart-drawer>
2490
2491
2492
2493</section>
2494    <div id="shopify-section-languages-drawer" class="shopify-section">
2494<script>
2495  window.ap.languages = [{"title":"Netherlands","country_code":"nl","country_default_locale":"nl","country_extra_locale":"en","country_url":"https:\/\/nl.tonyschocolonely.com\/","country_url_extra":"https:\/\/nl.tonyschocolonely.com\/en"},{"title":"United Kingdom","country_code":"gb","country_default_locale":"en","country_extra_locale":"","country_url":"https:\/\/uk.tonyschocolonely.com\/","country_url_extra":null},{"title":"United States of America","country_code":"us","country_default_locale":"en","country_extra_locale":"","country_url":"https:\/\/us.tonyschocolonely.com\/","country_url_extra":null},{"title":"Germany","country_code":"de","country_default_locale":"de","country_extra_locale":"","country_url":"https:\/\/de.tonyschocolonely.com\/","country_url_extra":null},{"title":"Belgium","country_code":"be","country_default_locale":"nl","country_extra_locale":"fr","country_url":"https:\/\/be.tonyschocolonely.com\/","country_url_extra":"https:\/\/be.tonyschocolonely.com\/fr"},{"title":"Austria","country_code":"at","country_default_locale":"de","country_extra_locale":"","country_url":"https:\/\/at.tonyschocolonely.com\/","country_url_extra":null},{"title":"Japan","country_code":"jp","country_default_locale":"ja","country_extra_locale":"en","country_url":"https:\/\/jp.tonyschocolonely.com","country_url_extra":"https:\/\/jp.tonyschocolonely.com\/en"},{"title":"Spain","country_code":"es","country_default_locale":"es","country_extra_locale":"","country_url":"https:\/\/es.tonyschocolonely.com","country_url_extra":null},{"title":"France","country_code":"fr","country_default_locale":"fr","country_extra_locale":"","country_url":"https:\/\/fr.tonyschocolonely.com","country_url_extra":null},{"title":"Finland","country_code":"fi","country_default_locale":"fi","country_extra_locale":"","country_url":"https:\/\/fi.tonyschocolonely.com","country_url_extra":null},{"title":"Denmark","country_code":"dk","country_default_locale":"da","country_extra_locale":"","country_url":"https:\/\/dk.tonyschocolonely.com","country_url_extra":null},{"title":"Norway","country_code":"no","country_default_locale":"no","country_extra_locale":"","country_url":"https:\/\/no.tonyschocolonely.com","country_url_extra":null},{"title":"Sweden","country_code":"se","country_default_locale":"sv","country_extra_locale":"","country_url":"https:\/\/se.tonyschocolonely.com","country_url_extra":null},{"title":"Somewhere else","country_code":"int","country_default_locale":"en","country_extra_locale":"es","country_url":"https:\/\/tonyschocolonely.com\/","country_url_extra":"https:\/\/tonyschocolonely.com\/es"}]
2496</script>
2496
2497
2498<languages-drawer
2499  class="group/languages-drawer pointer-events-none fixed inset-0 z-[calc(var(--header-z-index)+1)] hidden data-[active]:pointer-events-auto"
2500  data-section-id="languages-drawer"
2501  role="dialog"
2502  aria-modal="true"
2503  aria-label="choose your region"
2504  tabindex="0"
2505>
2506  <button
2507    type="button"
2508    data-target="languages-drawer.buttonClose"
2509    class="transition-stop-motion absolute inset-0 bg-black/20 opacity-0 group-data-[active]/languages-drawer:opacity-100"
2510    name="drawer-overlay"
2511    aria-label="close language drawer"
2512    tabindex="-1"
2513  ></button>
2514  <div
2515    class="transition-stop-motion absolute right-0 ml-auto block size-full translate-x-full overflow-y-hidden bg-white group-data-[active]/languages-drawer:translate-x-0 lg:w-drawer-width-lg"
2516  >
2517    <div class="flex h-full flex-col overflow-x-hidden overflow-y-scroll scrollbar-hide" data-scroll-lock-scrollable>
2518      <div
2519        class=" flex shrink-0 items-center overflow-x-clip px-4 py-5 lg:px-5 lg:py-6 "
2520      >
2521        <span class="text-heading-2 font-bold lg:text-[1.825rem]" aria-hidden="true">choose your region</span>
2522        <button
2523          class="relative ml-auto grid place-items-center before:absolute before:size-12 lg:before:hidden"
2524          data-target="languages-drawer.buttonClose"
2525          aria-label="close language drawer"
2526          id="languages-drawer-close-btn"
2527        >
2528
2529    <svg
2530      viewBox="0 0 24 24"
2531      fill="currentColor"
2532      xmlns="http://www.w3.org/2000/svg"
2533      class="size-4 lg:size-5"
2534      
2535    >
2536      <title>Close</title>
2537      <path d="M21.963 5.79798L19.1289 2.84848L12.2634 9.96768L4.87099 2L2.03696 4.86869L9.58905 12.5051L2.88317 19.301L5.46972 22L12.2634 15.2121L18.2907 21.798L21.5159 19.0101L14.9298 12.7475L21.963 5.79798Z" />
2538    </svg>
2539
2540  
2541</button>
2542      </div><ul class="my-6 space-y-2 pl-4 pr-3 lg:px-5" role="menu">
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555
2556
2557<li><button
2558  class="group peer flex w-full items-center justify-between"
2559  tabindex="0"
2560  type="button" data-target="languages-drawer.buttonLanguage" role="menuitem"
2561  
2562    aria-label="Open Netherlands market available languages accordion."
2563    aria-expanded="false"
2564    aria-controls="Netherlands"
2565  
2566>
2567  <div class="flex items-center space-x-2">
2568    <svg class="size-8 " viewBox="0 0 18 16">
2569      <g class="group-hover:hidden block">
2570        <path fill="#fff" d="m0 .5 18 .6-.3 13.8-17.1.5z" />
2571        <path fill="#d91f26" d="M1.6 1.7v4.2l15.2.1V2.3z" />
2572        <path fill="#3053a4" d="M1.7 10v3.9l15.1-.4V10z" />
2573        <path fill="#fff" d="m1.6 5.9.1 4.1h15.1V6z" />
2574      </g>
2575      <g class="hidden group-hover:block">
2576        <path fill="#fff" d="M0 .5 18 0l-.3 16-17.1-.5z" />
2577        <path fill="#d91f26" d="M1.4 1.6v4.3l15.2-.1V1.5z" />
2578        <path fill="#3053a4" d="M1.5 10.1V14l15.1.4v-4z" />
2579        <path fill="#fff" d="m1.4 5.9.1 4.2 15.1.3V5.8z" />
2580      </g>
2581    </svg>
2582  
2583<span class="text-left text-body-1--d font-bold" aria-hidden="true">Netherlands</span>
2584  </div>
2585
2586    <svg
2587      viewBox="0 0 24 24"
2588      fill="currentColor"
2589      xmlns="http://www.w3.org/2000/svg"
2590      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 block group-data-[open]:hidden"
2591      role="presentation"
2592    >
2593      <title>Arrow left</title>
2594      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
2595    </svg>
2596
2597  
2598
2599
2600    <svg
2601      viewBox="0 0 24 24"
2602      fill="currentColor"
2603      xmlns="http://www.w3.org/2000/svg"
2604      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 hidden group-data-[open]:block"
2605      role="presentation"
2606    >
2607      <title>Arrow down</title>
2608      <path d="M24 8.71264L20.1818 3.33333L11.4545 13.4943L2.18182 5.72413L0 7.51724L11.4545 20.6667L24 8.71264Z" />
2609    </svg>
2610
2611  
2612</button><div id="Netherlands" class="mt-0.5 hidden flex-col space-y-1.5 pl-12 peer-data-[open]:flex"><a
2613      class="group flex space-x-2.5"
2614      href="https://nl.tonyschocolonely.com/"
2615      aria-label="
2616        Go to Netherlands market with Dutch localization.
2617      "
2618      tabindex="0"
2619    >
2620
2621    <svg
2622      viewBox="0 0 24 24"
2623      fill="currentColor"
2624      xmlns="http://www.w3.org/2000/svg"
2625      class="shrink-0 size-6 group-hover:-translate-x-1/4"
2626      
2627    >
2628      <title>Submit</title>
2629      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2630    </svg>
2631
2632  
2633<span class="text-body-1--d" aria-hidden="true">Dutch</span>
2634    </a>
2635    <a
2636      class="group flex space-x-2.5"
2637      href="https://nl.tonyschocolonely.com/en"
2638      aria-label="Go to Netherlands market with English localization."
2639      tabindex="0"
2640    >
2641
2642    <svg
2643      viewBox="0 0 24 24"
2644      fill="currentColor"
2645      xmlns="http://www.w3.org/2000/svg"
2646      class="shrink-0 size-6 group-hover:-translate-x-1/4"
2647      
2648    >
2649      <title>Submit</title>
2650      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2651    </svg>
2652
2653  
2654<span class="text-body-1--d" aria-hidden="true">English</span>
2655    </a>
2656  </div></li>
2657<li><a
2658  class="group peer flex w-full items-center justify-between"
2659  tabindex="0"
2660  href="https://uk.tonyschocolonely.com/"
2661  
2662    aria-label="Go to United Kingdom market."
2663  
2664>
2665  <div class="flex items-center space-x-2">
2666    <svg class="size-8 " viewBox="0 0 18 16">
2667      <g class="group-hover:hidden block">
2668        <path fill="#fff" d="m0 .5 17.8.1-.2 15.2L.3 15z" />
2669        <path fill="#fff" d="m16.8 2.1-.3 11.6-14.8-.2V1.7z" />
2670        <path fill="#d91f26" d="m10.6 13.6-2.9-.1.1-11.7 2.5.1z" />
2671        <path fill="#d91f26" d="M16.7 6.5v2.4l-15.1.2V6.3zM16.8 2.1v1.1l-4.3 2.6H11v-.7L15.2 2z" />
2672        <path fill="#3053a4" d="m16.7 4.3-2.1 1.2 2.1.1zM13.6 2l-2.4 1.7V1.9z" />
2673        <path fill="#d91f26" d="M6.8 5v.6H5.5L1.7 3.2V1.6h1.1zM11.5 9.6l.9.1 4.2 3.1v.9h-1.4l-3.7-2.8zM6.9 9.7l.1.9-3.6 2.9H1.7l.1-1.1 3.9-2.8z" />
2674        <path fill="#3053a4" d="m7 1.8-.1 1.9-2.2-2zM1.7 4.5l2.2 1.1H1.7zM1.6 9.8h2.7l-2.6 1.4zM6.9 11.7l-.1 1.9H5.1zM11.4 11.8l.1 1.8 1.7.1zM16.6 11.7l-2.9-2.1 3-.1z" />
2675      </g>
2676      <g class="hidden group-hover:block">
2677        <path fill="#fff" d="M0 1.1 18 0l-.6 16L.9 14.9z" />
2678        <path fill="#fff" d="m16.9 1.8-.6 12-14.2-.2-.5-11.4z" />
2679        <path fill="#d91f26" d="M10.3 13.7H7.5V2l2.5-.1z" />
2680        <path fill="#d91f26" d="M16.7 6.5 16.6 9l-14.8.5-.1-2.7zM16.9 1.8V3l-4.7 3h-1.4v-.7l4.3-3.5z" />
2681        <path fill="#3053a4" d="m16.8 4.2-2.3 1.4h2.2zM13.4 1.9 11 3.8V1.9z" />
2682        <path fill="#d91f26" d="m6.5 5.3.1.6-1.2.1-3.7-2.3-.1-1.6h1zM11.2 9.9h1l4.1 3.1v.8h-1.4l-3.7-2.7zM6.8 10v.9l-3.2 2.7H2l.1-1L5.7 10z" />
2683        <path fill="#3053a4" d="M6.7 2v1.9L4.5 2zM1.7 5l2.1 1-2 .1zM1.9 10.2l2.4-.1L2 11.5zM6.8 12l-.1 1.7H5.1zM11.1 12l.1 1.8h1.7zM16.4 11.9l-2.9-2.1 3-.2z" />
2684      </g>
2685    </svg>
2686  
2687<span class="text-left text-body-1--d font-bold" aria-hidden="true">United Kingdom</span>
2688  </div>
2689
2690    <svg
2691      viewBox="0 0 24 24"
2692      fill="currentColor"
2693      xmlns="http://www.w3.org/2000/svg"
2694      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
2695      role="presentation"
2696    >
2697      <title>Submit</title>
2698      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2699    </svg>
2700
2701  
2702</a></li>
2703<li><a
2704  class="group peer flex w-full items-center justify-between"
2705  tabindex="0"
2706  href="https://us.tonyschocolonely.com/"
2707  
2708    aria-label="Go to United States of America market."
2709  
2710>
2711  <div class="flex items-center space-x-2">
2712    <svg class="size-8 " viewBox="0 0 18 16">
2713      <g class="block group-hover:hidden">
2714        <path fill="#fff" d="M0 .2c.3.2 18 .9 18 .9L17.4 16 1 15.5Z" />
2715        <path fill="#fff" d="M1.3 2.1 2 14.2l14.2-.3.4-11.4z" />
2716        <path fill="#d91f26" d="M8.4 2.2v1.4l8.2.1.1-1.3zM8.2 4.8l-.1 1.4 8.4.1.1-1.4zM1.6 7.2v1.3l14.8.2.1-1.3zM1.7 9.7l.1 1.7 14.5-.1.1-1.4zM1.9 12.7v1.5l14.3-.3.1-1.2z" />
2717        <path fill="#3053a4" d="m1.3 1.8.3 6 6.6.2.5-5.9z" />
2718      </g>
2719      <g class="hidden group-hover:block">
2720        <path fill="#fff" d="m.3.2 17 .6-.2 14.8H.1Z" />
2721        <path fill="#fff" d="M1.4 1.9 1.3 14l14.5-.6L16 2z" />
2722        <path fill="#d91f26" d="m8.2 1.9-.1 1.3H16V1.9zM7.9 5.7H16V4.4l-8.1-.1zM1.3 8.1h14.5l.1-1.4-14.5.1zM1.2 11.1l14.6-.4.1-1.5-14.6.2zM1.2 14.1l14.6-.7.1-1.3-14.7.3z" />
2723        <path fill="#3053a4" d="m1.5 1.6-.2 5.9h6.5l.7-5.7z" />
2724      </g>
2725    </svg>
2726
2727  
2728<span class="text-left text-body-1--d font-bold" aria-hidden="true">United States of America</span>
2729  </div>
2730
2731    <svg
2732      viewBox="0 0 24 24"
2733      fill="currentColor"
2734      xmlns="http://www.w3.org/2000/svg"
2735      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
2736      role="presentation"
2737    >
2738      <title>Submit</title>
2739      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2740    </svg>
2741
2742  
2743</a></li>
2744<li><a
2745  class="group peer flex w-full items-center justify-between"
2746  tabindex="0"
2747  href="https://de.tonyschocolonely.com/"
2748  
2749    aria-label="Go to Germany market."
2750  
2751>
2752  <div class="flex items-center space-x-2">
2753    <svg class="size-8 " viewBox="0 0 18 16">
2754      <g class="group-hover:hidden block">
2755        <path fill="#fff" d="m0 1.1.1 14.5 17.6-.2L18 .3z" />
2756        <path fill="#d91f26" d="m1.2 2 .3 11 14.8-.2.2-11.1z" />
2757        <path d="m1.2 2 .1 3.9 15.1.4.2-4.7z" />
2758        <path fill="#ffe200" d="m1.3 9.7-.1 4 15.3.3-.1-4.3z" />
2759      </g>
2760      <g class="hidden group-hover:block">
2761        <path fill="#fff" d="m0 1.1.6 14.5 16.8-.5.6-14z" />
2762        <path fill="#d91f26" d="m1.3 2.1.6 11 14.2-.3.4-10.4z" />
2763        <path d="m1.3 2.1.2 4 14.9.7.2-4.4z" />
2764        <path fill="#ffe200" d="M1.6 9.9v3.8l14.7.1V10z" />
2765      </g>
2766    </svg>
2767  
2768<span class="text-left text-body-1--d font-bold" aria-hidden="true">Germany</span>
2769  </div>
2770
2771    <svg
2772      viewBox="0 0 24 24"
2773      fill="currentColor"
2774      xmlns="http://www.w3.org/2000/svg"
2775      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
2776      role="presentation"
2777    >
2778      <title>Submit</title>
2779      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2780    </svg>
2781
2782  
2783</a></li>
2784<li><button
2785  class="group peer flex w-full items-center justify-between"
2786  tabindex="0"
2787  type="button" data-target="languages-drawer.buttonLanguage" role="menuitem"
2788  
2789    aria-label="Open Belgium market available languages accordion."
2790    aria-expanded="false"
2791    aria-controls="Belgium"
2792  
2793>
2794  <div class="flex items-center space-x-2">
2795    <svg class="size-8 " viewBox="0 0 18 16">
2796      <g class="group-hover:hidden block">
2797        <path fill="#fff" d="m0 .5 18-.2v14.9l-17.7.1z" />
2798        <path fill="#ffe200" d="m1.4 2 .2 11.7 14.6.7.6-12.6z" />
2799        <path d="m1.6 13.7 4.3.2L6.3 2H1.4z" />
2800        <path fill="#d91f26" d="m11 14.3 5.7.2V1.7l-5.2.2z" />
2801      </g>
2802      <g class="hidden group-hover:block">
2803        <path fill="#fff" d="m0 .6 18 .7v13.4L.9 16z" />
2804        <path fill="#ffe200" d="m1.7 2.2.6 12.1 14.2-.3.4-11.4z" />
2805        <path d="m2.3 14.3 4.6-.1L7 2.4l-5.3-.2z" />
2806        <path fill="#d91f26" d="m11.8 14.3 5.1-.2V2.6l-4.7-.1z" />
2807      </g>
2808    </svg>
2809  
2810<span class="text-left text-body-1--d font-bold" aria-hidden="true">Belgium</span>
2811  </div>
2812
2813    <svg
2814      viewBox="0 0 24 24"
2815      fill="currentColor"
2816      xmlns="http://www.w3.org/2000/svg"
2817      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 block group-data-[open]:hidden"
2818      role="presentation"
2819    >
2820      <title>Arrow left</title>
2821      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
2822    </svg>
2823
2824  
2825
2826
2827    <svg
2828      viewBox="0 0 24 24"
2829      fill="currentColor"
2830      xmlns="http://www.w3.org/2000/svg"
2831      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 hidden group-data-[open]:block"
2832      role="presentation"
2833    >
2834      <title>Arrow down</title>
2835      <path d="M24 8.71264L20.1818 3.33333L11.4545 13.4943L2.18182 5.72413L0 7.51724L11.4545 20.6667L24 8.71264Z" />
2836    </svg>
2837
2838  
2839</button><div id="Belgium" class="mt-0.5 hidden flex-col space-y-1.5 pl-12 peer-data-[open]:flex"><a
2840      class="group flex space-x-2.5"
2841      href="https://be.tonyschocolonely.com/"
2842      aria-label="
2843        Go to Belgium market with Dutch localization.
2844      "
2845      tabindex="0"
2846    >
2847
2848    <svg
2849      viewBox="0 0 24 24"
2850      fill="currentColor"
2851      xmlns="http://www.w3.org/2000/svg"
2852      class="shrink-0 size-6 group-hover:-translate-x-1/4"
2853      
2854    >
2855      <title>Submit</title>
2856      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2857    </svg>
2858
2859  
2860<span class="text-body-1--d" aria-hidden="true">Dutch</span>
2861    </a>
2862    <a
2863      class="group flex space-x-2.5"
2864      href="https://be.tonyschocolonely.com/fr"
2865      aria-label="Go to Belgium market with French localization."
2866      tabindex="0"
2867    >
2868
2869    <svg
2870      viewBox="0 0 24 24"
2871      fill="currentColor"
2872      xmlns="http://www.w3.org/2000/svg"
2873      class="shrink-0 size-6 group-hover:-translate-x-1/4"
2874      
2875    >
2876      <title>Submit</title>
2877      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2878    </svg>
2879
2880  
2881<span class="text-body-1--d" aria-hidden="true">French</span>
2882    </a>
2883  </div></li>
2884<li><a
2885  class="group peer flex w-full items-center justify-between"
2886  tabindex="0"
2887  href="https://at.tonyschocolonely.com/"
2888  
2889    aria-label="Go to Austria market."
2890  
2891>
2892  <div class="flex items-center space-x-2">
2893    <svg class="size-8 " viewBox="0 0 18 16">
2894      <g class="group-hover:hidden block">
2895        <path fill="#fff" d="m0 .5 18 .6-.3 13.8-17.1.6z" />
2896        <path fill="#d91f26" d="M1.6 1.7v4.2l15.2.1V2.3zM1.7 10v3.9l15.1-.3v-3.5z" />
2897        <path fill="#fff" d="m1.6 5.9.1 4.1 15.1.1V6z" />
2898      </g>
2899      <g class="hidden group-hover:block">
2900        <path fill="#fff" d="M0 .5 18 0l-.3 16-17.1-.6z" />
2901        <path fill="#d91f26" d="M1.4 1.6v4.3l15.2-.2V1.5zM1.5 10v4l15.1.4v-4z" />
2902        <path fill="#fff" d="m1.4 5.9.1 4.1 15.1.4V5.7z" />
2903      </g>
2904    </svg>
2905  
2906<span class="text-left text-body-1--d font-bold" aria-hidden="true">Austria</span>
2907  </div>
2908
2909    <svg
2910      viewBox="0 0 24 24"
2911      fill="currentColor"
2912      xmlns="http://www.w3.org/2000/svg"
2913      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
2914      role="presentation"
2915    >
2916      <title>Submit</title>
2917      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2918    </svg>
2919
2920  
2921</a></li>
2922<li><button
2923  class="group peer flex w-full items-center justify-between"
2924  tabindex="0"
2925  type="button" data-target="languages-drawer.buttonLanguage" role="menuitem"
2926  
2927    aria-label="Open Japan market available languages accordion."
2928    aria-expanded="false"
2929    aria-controls="Japan"
2930  
2931>
2932  <div class="flex items-center space-x-2">
2933    <svg class="size-8 " viewBox="0 0 18 16">
2934      <g class="group-hover:hidden block">
2935        <path fill="#fff" stroke="#ccc" stroke-width=".2" d="m.5 15.2 17 .2L16.7.6H1.1z" />
2936        <path fill="#ce2030" d="M12.3 8.2a3.3 3.3 0 0 0-3.4-3.7A3.3 3.3 0 0 0 5.4 8c.2 2.2 1.5 3.5 3.5 3.5a3.4 3.4 0 0 0 3.4-3.3" />
2937      </g>
2938      <g class="hidden group-hover:block">
2939        <path fill="#fff" stroke="#ccc" stroke-width=".2" d="m.4 15.3 17.1-.7.2-14.5L.2.4z" />
2940        <path fill="#ce2030" d="M5.4 7.8a3.4 3.4 0 0 0 3.4 3.7A3.5 3.5 0 0 0 12.4 8c-.3-2.2-1.6-3.5-3.6-3.5a3.3 3.3 0 0 0-3.4 3.3" />
2941      </g>
2942    </svg>
2943  
2944<span class="text-left text-body-1--d font-bold" aria-hidden="true">Japan</span>
2945  </div>
2946
2947    <svg
2948      viewBox="0 0 24 24"
2949      fill="currentColor"
2950      xmlns="http://www.w3.org/2000/svg"
2951      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 block group-data-[open]:hidden"
2952      role="presentation"
2953    >
2954      <title>Arrow left</title>
2955      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
2956    </svg>
2957
2958  
2959
2960
2961    <svg
2962      viewBox="0 0 24 24"
2963      fill="currentColor"
2964      xmlns="http://www.w3.org/2000/svg"
2965      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 hidden group-data-[open]:block"
2966      role="presentation"
2967    >
2968      <title>Arrow down</title>
2969      <path d="M24 8.71264L20.1818 3.33333L11.4545 13.4943L2.18182 5.72413L0 7.51724L11.4545 20.6667L24 8.71264Z" />
2970    </svg>
2971
2972  
2973</button><div id="Japan" class="mt-0.5 hidden flex-col space-y-1.5 pl-12 peer-data-[open]:flex"><a
2974      class="group flex space-x-2.5"
2975      href="https://jp.tonyschocolonely.com"
2976      aria-label="
2977        Go to Japan market with Japanese localization.
2978      "
2979      tabindex="0"
2980    >
2981
2982    <svg
2983      viewBox="0 0 24 24"
2984      fill="currentColor"
2985      xmlns="http://www.w3.org/2000/svg"
2986      class="shrink-0 size-6 group-hover:-translate-x-1/4"
2987      
2988    >
2989      <title>Submit</title>
2990      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
2991    </svg>
2992
2993  
2994<span class="text-body-1--d" aria-hidden="true">
2994Japanese</span>
2995    </a>
2996    <a
2997      class="group flex space-x-2.5"
2998      href="https://jp.tonyschocolonely.com/en"
2999      aria-label="Go to Japan market with English localization."
3000      tabindex="0"
3001    >
3002
3003    <svg
3004      viewBox="0 0 24 24"
3005      fill="currentColor"
3006      xmlns="http://www.w3.org/2000/svg"
3007      class="shrink-0 size-6 group-hover:-translate-x-1/4"
3008      
3009    >
3010      <title>Submit</title>
3011      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3012    </svg>
3013
3014  
3015<span class="text-body-1--d" aria-hidden="true">English</span>
3016    </a>
3017  </div></li>
3018<li><a
3019  class="group peer flex w-full items-center justify-between"
3020  tabindex="0"
3021  href="https://es.tonyschocolonely.com"
3022  
3023    aria-label="Go to Spain market."
3024  
3025>
3026  <div class="flex items-center space-x-2">
3027    <svg class="size-8 " viewBox="0 0 18 16">
3028      <g class="group-hover:hidden block">
3029        <path fill="#fff" d="M18 .5 0 1.1l.3 13.8 17 .6z" />
3030        <path fill="#d91f26" d="M16.4 1.7v3l-15.2.6v-3zM16.3 11.3v2.6l-15.1-.3v-2.3z" />
3031        <path fill="#ffe000" d="m16.4 4.7-.1 6.6H1.2v-6z" />
3032      </g>
3033      <g class="hidden group-hover:block">
3034        <path fill="#fff" d="M18 .5 0 .1l.3 15.8 17.1-.4z" />
3035        <path fill="#d91f26" d="M16.4 1.7v3l-15.2.2V1.3zM16.3 11.3v2.6l-15.1.7v-3.3z" />
3036        <path fill="#ffe000" d="m16.4 4.5-.1 7-15.1-.2V4.9z" />
3037      </g>
3038    </svg>
3039
3040  
3041<span class="text-left text-body-1--d font-bold" aria-hidden="true">Spain</span>
3042  </div>
3043
3044    <svg
3045      viewBox="0 0 24 24"
3046      fill="currentColor"
3047      xmlns="http://www.w3.org/2000/svg"
3048      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3049      role="presentation"
3050    >
3051      <title>Submit</title>
3052      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3053    </svg>
3054
3055  
3056</a></li>
3057<li><a
3058  class="group peer flex w-full items-center justify-between"
3059  tabindex="0"
3060  href="https://fr.tonyschocolonely.com"
3061  
3062    aria-label="Go to France market."
3063  
3064>
3065  <div class="flex items-center space-x-2">
3066    <svg class="size-8 " viewBox="0 0 18 16">
3067      <g class="group-hover:hidden block">
3068        <path fill="#fff" d="m0 .5 18-.2v14.9l-17.7.1z" />
3069        <path fill="#fff" d="m1.4 2 .2 11.7 14.6.7.6-12.6z" />
3070        <path fill="#3053a4" d="m1.6 13.7 4.3.2L6.3 2H1.4z" />
3071        <path fill="#d91f26" d="m11 14.3 5.7.2V1.7l-5.2.2z" />
3072      </g>
3073      <g class="hidden group-hover:block">
3074        <path fill="#fff" d="m0 .6 18 .7v13.4L.9 16z" />
3075        <path fill="#fff" d="m1.7 2.2.6 12.1 14.2-.3.4-11.4z" />
3076        <path fill="#3053a4" d="m2.3 14.3 4.6-.1L7 2.4l-5.3-.2z" />
3077        <path fill="#d91f26" d="m11.8 14.3 5.1-.2V2.6l-4.7-.1z" />
3078      </g>
3079    </svg>
3080  
3081<span class="text-left text-body-1--d font-bold" aria-hidden="true">France</span>
3082  </div>
3083
3084    <svg
3085      viewBox="0 0 24 24"
3086      fill="currentColor"
3087      xmlns="http://www.w3.org/2000/svg"
3088      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3089      role="presentation"
3090    >
3091      <title>Submit</title>
3092      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3093    </svg>
3094
3095  
3096</a></li>
3097<li><a
3098  class="group peer flex w-full items-center justify-between"
3099  tabindex="0"
3100  href="https://fi.tonyschocolonely.com"
3101  
3102    aria-label="Go to Finland market."
3103  
3104>
3105  <div class="flex items-center space-x-2">
3106    <svg class="size-8 " viewBox="0 0 18 16">
3107      <g class="group-hover:hidden block">
3108        <path fill="#fff" d="M.4 16 .3.6 17.7.2l-.4 15.5z" />
3109        <path fill="#fff" d="m16.4 14.7.8-13.1-15.5.5.3 13.1z" />
3110        <path fill="#3053a4" d="M9.3 1.9H6.2l.2 13.2 2.3-.1z" />
3111        <path fill="#3053a4" d="m16.7 10 .2-2.7H1.7l.1 3z" />
3112      </g>
3113      <g class="hidden group-hover:block">
3114        <path fill="#fff" d="M0 14.5 1 1.4l15.7-.3L18 15.4z" />
3115        <path fill="#fff" d="m16.8 14.3-.6-12.1L2 2.5l-.4 11.4z" />
3116        <path fill="#3053a4" d="M8.7 2.3 6 2.4V14l2.4.1z" />
3117        <path fill="#3053a4" d="M16.6 9.5 16.5 7 1.8 6.6l-.1 2.6z" />
3118      </g>
3119    </svg>
3120  
3121<span class="text-left text-body-1--d font-bold" aria-hidden="true">Finland</span>
3122  </div>
3123
3124    <svg
3125      viewBox="0 0 24 24"
3126      fill="currentColor"
3127      xmlns="http://www.w3.org/2000/svg"
3128      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3129      role="presentation"
3130    >
3131      <title>Submit</title>
3132      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3133    </svg>
3134
3135  
3136</a></li>
3137<li><a
3138  class="group peer flex w-full items-center justify-between"
3139  tabindex="0"
3140  href="https://dk.tonyschocolonely.com"
3141  
3142    aria-label="Go to Denmark market."
3143  
3144>
3145  <div class="flex items-center space-x-2">
3146    <svg class="size-8 " viewBox="0 0 18 16">
3147      <g class="group-hover:hidden block">
3148        <path fill="#fff" d="M.3 15.8 18 16 17.2.5H.9z" />
3149        <path fill="#d91f26" d="m16.8 14-.6-12.1L2 2.3l-.3 12.5z" />
3150        <path fill="#fff" d="M9 2.1H6.2l.1 12.5 2.5-.1z" />
3151        <path fill="#fff" d="m16.6 9.3-.2-2.5H1.8l-.1 3z" />
3152      </g>
3153      <g class="hidden group-hover:block">
3154        <path fill="#fff" d="M0 14.3 18 16 17.1.5H.8z" />
3155        <path fill="#d91f26" d="M16.6 13.9 16 1.8l-14.2.3-.5 11.4z" />
3156        <path fill="#fff" d="M8.5 2H5.8v11.7h2.4z" />
3157        <path fill="#fff" d="m16.4 9.2-.1-2.5-14.8-.5-.1 2.7z" />
3158      </g>
3159    </svg>
3160  
3161<span class="text-left text-body-1--d font-bold" aria-hidden="true">Denmark</span>
3162  </div>
3163
3164    <svg
3165      viewBox="0 0 24 24"
3166      fill="currentColor"
3167      xmlns="http://www.w3.org/2000/svg"
3168      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3169      role="presentation"
3170    >
3171      <title>Submit</title>
3172      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3173    </svg>
3174
3175  
3176</a></li>
3177<li><a
3178  class="group peer flex w-full items-center justify-between"
3179  tabindex="0"
3180  href="https://no.tonyschocolonely.com"
3181  
3182    aria-label="Go to Norway market."
3183  
3184>
3185  <div class="flex items-center space-x-2">
3186    <svg class="size-8 " viewBox="0 0 18 16">
3187      <g class="group-hover:hidden block">
3188        <path fill="#fff" d="m.2 15.5 17.7.2L17.1.3H.8z" />
3189        <path fill="#d91f26" d="m16.7 13.8-.6-12.2L1.9 2l-.3 12.5z" />
3190        <path fill="#fff" d="m8.9 1.6-2.8.3.2 12.4 2.4-.1z" />
3191        <path fill="#fff" d="m16.5 9-.2-2.5H1.7v3z" />
3192        <path fill="#036" d="M8.3 1.8 7 1.9l.3 12.4h.8z" />
3193        <path fill="#036" d="M16.4 8.3V7.1l-14.8.5-.1.9z" />
3194      </g>
3195      <g class="hidden group-hover:block">
3196        <path fill="#fff" d="m0 14 18 1.7L17.1.3H.8z" />
3197        <path fill="#d91f26" d="M16.6 13.7 16 1.6l-14.2.2-.5 11.4z" />
3198        <path fill="#fff" d="M8.6 1.6H5.8v11.8l2.4.2z" />
3199        <path fill="#fff" d="m16.4 8.9-.1-2.5-14.8-.5-.1 2.7z" />
3200        <path fill="#036" d="M7.8 1.7H6.6l.1 11.8h.9z" />
3201        <path fill="#036" d="m16.5 8.5-.1-1.4-14.8-.5L1.5 8z" />
3202      </g>
3203    </svg>
3204  
3205<span class="text-left text-body-1--d font-bold" aria-hidden="true">Norway</span>
3206  </div>
3207
3208    <svg
3209      viewBox="0 0 24 24"
3210      fill="currentColor"
3211      xmlns="http://www.w3.org/2000/svg"
3212      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3213      role="presentation"
3214    >
3215      <title>Submit</title>
3216      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3217    </svg>
3218
3219  
3220</a></li>
3221<li><a
3222  class="group peer flex w-full items-center justify-between"
3223  tabindex="0"
3224  href="https://se.tonyschocolonely.com"
3225  
3226    aria-label="Go to Sweden market."
3227  
3228>
3229  <div class="flex items-center space-x-2">
3230    <svg class="size-8 " viewBox="0 0 18 16">
3231      <g class="group-hover:hidden block">
3232        <path fill="#fff" d="M.4 16 .3.6 17.8.3l-.5 15.4z" />
3233        <path fill="#3053a4" d="m16.5 14.7.7-13.1-15.5.5.4 13.1z" />
3234        <path fill="#ffe200" d="M9.3 1.9H6.2l.2 13.2 2.3-.1z" />
3235        <path fill="#ffe200" d="m16.8 10 .1-2.7H1.8l.1 3z" />
3236      </g>
3237      <g class="hidden group-hover:block">
3238        <path fill="#fff" d="M0 14.2 1 1 16.7.8 18 15.1z" />
3239        <path fill="#3053a4" d="m16.9 13.9-.6-12-14.2.2-.4 11.4z" />
3240        <path fill="#ffe200" d="M8.8 2H6v11.7l2.5.1z" />
3241        <path fill="#ffe200" d="m16.7 9.2-.1-2.5-14.7-.5-.1 2.7z" />
3242      </g>
3243    </svg>
3244  
3245<span class="text-left text-body-1--d font-bold" aria-hidden="true">Sweden</span>
3246  </div>
3247
3248    <svg
3249      viewBox="0 0 24 24"
3250      fill="currentColor"
3251      xmlns="http://www.w3.org/2000/svg"
3252      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5"
3253      role="presentation"
3254    >
3255      <title>Submit</title>
3256      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3257    </svg>
3258
3259  
3260</a></li>
3261<li><button
3262  class="group peer flex w-full items-center justify-between"
3263  tabindex="0"
3264  type="button" data-target="languages-drawer.buttonLanguage" role="menuitem"
3265  
3266    aria-label="Open Somewhere else market available languages accordion."
3267    aria-expanded="false"
3268    aria-controls="Somewhere else"
3269  
3270>
3271  <div class="flex items-center space-x-2">
3272    <svg class="size-8 " viewBox="0 0 18 16">
3273      <g class="group-hover:hidden block">
3274        <path fill="#fff" d="M16.3 8.9c.9-3.7-2.1-7.1-4.6-8s-6.7.3-8 1.6S1 7.4 1.3 10.3s4.6 4.7 7 5.1 5.8-1.5 6.5-2.3.6-.5 1.5-4.2" />
3275        <path fill="#3053a4" d="M13.5 12.4c2.5-2 2.3-5.9 1.1-7.8S9.8 1.2 8.3 1.4a9.8 9.8 0 0 0-5.8 4.1c-1.3 2.2.7 5.7 2 7.2s4.8 2 5.7 1.8.7 0 3.3-2.1" />
3276        <path fill="#fff" d="m10 1.6-.7.6-1.5-.3-1.4 1.6.9.3 1-.8 1 1.1h1.6v1.3L6.4 4.3 4.6 7.5l2.5 1 .9-.6.4 5.6 1.5-.4 3-4.9h-1l-.8-2 1.1 1.4 1.4-.8-1.3-1.7 2.6.9a4.9 4.9 0 0 0-1.3-2.7A11.4 11.4 0 0 0 10 1.6" />
3277      </g>
3278      <g class="hidden group-hover:block">
3279        <path fill="#fff" d="M8.9.6C5.1.2 2.1 3.5 1.5 6.1s1.1 6.7 2.6 7.8 5.2 2 8.1 1.3 4.1-5.1 4.2-7.5-2.3-5.6-3.1-6.1-.7-.6-4.4-1" />
3280        <path fill="#3053a4" d="M8.9 1.5C5.7 1.2 3 4.1 2.6 6.3A8.6 8.6 0 0 0 4.7 13c1.2 1 4.5 1.8 7 1.2s3.5-4.5 3.6-6.5-1.9-4.8-2.6-5.3-.6-.5-3.8-.9" />
3281        <path fill="#fff" d="m9.3 1.5-.7.7L7.2 2 5.9 3.7l1 .3.9-1 1.1 1h1.6v1.1L6 4.5 4.6 8l2.6.6.8-.7 1.1 5.5 1.4-.5L13 7.6l-1 .2-1.1-1.9 1.3 1.2 1.3-.9L12 4.7l2.7.6a5.1 5.1 0 0 0-1.6-2.6 10.5 10.5 0 0 0-3.8-1.2" />
3282      </g>
3283    </svg>
3284
3285  
3286<span class="text-left text-body-1--d font-bold" aria-hidden="true">Somewhere else</span>
3287  </div>
3288
3289    <svg
3290      viewBox="0 0 24 24"
3291      fill="currentColor"
3292      xmlns="http://www.w3.org/2000/svg"
3293      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 block group-data-[open]:hidden"
3294      role="presentation"
3295    >
3296      <title>Arrow left</title>
3297      <path d="M15.2873 24L20.6667 20.1818L10.5057 11.4545L18.2758 2.18182L16.4827 0L3.33331 11.4545L15.2873 24Z" />
3298    </svg>
3299
3300  
3301
3302
3303    <svg
3304      viewBox="0 0 24 24"
3305      fill="currentColor"
3306      xmlns="http://www.w3.org/2000/svg"
3307      class="shrink-0 size-4 group-hover:-translate-x-1/4 lg:size-5 hidden group-data-[open]:block"
3308      role="presentation"
3309    >
3310      <title>Arrow down</title>
3311      <path d="M24 8.71264L20.1818 3.33333L11.4545 13.4943L2.18182 5.72413L0 7.51724L11.4545 20.6667L24 8.71264Z" />
3312    </svg>
3313
3314  
3315</button><div id="Somewhere else" class="mt-0.5 hidden flex-col space-y-1.5 pl-12 peer-data-[open]:flex"><a
3316      class="group flex space-x-2.5"
3317      href="https://tonyschocolonely.com/"
3318      aria-label="
3319        Go to Somewhere else market with English localization.
3320      "
3321      tabindex="0"
3322    >
3323
3324    <svg
3325      viewBox="0 0 24 24"
3326      fill="currentColor"
3327      xmlns="http://www.w3.org/2000/svg"
3328      class="shrink-0 size-6 group-hover:-translate-x-1/4"
3329      
3330    >
3331      <title>Submit</title>
3332      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3333    </svg>
3334
3335  
3336<span class="text-body-1--d" aria-hidden="true">English</span>
3337    </a>
3338    <a
3339      class="group flex space-x-2.5"
3340      href="https://tonyschocolonely.com/es"
3341      aria-label="Go to Somewhere else market with Spanish localization."
3342      tabindex="0"
3343    >
3344
3345    <svg
3346      viewBox="0 0 24 24"
3347      fill="currentColor"
3348      xmlns="http://www.w3.org/2000/svg"
3349      class="shrink-0 size-6 group-hover:-translate-x-1/4"
3350      
3351    >
3352      <title>Submit</title>
3353      <path d="M12 4.17391L16.7826 9.3913H2V13.3043H15.913L8.52174 18.9565L11.1304 22L22 11.5652L15.0435 2L12 4.17391Z" />
3354    </svg>
3355
3356  
3357<span class="text-body-1--d" aria-hidden="true">Spanish</span>
3358    </a>
3359  </div></li>
3360        </ul></div>
3361  </div>
3362  <button
3363    type="button"
3364    data-target="languages-drawer.buttonClose"
3365    class="transition-stop-motion absolute inset-0 -z-10 bg-black/20 opacity-0 group-data-[active]/languages-drawer:opacity-100"
3366    name="drawer-overlay"
3367    aria-label="close language drawer"
3368    tabindex="-1"
3369  ></button>
3370</languages-drawer>
3371
3372
3373</div>
3374
3375
3376
3377
3378<popup-element id="regions-popup" class="group/popup invisible [&[opened]]:visible">
3379  <div
3380    data-target="popup-element.container"
3381    tabindex="0"
3382    class="pointer-events-none fixed inset-0 z-50 opacity-0 delay-200 group-[&[opened]]/popup:pointer-events-auto group-[&[opened]]/popup:opacity-100 group-[&[opened]]/popup:delay-0"
3383  >
3384    <button
3385      class="absolute inset-0 bg-tonys-black opacity-0 transition group-[&[opened]]/popup:opacity-25"
3386      
3387        data-target="popup-element.close"
3388      
3389      tabindex="-1"
3390      aria-label="close popup"
3391    ></button>
3392
3393    <div
3394      data-scroll-lock-scrollable
3395      class="clip-_00_ absolute left-1/2 top-1/2 max-h-[90vh] w-[calc(100%-2rem)] max-w-[30rem] -translate-x-1/2 -translate-y-[48%] scale-125 overflow-y-scroll bg-tonys-white px-10 pb-16 pt-20 opacity-0 transition-all scrollbar-hide [backface-visibility:hidden] group-[&[opened]]/popup:scale-100 group-[&[opened]]/popup:opacity-100 sm:w-full"
3396      style=" --clip-deform-x: 1.2rem; --clip-deform-y: 1.2rem; "
3397    >
3398      
3399        <button
3400          data-target="popup-element.close"
3401          class="absolute right-4 top-4 flex size-10 items-center justify-center"
3402          aria-label="close popup"
3403        >
3404
3405    <svg
3406      viewBox="0 0 24 24"
3407      fill="currentColor"
3408      xmlns="http://www.w3.org/2000/svg"
3409      class="w-4 h-4"
3410      
3411    >
3412      <title>Close</title>
3413      <path d="M21.963 5.79798L19.1289 2.84848L12.2634 9.96768L4.87099 2L2.03696 4.86869L9.58905 12.5051L2.88317 19.301L5.46972 22L12.2634 15.2121L18.2907 21.798L21.5159 19.0101L14.9298 12.7475L21.963 5.79798Z" />
3414    </svg>
3415
3416  
3417</button>
3418      
3419      <div
3420        style="
3421          --clip-deform-x: 0.125rem;
3422          --clip-deform-y: 0.125rem;
3423        "
3424      >
3425        <p class="mb-3 text-center text-heading-2 font-bold lg:text-heading-2--d">Welcome to Tony&#39;s!</p>
3426  <p id="popup-regions.suggestedSite" class="text-center text-body-2 lg:text-body-2--d">it looks like you are browsing from ( country_name ), wouldn&#39;t you rather go to the local chocolate shop?</p><button-change-region-2 class="block">
3427
3428<a
3429  href=""
3430  class="group/btn apply-button md:before:clip-1000 mt-4 w-full"
3431  data-target="button-change-region-2.changeRegionLink" tabindex="0"
3432  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
3433>
3434  <div class="apply-button__text inline ">go to your local chocolate shop</div>
3435</a>
3436</button-change-region-2>
3437
3438<button
3439  type="button"
3440  class="group/btn apply-button md:before:block md:before:clip-0002 mt-1 w-full"
3441  data-target="popup-element.close" style="--button-bg-color: var(--color_tonys-blue); --button-text-color: var(--color_tonys-white);"
3442  style="--button-bg-color: var(--color_tonys-yellow); --button-text-color: var(--color_tonys-black);"
3443>
3444  <div class="apply-button__text inline ">no thank you, I&#39;m fine here</div>
3445</button>
3446
3447      </div>
3448    </div>
3449  </div>
3450</popup-element>
3451<script>
3452      console.log('🌍 localization.country:Canada');
3453      console.log('🌍 localization.language:en');
3454      console.log('🌍 localization.market:ww');
3455    </script>
3455
3456  
3456<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
3456
3457</body>
3458  
3459
3460<svg width="0" height="0">
3461  <clipPath id="product-card-mask-1" clipPathUnits="objectBoundingBox" transform="scale(0.0036,0.00727)">
3462    <path d="M0,0H256V2c-24.9,24.422-12.98,61.3-5,95,2.467,10.42-4.826,20.082-6,29,4.076,2.659,7.747,7.559,10,12H0V0Z"/>
3463  </clipPath>
3464</svg>
3465
3466<svg width="0" height="0">
3467  <clipPath id="product-card-mask-2" clipPathUnits="objectBoundingBox" transform="scale(0.0039,0.00727)">
3468    <path d="M0,0H196V2c-4.708,4.652-15.45,22.943-16,31,3.731,4.966,13.893,36.5,15,44-3.944,4.161-12.326,19.23-13,26,6.074,5,15.828,25.949,18,35H0V0Z"/>
3469  </clipPath>
3470</svg>
3471
3472<svg width="0" height="0">
3473  <clipPath id="product-card-mask-3" clipPathUnits="objectBoundingBox" transform="scale(0.0039,0.00727)">
3474    <path d="M0,0H163q-4,38.5-8,77c2.615,8.765,10.07,15.029,11,26-5.079,5.6-5.755,15.562-11,21,1.171,5.4,3.66,8.64,5,14H0V0Z"/>
3475  </clipPath>
3476</svg>
3477
3478</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.