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 – Tonyâs Chocolonely Global</title> 8<link rel="canonical" href="https://tonyschocolonely.com/pages/store-locator"> 9<meta name="description" content="Tony'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'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'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 >" " doesn'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&width=304 304w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&width=504 504w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&width=548 548w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&width=608 608w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&width=912 912w, //tonyschocolonely.com/cdn/shop/files/TT_logo_436x116_e3f14af4-f44f-4657-8fe8-298a7a80b0e7.png?v=1754905438&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&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&width=304 304w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&width=504 504w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&width=548 548w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&width=608 608w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&width=912 912w, //tonyschocolonely.com/cdn/shop/files/Hanael_food_logo.png?v=1752148377&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&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&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&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&width=304 304w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&width=504 504w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&width=548 548w, //tonyschocolonely.com/cdn/shop/files/Better_Food_Logo_AUS_page-0001.jpg?v=1789393785&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&width=304 304w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&width=504 504w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&width=548 548w, //tonyschocolonely.com/cdn/shop/files/hoemroom_logo.png?v=1745936780&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'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&width=48 48w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&width=87 87w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&width=96 96w, //tonyschocolonely.com/cdn/shop/files/EN-B-Corp-URL-Badge-RGB_Black-V.png?v=1786093698&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&width=48 48w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&width=87 87w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&width=96 96w, //tonyschocolonely.com/cdn/shop/files/logo_Fairtrade.png?v=1725054149&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&width=50 50w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&width=90 90w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&width=100 100w, //tonyschocolonely.com/cdn/shop/files/image_6.png?v=1726145954&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'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'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'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.