<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="">
<link rel="canonical" href="https://fulltimefits.com/">
<link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link
rel="icon"
type="image/png"
href="//fulltimefits.com/cdn/shop/files/Favicon_blank-01-01.png?crop=center&height=32&v=1756911959&width=32"
><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
Full Time Fits
</title>
<meta name="description" content="A Vintage football clothing store which offers a variety of authentic football clothing from teams round the globe. A Liverpool based company founded in 2023. our aim is help more people incorporate football fashion into their every day attire.">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="facebook-domain-verification" content="0gfiajrkbfcn0ves95svhsje8uyqch">
<meta name="google-site-verification" content="iGiXj2L790uegHWXDHCexuL-i2phBX7pxC3ReBXHDQ0">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/81285382449/digital_wallets/dialog">
<meta id="in-context-paypal-metadata" data-shop-id="81285382449" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="EUR">
<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-FR&shop_id=81285382449" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":81285382449,"countryCode":"GB","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/81285382449","merchantName":"Full Time Fits","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","maestro","masterCard","amex","discover","elo"],"total":{"type":"pending","label":"Full Time Fits","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"86b171eaa7ed46e3b4120dc632461186","betas":["rich-media-storefront-analytics"],"domain":"fulltimefits.com","predictiveSearch":true,"shopId":81285382449,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "3ff10c-2.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.1857092"};
Shopify.country = "FR";
Shopify.theme = {"name":"Post World Cup","id":188946678146,"schema_name":"Baseline","schema_version":"3.1.0","theme_store_id":910,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "fulltimefits.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<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>
<script type="module">
await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
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"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/cdn.nfcube.com\/instafeed-ef6c6db070529825244741014ad80977.js?shop=3ff10c-2.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":81285382449,"offset":3600,"reqid":"31814ae6-002a-4693-bc27-e379f4a4646b-1790365074","pageurl":"fulltimefits.com\/","u":"669e3e5b4a9e","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.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>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//fulltimefits.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//fulltimefits.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script crossorigin="anonymous" defer="defer" src="//fulltimefits.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
<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>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "3ff10c-2.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/fulltimefits.com\/api\/mcp";
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"]}}];
</script>
<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("\/\/fulltimefits.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
</script>
<script id='scb4127' type='text/javascript' async='' src='https://fulltimefits.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<meta property="og:site_name" content="Full Time Fits">
<meta property="og:url" content="https://fulltimefits.com/">
<meta property="og:title" content="Full Time Fits">
<meta property="og:type" content="website">
<meta property="og:description" content="A Vintage football clothing store which offers a variety of authentic football clothing from teams round the globe. A Liverpool based company founded in 2023. our aim is help more people incorporate football fashion into their every day attire."><meta property="og:image" content="http://fulltimefits.com/cdn/shop/files/logo.png?height=628&pad_color=fff&v=1714916024&width=1200">
<meta
property="og:image:secure_url"
content="https://fulltimefits.com/cdn/shop/files/logo.png?height=628&pad_color=fff&v=1714916024&width=1200"
>
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Full Time Fits">
<meta name="twitter:description" content="A Vintage football clothing store which offers a variety of authentic football clothing from teams round the globe. A Liverpool based company founded in 2023. our aim is help more people incorporate football fashion into their every day attire.">
<script>
window.THEMENAME = 'Baseline';
window.THEMEVERSION = '3.0.0';
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
function debounce(fn, wait) {
let t;
return (...args) => {
clearTimeout(t);
t = setTimeout(() => fn.apply(this, args), wait);
};
}
window.theme = {
strings: {
loading: "Loading",
itemCountOne: "{{ count }} item",
itemCountOther: "{{ count }} items",
addToCart: "Add to cart",
soldOut: "Sold out",
unavailable: "Unavailable",
regularPrice: "Regular price",
salePrice: "Sale price",
sale: "Sale",
unitPrice: "Unit price",
unitPriceSeparator: "per",
cartEmpty: "Your cart is currently empty.",
cartCookies: "Enable cookies to use the shopping cart",
update: "Update",
quantity: "Quantity",
discountedTotal: "Discounted total",
regularTotal: "Regular total",
priceColumn: "See Price column for discount details.",
addedToCart: "Added to Cart!",
cartError: "There was an error while updating your cart. Please try again.",
cartAddError: "All {{ title }} are in your cart.",
shippingCalculatorResultsTitleOne: "There is 1 rate:",
shippingCalculatorResultsTitleMany: "There are {{ count }} rates:",
},
routes: {
root_url: "\/",
predictive_search_url: "\/search\/suggest",
cart_url: "\/cart",
cart_add_url: "\/cart\/add",
cart_change_url: "\/cart\/change",
cart_update_url: "\/cart\/update",
cart_clear_url: "\/cart\/clear",
},
moneyFormat: "€{{amount_with_comma_separator}}",
moneyWithCurrencyFormat: "€{{amount_with_comma_separator}} EUR",
get defaultMoneyFormat() {
return this.moneyFormat;
},
cartItemCount: 0,
settings: {
cartType: "drawer",
openDrawerOnAddToCart: true
},
info: {
name: 'Baseline',
}
};
</script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/utils.js?v=184300954574449463661784213660" defer></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/images.js?v=82802382427156187971784213660" defer></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/theme-events.js?v=129495518931582581311784213660" defer></script>
<script
src="//fulltimefits.com/cdn/shop/t/19/assets/polyfills-inert.bundle.min.js?v=9775187524458939151784213660"
type="module"
></script>
<script
src="//fulltimefits.com/cdn/shop/t/19/assets/global.bundle.min.js?v=66431699965242330901784213660"
type="module"
></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/cart-items.js?v=43431675167093328721784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/cart-footer.js?v=17359671215901880651784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/cart-note.js?v=17283974488463093931784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/quantity.js?v=121464986056478806851784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/rte.js?v=91144393696501258891784213660" type="module"></script>
<link
rel="preload"
as="font"
href="//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.3003de474c2fa78493ae07054b841fd853c2c71d.woff2"
type="font/woff2"
crossorigin
>
<link
rel="preload"
as="font"
href="//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.3003de474c2fa78493ae07054b841fd853c2c71d.woff2"
type="font/woff2"
crossorigin
>
<style data-shopify>
@font-face {
font-family: "Chakra Petch";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.3003de474c2fa78493ae07054b841fd853c2c71d.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.066c3fb9a95d6d7c35f6fa07b0da6ba009833b44.woff") format("woff");
}
@font-face {
font-family: "Chakra Petch";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.3003de474c2fa78493ae07054b841fd853c2c71d.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n4.066c3fb9a95d6d7c35f6fa07b0da6ba009833b44.woff") format("woff");
}
@font-face {
font-family: "Chakra Petch";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n7.9ecc2c668ce54377589a11c1d6b170fa6dd35296.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n7.835332e5d98fae52e939ec51828e4b26c86193a9.woff") format("woff");
}
@font-face {
font-family: "Chakra Petch";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_i4.f0f1655708bbc6cc8d4290d327647e8ef7e77316.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_i4.93197c485b8664a4681a811fbf324dee73f12bb0.woff") format("woff");
}
@font-face {
font-family: "Chakra Petch";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_i7.0b70c763088fcd820ae7268827c44ea140569586.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_i7.84f78855c50d6e4de21f66f4845bd0213743a1d8.woff") format("woff");
}
@font-face {
font-family: "Chakra Petch";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n7.9ecc2c668ce54377589a11c1d6b170fa6dd35296.woff2") format("woff2"),
url("//fulltimefits.com/cdn/fonts/chakra_petch/chakrapetch_n7.835332e5d98fae52e939ec51828e4b26c86193a9.woff") format("woff");
}
</style>
<style>:root {
--font-size-xs: 0.64rem;
--font-size-sm: 0.8rem;
--font-size-base: 1rem;
--font-size-lg: 1.25rem;
--font-size-xl: 1.563rem;
--font-size-2xl: 1.953rem;
--font-size-3xl: 2.441rem;
--font-size-4xl: 3.052rem;
--font-size-5xl: 3.815rem;
--font-size-6xl: 4.768rem;
--font-size-7xl: 5.96rem;
--font-size-8xl: 7.451rem;
--font-size-9xl: 9.313rem;
--type-scale-n-2: var(--font-size-xs);
--type-scale-n-1: var(--font-size-sm);
--type-scale-n0: var(--font-size-base);
--type-scale-n1: var(--font-size-lg);
--type-scale-n2: var(--font-size-xl);
--type-scale-n3: var(--font-size-2xl);
--type-scale-n4: var(--font-size-3xl);
--type-scale-n5: var(--font-size-4xl);
--type-scale-n6: var(--font-size-5xl);
--type-scale-n7: var(--font-size-6xl);
--type-scale-n8: var(--font-size-7xl);
--type-scale-n9: var(--font-size-8xl);
--type-scale-n10: var(--font-size-9xl);
--base-font-size: 100.0%;
--base-font-size-from-settings: 16;
--base-line-height: 1.2;
--heading-line-height: 1.1;
font-size: var(--base-font-size);
line-height: var(--base-line-height);
--heading-font-stack: "Chakra Petch", sans-serif;
--heading-font-weight: 400;
--heading-font-style: normal;
--body-font-stack: "Chakra Petch", sans-serif;
--body-font-weight: 400;
--body-font-bold: FontDrop;
--body-font-bold-italic: FontDrop;
--color-gridline: 0 0 0;
--gridline-width: 1px;
--text-border-width: 1px;
--checkbox-width: 1px;
--font-heading: "Chakra Petch", sans-serif;
--font-body: "Chakra Petch", sans-serif;
--font-body-weight: 400;
--font-body-style: normal;
--font-body-bold-weight: bold;
--heading-letterspacing: 0.025em;
--heading-capitalize: uppercase;
--heading-decoration: none;
--standard-heading-size: var(--type-scale-n2);
--feature-heading-size: var(--type-scale-n2);
--secondary-heading-size: var(--type-scale-n0);
--body-copy-transform: none;
--wrapperWidth: 100vw;
--gutter: 1px;
--rowHeight: calc((var(--wrapperWidth) - (11 * var(--gutter))) / 12);
--global-scrolling-items-speed-multiplier: 1;
--add-to-cart-button-height: 44px;
--spacing: 1rem;
--spacing-double: 2rem;
--spacing-half: 0.5rem;
/* Equivalent to px-2 */
--section-horizontal-spacing-mobile: 0.5rem;
/* Equivalent to px-4 */
--section-horizontal-spacing-desktop: 1rem;
--section-horizontal-spacing: var(--section-horizontal-spacing-mobile);
--icon-thickness: 1.5;
/**
* Buttons
*/
--button-text-transform: uppercase;
--button-after-content: '\00a0\2192';
--button-border-radius: 9999px;
/**
* Links
*/
--links-bottom-border-width: var(--text-border-width);
--links-bottom-padding: 0.25rem;
--links-text-transform: none;
--links-after-content: '\00a0\2192';
--links-before-content: '\2190\00a0';
background-color: rgb(var(--color-scheme-background));
color: rgb(var(--color-scheme-text));
}
@media (min-width: 1024px) {
:root {
--standard-heading-size: var(--type-scale-n1);
--feature-heading-size: var(--type-scale-n4);
--secondary-heading-size: var(--type-scale-n2);
--section-horizontal-spacing: var(--section-horizontal-spacing-desktop);
}
}
:root,
[data-color-scheme="scheme1"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 255 255 255;
--color-scheme-accent: 253 116 54;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 0 0 0;
}
[data-color-scheme="scheme2"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 253 116 54;
--color-scheme-accent: 253 253 253;
--color-scheme-accent-contrast: 0 0 0;
--color-scheme-secondary: 0 0 0;
}
[data-color-scheme="scheme3"] {
--color-scheme-text: 252 252 252;
--color-scheme-background: 136 136 136;
--color-scheme-accent: 216 114 35;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 252 252 252;
}
[data-color-scheme="scheme4"] {
--color-scheme-text: 255 255 255;
--color-scheme-background: 0 0 0;
--color-scheme-accent: 255 255 255;
--color-scheme-accent-contrast: 252 252 252;
--color-scheme-secondary: 255 255 255;
}
[data-color-scheme="scheme5"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 205 205 205;
--color-scheme-accent: 253 116 54;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 253 116 54;
}
[data-color-scheme="scheme-54614de2-1a79-4934-8a8c-2e7a6f3a9f9c"] {
--color-scheme-text: 0 0 0;
--color-scheme-background: 253 116 54;
--color-scheme-accent: 253 116 54;
--color-scheme-accent-contrast: 255 255 255;
--color-scheme-secondary: 0 0 0;
}
[data-color-scheme] {
--payment-terms-background-color: rgb(var(--color-scheme-background));
--button-color-border: var(--color-scheme-text);
--button-color-background: transparent;
--button-color-text: var(--color-scheme-text);
--button-color-border-hover: var(--color-scheme-accent);
--button-color-background-hover: transparent;
--button-color-text-hover: var(--color-scheme-accent);
}
::selection {
background-color: rgb(var(--color-scheme-accent));
color: rgb(var(--color-scheme-accent-contrast));
}
@keyframes scrolling-items {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
</style>
<style id="generated-critical-css">
.shopify-payment-button__button--hidden{display:none!important}.theme-button,.theme-button--secondary{cursor:pointer;font-size:var(--font-size-base);line-height:var(--base-line-height);overflow-wrap:anywhere;padding:.5rem 2rem;text-transform:var(--button-text-transform);word-break:normal}.theme-button--secondary:after,.theme-button:after{--tw-content:var(--button-after-content);content:var(--tw-content)}.theme-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background)/var(--tw-bg-opacity));border-color:rgb(var(--button-color-border)/var(--tw-border-opacity));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--button-color-text)/var(--tw-text-opacity))}@media (hover:hover) and (pointer:fine){.theme-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--button-color-background-hover)/var(--tw-bg-opacity));border-color:rgb(var(--button-color-border-hover)/var(--tw-border-opacity));color:rgb(var(--button-color-text-hover)/var(--tw-text-opacity))}}.theme-button--secondary{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--color-scheme-background)/var(--tw-bg-opacity));border-color:rgb(var(--color-scheme-text)/var(--tw-border-opacity));border-radius:var(--button-border-radius);border-width:var(--text-border-width);color:rgb(var(--color-scheme-text)/var(--tw-text-opacity))}[data-color-scheme] .theme-button--secondary.rte a:hover,[data-color-scheme].theme-button--secondary .rte a:hover,[data-color-scheme].theme-button--secondary.rte a:hover{color:rgb(var(--color-scheme-accent));text-decoration-color:rgb(var(--color-scheme-accent))}[data-color-scheme] .theme-button--secondary.rte blockquote,[data-color-scheme].theme-button--secondary .rte blockquote,[data-color-scheme].theme-button--secondary.rte blockquote{background:rgb(var(--color-scheme-text));color:rgb(var(--color-scheme-background))}@media (hover:hover) and (pointer:fine){.theme-button--secondary:hover{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(var(--color-scheme-accent)/var(--tw-border-opacity));color:rgb(var(--color-scheme-accent)/var(--tw-text-opacity))}}image-with-placeholder{display:block}[data-shopify-xr-hidden]{display:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.max-w-site{max-width:var(--max-site-width)}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:pointer-events-none{pointer-events:none}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:invisible{visibility:hidden}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:\!flex{display:flex!important}.splide:not(.is-active) .\[\.splide\:not\(\.is-active\)_\&\]\:gap-gridline{gap:var(--gridline-width)}@media not all and (min-width:1024px){.splide:not(.is-active) .max-lg\:\[\.splide\:not\(\.is-active\)_\&\]\:hidden{display:none}}
</style>
<style id="manual-critical-css">
html {
background-color: rgb(var(--color-primary-background));
color: rgb(var(--color-primary-text));
font-size: var(--base-font-size);
line-height: var(--base-line-height);
}
[x-cloak] {
display: none;
}
html.no-js [x-cloak].no-js-undo-cloak {
display: revert;
}
body {
display: flex;
flex-direction: column;
min-height: 100vh;
}
@media (min-width: 768px) {
[md\:undo-x-cloak-block] {
display: block;
}
}
@media (max-width: 767px) {
[max-md\:undo-x-cloak-block] {
display: block;
}
}
</style>
<link href="//fulltimefits.com/cdn/shop/t/19/assets/base.bundle.css?v=88146574888733900351784213660" rel="stylesheet" type="text/css" media="all" />
<script src="https://cdn.shopify.com/extensions/01a0d8da-dbb6-759e-90f0-31975754fa90/forms-2597/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/01a0d7ac-016b-7ec4-a378-89e7e99672a3/pushowl-328/assets/pushowl-shopify.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 81285382449,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,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}).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: 81285382449,storefrontBaseUrl: "https://fulltimefits.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://fulltimefits.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"3139797378","configuration":"{\"subdomain\": \"3ff10c-2\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"42cd9b1f0fb7c1cae5cd21175cef6782","type":"APP","apiClientId":1615517,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1947959682","configuration":"{\"tagID\":\"2612456684756\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"1834156418","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3free-01.swymrelay.com\",\"swymTier\":\"v3free-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"859308337","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"GT-WF65XP6Q\\\"],\\\"target_country\\\":\\\"GB\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"MC-SF69Z40Q7C\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"MC-SF69Z40Q7C\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"MC-SF69Z40Q7C\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"414187825","configuration":"{\"pixel_id\":\"769355749241411\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"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":"Full Time Fits","paymentSettings":{"currencyCode":"GBP"},"myshopifyDomain":"3ff10c-2.myshopify.com","countryCode":"GB","storefrontUrl":"https:\/\/fulltimefits.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15400873951618","handle":"juventus-2003-away-shirt-l-s-del-piero-10-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918039888258","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400870347138","handle":"lazio-1998-away-shirt-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918029205890","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400869331330","handle":"inter-milan-1999-home-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918024585602","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400868512130","handle":"gremio-1995-home-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918023405954","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400868249986","handle":"celts-vigo-2001-away-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918022062466","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400867660162","handle":"athletic-bilbao-2004-home-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918021210498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400866480514","handle":"manchester-united-2009-gk-shirt-van-der-sar-1-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918011969922","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400864416130","handle":"mexico-2011-gk-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918004826498","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400863465858","handle":"napoli-2013-away-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56918001123714","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400862908802","handle":"inter-milan-2009-away-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917999747458","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400861794690","handle":"inter-milan-2008-away-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917998764418","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400859566466","handle":"club-america-2011-away-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917995848066","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400858878338","handle":"club-atlas-2006-home-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917994471810","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400858157442","handle":"spain-2009-home-shirt-m-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917992833410","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400857305474","handle":"wales-2004-home-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917991752066","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400856519042","handle":"manchester-united-2003-jacket-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917987262850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400855503234","handle":"psg-2002-jacket-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917982478722","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400851767682","handle":"brazil-2014-jacket-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917965635970","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400850817410","handle":"portugal-2008-jacket-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917962555778","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400849965442","handle":"fc-barcelona-2021-fleece-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917960294786","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400840200578","handle":"france-2004-1-4-zip-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917957640578","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400814805378","handle":"brazil-2002-drill-top-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917916483970","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400810971522","handle":"hertha-berlin-2007-drill-top-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917899575682","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400806187394","handle":"japan-2008-jumper-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917893316994","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400800780674","handle":"manchester-united-2007-jumper-l-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917874704770","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400799043970","handle":"untitled-sep18_15-29-54","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917869265282","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400797634946","handle":"ac-milan-1999-training-shirt-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917863694722","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400797208962","handle":"japan-2004-training-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917862646146","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400795963778","handle":"juventus-2003-training-shirt-s-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917851767170","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400792818050","handle":"arsenal-2008-training-shirt-m-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917817557378","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400790983042","handle":"manchester-united-2009-training-shirt-xl-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917798289794","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400788918658","handle":"south-korea-2020-training-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917792391554","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400787837314","handle":"mexico-2008-polo-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917767717250","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400784134530","handle":"spain-2010-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917760606594","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400782856578","handle":"valencia-2004-training-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917751562626","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15400782102914","handle":"brazil-2002-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56917749039490","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391828476290","handle":"stuttgart-1999-third-shirt-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888371249538","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391827919234","handle":"ajax-1998-l-s-training-shirt-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888369938818","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391825887618","handle":"aston-villa-1996-home-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888366236034","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391824347522","handle":"newcastle-1996-away-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888362107266","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391820939650","handle":"liverpool-1995-away-shirt-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888347787650","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391820054914","handle":"spurs-1994-away-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888346575234","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391819170178","handle":"psg-1995-home-shirt-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56888343658882","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391719195010","handle":"yugoslavia-2000-home-shirt-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887722443138","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391718179202","handle":"juventus-2003-away-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887720477058","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391716639106","handle":"brazil-1998-home-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887717265794","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391714869634","handle":"club-america-2003-away-shirt-m-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887711531394","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391713329538","handle":"real-betis-2004-home-shirt-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887709761922","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391711363458","handle":"france-2002-home-shirt-l-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887706812802","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15391710314882","handle":"spain-2004-home-shirt-xl","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56887701897602","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15356157165954","handle":"japan-2002-tracksuit-jacket-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56733814456706","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15378456576386","handle":"japan-2002-home-shirt-m-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56825522717058","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15373433700738","handle":"japan-2006-away-shirt-m-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56801520681346","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15319383605634","handle":"japan-2008-l-s-home-shirt-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56568155603330","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15378448286082","handle":"japan-2008-home-shirt-s-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56825488933250","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15378406637954","handle":"japan-2012-training-shirt-s-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56825271878018","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"14961770987906","handle":"japan-2002-drill-top-xs","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55122777014658","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15269725274498","handle":"japan-2012-tracksuit-jacket-l","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56361802498434","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15103471419778","handle":"japan-2014-training-shirt-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"55699023692162","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15368462860674","handle":"japan-1999-bottoms-m","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56774383108482","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15302153306498","handle":"japan-2004-home-shirt-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56510489067906","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15378400412034","handle":"japan-2006-shorts-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56825252839810","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15296216531330","handle":"ftf-turn-up-play","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"56479272927618","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://fulltimefits.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188946678146","themeStoreId":"910","themePublished":"true","eventMetadataId":"fe3abc27-799a-4267-bdb6-3f3be3451d83","pageType":"home","shopId":"81285382449","storefrontBaseUrl":"https:\/\/fulltimefits.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><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"31814ae6-002a-4693-bc27-e379f4a4646b-1790365074"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (method == 'track' || method == 'page') {
var pageUrl;
try {
pageUrl = window.location.href;
} catch (e) {}
var pageReferrer;
try {
pageReferrer = document.referrer;
} catch (e) {}
try {
if (window.__TREKKIE_SHIM_QUEUE == null) {
window.__TREKKIE_SHIM_QUEUE = [];
}
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1),
pageContext: {
url: pageUrl,
referrer: pageReferrer
}
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 81285382449,
theme_id: 188946678146,
app_name: "storefront",
context_url: window.location.href,
source_url: "//fulltimefits.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//fulltimefits.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//fulltimefits.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":81285382449,"isMerchantRequest":null,"themeId":188946678146,"themeCityHash":"14726721166008355861","contentLanguage":"en","currency":"EUR","eventMetadataId":"fe3abc27-799a-4267-bdb6-3f3be3451d83"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"31814ae6-002a-4693-bc27-e379f4a4646b-1790365074","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//fulltimefits.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://fulltimefits.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
data-application="storefront-renderer"
data-shop-id="81285382449"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="188946678146"
data-theme-name="Baseline"
data-theme-version="3.1.0"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://fulltimefits.com/api/collect"
></script>
<meta name="shopify-y" content="8e63e539-53ef-48f8-82ff-23e4ccff3b58" data-expiration="1821922674000"><meta name="shopify-s" content="ec9287cc-026b-4bc1-864d-1aabf34bd209" data-expiration="1790366874000"><meta name="new-cookie-storage-activated" content="t">
</head>
<body>
<a class="skip-link" href="#MainContent">Skip to content</a>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--27495739228546__178602316165546ee8" class="shopify-section shopify-section-group-header-group"><div id="shopify-block-ATTVndkhjY0hQSTZEa__ai_gen_block_0ec200b_xyL8dG" class="shopify-block">
<style data-shopify>
.ai-announcement-bar-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg {
display: block;
width: 100%;
background-color: #0A0909;
color: #FFFFFF;
text-align: center;
padding: 10px 20px;
}
.ai-announcement-bar__content-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg {
font-size: 11px;
line-height: 1.4;
}
.ai-announcement-bar__content-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg a {
color: #000000;
text-decoration: underline;
}
.ai-announcement-bar__content-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg a:hover {
color: #ffffff;
}
@media screen and (min-width: 750px) {
.ai-announcement-bar__content-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg {
font-size: 15px;
}
}
</style>
<div
class="ai-announcement-bar-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg"
>
<div class="ai-announcement-bar__content-attvndkhjy0hqstzeaaigenblock0ec200bxyl8dg">
<p>FREE SHIPPING ON ALL ORDERS OVER £130</p>
</div>
</div>
</div>
</div><div id="shopify-section-sections--27495739228546__header" class="shopify-section shopify-section-group-header-group section-header relative z-20">
<header-section
x-data="Theme_Header"
class="block"
:class="{ 'is-stuck' : isStuck }"
data-sticky="true"
data-color-scheme="scheme1"
data-overlay-header-with-sticky="false"
data-overlay-text-color-scheme="scheme4"
id="sections--27495739228546__header"
data-theme-header
>
<header
x-ref="header"
class="relative z-10 border-b-gridline border-gridline-color text-scheme-text border-gridline-color bg-scheme-background"
data-color-scheme="scheme1"
>
<nav
class="relative hidden"
aria-label="Primary"
>
<div class="flex items-stretch px-section-horizontal-spacing justify-between">
<div class="flex items-stretch flex-grow w-1/3">
</div>
<div class="flex items-stretch justify-center text-center">
<a
href="/"
class="break-word my-auto inline-block py-4"
>
<h1 class="contents">
<div class="max-w-[var(--logo-max-width)]">
<img
src="//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=180"
srcset="//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=100 100w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=200 200w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=300 300w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=180 180w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=360 360w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=540 540w "
width="3463"
height="998"
loading="eager"
sizes="(min-width: 1024px) 180px, 100px"
alt="Full Time Fits"
>
</div>
</h1>
</a>
</div>
<div class="flex items-stretch justify-end gap-x-4 text-right flex-grow flex-wrap w-1/3"><div class="flex items-stretch whitespace-nowrap">
<a
class="inline-flex py-4"
href="https://fulltimefits.com/customer_authentication/redirect?locale=en®ion_country=FR"
><span class="sr-only">Log in</span>
<span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M12 16a19.91 19.91 0 0 0-9.5 2.396V22h19v-3.604A19.91 19.91 0 0 0 12 16ZM7 8a5 5 0 1 0 10 0A5 5 0 0 0 7 8Z" vector-effect="non-scaling-stroke"/>
</svg>
</span></a>
</div>
<div class="flex items-stretch whitespace-nowrap">
<div
x-data="{ searchOpen: false }"
class="contents"
>
<a
x-ref="searchToggle"
@click.prevent="searchOpen = true"
@keydown.space.prevent="searchOpen = true"
class="inline-flex py-4"
href="/search"
:role="`button`"
><span class="sr-only">Search</span>
<span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
</svg>
</span></a>
<div
class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text w-full top-full bottom-auto left-0"
x-cloak
x-show="searchOpen"
x-transition:enter="ease duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
x-data="PredictiveSearch('product,collection,article,page,query')"
x-trap.inert.noscroll="resultsOpen"
@keyup="onKeyup"
@keydown="onKeydown"
@click.outside.prevent="close()"
@keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
@focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
x-ref="searchComponent"
data-color-scheme="scheme1"
>
<div
class="w-full whitespace-normal"
>
<form
action="/search"
method="get"
class="predictive-search-form input-group search"
role="search"
>
<input type="hidden" name="options[prefix]" value="last"><label
for="search-logo_center_menu_drawer-desktop"
class="hidden"
>Submit</label>
<div
class="flex items-center justify-between"
>
<button
class="mr-4 py-2"
aria-label="Submit"
type="submit"
>
<span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
</svg>
</span>
<span class="sr-only">Submit</span>
</button>
<input
id="search-logo_center_menu_drawer-desktop"
type="search"
name="q"
value=""
placeholder="Search"
class="font-body block w-full bg-transparent placeholder-current"
aria-label="Search"
data-search-input
:aria-expanded="resultsOpen"
:aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
x-ref="input"
x-model.debounce.300="rawQuery"
@focus="onFocus"
>
<button
class="ml-4 py-2"
@click="close()"
type="button"
>
<span class="sr-only">Close</span>
<span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</span>
</button>
</div><div
id="predictiveSearchResults"
tabindex="-1"
x-cloak
class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
>
<template x-if="loading">
<div class="border-b-gridline border-gridline-color bg-scheme-background">
<div
class="mx-auto py-6 text-center"
>
<div>Loading…</div>
</div>
</div>
</template>
<template x-if="resultsOpen">
<div
x-show="!loading && resultsHTML && resultsOpen"
class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background"
x-html-if-set="resultsHTML"
></div>
</template>
</div>
<span
class="predictive-search-status sr-only"
role="status"
aria-hidden="true"
></span></form>
</div>
</div>
</div>
</div>
<div class="flex items-stretch whitespace-nowrap">
<a
href="/cart"
class="inline-flex py-4"
data-cart-drawer-toggle
:aria-expanded="$store.modals.rightDrawer.contents === 'cart'"
@click.prevent="$store.modals.open('cart')"
@keydown.space="$store.modals.open('cart')"
><div class="relative my-auto align-middle">
<span
x-show="$store.cartCount.count > 0"
class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent"
data-color-scheme="scheme1"
></span>
<span class="inline-block h-6 w-6 fill-current align-top"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M1 2h4.5v15H17l4-10H9.485M5.5 22v-.75h.75V22H5.5Zm6 0v-.75h.75V22h-.75Z" vector-effect="non-scaling-stroke"/>
</svg>
</span>
<span class="sr-only" x-text="$store.cartCount.countWithText()">
0 items
</span>
</div></a>
</div>
<div>
<a href="#swym-wishlist" class="swym-wishlist">
<i aria-hidden="true" focusable="false" role="presentation" class="icon icon-swym-wishlist"></i>
</a>
</div>
</div>
</div>
</nav>
<nav
aria-label="Header"
class=""
>
<div class="flex items-center justify-between px-section-horizontal-spacing lg:relative">
<div class="flex gap-2 items-center flex-grow w-1/3">
<button
class="inline-block no-js:hidden py-4"
:aria-expanded="$store.modals.leftDrawer.contents === 'sidebar'"
@click="$store.modals.open('sidebar')"
><span class="sr-only">Menu</span>
<span class="inline-block h-6 w-6 align-middle"><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/>
</svg>
</span></button>
</div>
<div class="shrink-0 justify-center text-center">
<a
href="/"
class="break-word my-auto inline-block py-4"
>
<h1 class="contents">
<div class="max-w-[var(--logo-max-width)]">
<img
src="//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=180"
srcset="//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=100 100w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=200 200w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=300 300w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=180 180w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=360 360w,//fulltimefits.com/cdn/shop/files/Full_Time_Fits_logo-01_2630c301-ff7d-4014-a242-10fb29d606fa.png?v=1765991404&width=540 540w "
width="3463"
height="998"
loading="eager"
sizes="(min-width: 1024px) 180px, 100px"
alt="Full Time Fits"
>
</div>
</h1>
</a>
</div>
<div class="flex justify-end gap-2 text-right flex-grow flex-wrap w-1/3">
<div class="hidden whitespace-nowrap lg:block">
<a
class="inline-flex py-4"
href="https://fulltimefits.com/customer_authentication/redirect?locale=en®ion_country=FR"
><span class="sr-only">Log in</span>
<span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M12 16a19.91 19.91 0 0 0-9.5 2.396V22h19v-3.604A19.91 19.91 0 0 0 12 16ZM7 8a5 5 0 1 0 10 0A5 5 0 0 0 7 8Z" vector-effect="non-scaling-stroke"/>
</svg>
</span></a>
</div>
<div class="whitespace-nowrap lg:ml-4 swym">
<a href="#swym-wishlist" class="inline-flex py-4 swym-wishlist">
<i aria-hidden="true" focusable="false" role="presentation" class="icon icon-swym-wishlist"></i>
</a>
</div>
<div class="whitespace-nowrap lg:ml-4">
<div
x-data="{ searchOpen: false }"
class="contents"
>
<a
x-ref="searchToggle"
@click.prevent="searchOpen = true"
@keydown.space.prevent="searchOpen = true"
class="inline-flex py-4"
href="/search"
:role="`button`"
><span class="sr-only">Search</span>
<span class="my-auto inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
</svg>
</span></a>
<div
class="absolute z-20 border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-2 text-scheme-text w-full top-full bottom-auto left-0"
x-cloak
x-show="searchOpen"
x-transition:enter="ease duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
x-data="PredictiveSearch('product,collection,article,page,query')"
x-trap.inert.noscroll="resultsOpen"
@keyup="onKeyup"
@keydown="onKeydown"
@click.outside.prevent="close()"
@keyup.escape.prevent.stop="close(true, $refs.searchToggle)"
@focusin.window="( searchOpen && ! $root.contains($event.target) ) && close()"
style="--results-height: calc(100vh - var(--header-group-height) - var(--search-bar-height) + var(--gridline-width));"
x-ref="searchComponent"
data-color-scheme="scheme1"
>
<div
class="w-full whitespace-normal"
>
<form
action="/search"
method="get"
class="predictive-search-form input-group search"
role="search"
>
<input type="hidden" name="options[prefix]" value="last"><label
for="search-logo_center_menu_drawer-mobile"
class="hidden"
>Submit</label>
<div
class="flex items-center justify-between"
>
<button
class="mr-4 py-2"
aria-label="Submit"
type="submit"
>
<span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M2 11a9 9 0 1 0 18 0 9 9 0 0 0-18 0Zm15.364 6.364L22 22" vector-effect="non-scaling-stroke"/>
</svg>
</span>
<span class="sr-only">Submit</span>
</button>
<input
id="search-logo_center_menu_drawer-mobile"
type="search"
name="q"
value=""
placeholder="Search"
class="font-body block w-full bg-transparent placeholder-current"
aria-label="Search"
data-search-input
:aria-expanded="resultsOpen"
:aria-activedescendant="resultsOpen ? 'predictive-search-results' : false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-autocomplete="list"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
x-ref="input"
x-model.debounce.300="rawQuery"
@focus="onFocus"
>
<button
class="ml-4 py-2"
@click="close()"
type="button"
>
<span class="sr-only">Close</span>
<span class="inline-block h-6 w-6 align-middle"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</span>
</button>
</div><div
id="predictiveSearchResults"
tabindex="-1"
x-cloak
class="predictive-search-results absolute left-0 right-0 top-[calc(100%_+_var(--gridline-width))] z-50 h-screen text-scheme-text transition-colors duration-300 ease-out"
>
<template x-if="loading">
<div class="border-b-gridline border-gridline-color bg-scheme-background">
<div
class="mx-auto py-6 text-center"
>
<div>Loading…</div>
</div>
</div>
</template>
<template x-if="resultsOpen">
<div
x-show="!loading && resultsHTML && resultsOpen"
class="px-section max-h-[--results-height] scroll-py-5 overflow-hidden overflow-y-auto border-b-gridline border-gridline-color bg-scheme-background"
x-html-if-set="resultsHTML"
></div>
</template>
</div>
<span
class="predictive-search-status sr-only"
role="status"
aria-hidden="true"
></span></form>
</div>
</div>
</div>
</div>
<div class="whitespace-nowrap lg:ml-4">
<a
href="/cart"
class="inline-flex py-4"
data-cart-drawer-toggle
:aria-expanded="$store.modals.rightDrawer.contents === 'cart'"
@click.prevent="$store.modals.open('cart')"
@keydown.space="$store.modals.open('cart')"
><div class="relative my-auto align-middle">
<span
x-show="$store.cartCount.count > 0"
class="absolute right-0 top-1 h-2 w-2 rounded-full bg-scheme-accent"
data-color-scheme="scheme1"
></span>
<span class="inline-block h-6 w-6 fill-current align-top"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="M1 2h4.5v15H17l4-10H9.485M5.5 22v-.75h.75V22H5.5Zm6 0v-.75h.75V22h-.75Z" vector-effect="non-scaling-stroke"/>
</svg>
</span>
<span class="sr-only" x-text="$store.cartCount.countWithText()">
0 items
</span>
</div></a>
</div>
</div>
</div>
</nav>
</header>
</header-section><noscript>
<style data-shopify>
.no-js-focus-wrapper:focus-within .no-js-focus-container {
display: block !important;
}
.section-sidebar {
display: block !important;
}</style>
</noscript>
<style data-shopify>
#shopify-section-sections--27495739228546__header {
position: sticky;
top: 0;
z-index: 30;
}
:root {
--sticky-header-height: 66px;
}
#shopify-section-sections--27495739228546__header {
--logo-max-width: 100px;
}
@media (min-width: 1024px) {
#shopify-section-sections--27495739228546__header {
--logo-max-width: 180px;
}
}
</style>
<script
type="module"
>
if (!customElements.get('header-section')) {
class HeaderSection extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
if (this.getAttribute('data-sticky')) {
document.documentElement.style.setProperty(
'--sticky-header-height',
`${this.getBoundingClientRect().height}px`
);
} else {
document.documentElement.style.setProperty(
'--sticky-header-height',
'0'
);
}
}
}
customElements.define('header-section', HeaderSection);
}
</script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/cart-count.js?v=10141272858822310631784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/header.js?v=143042487233477095391784213660" type="module"></script>
<script
src="//fulltimefits.com/cdn/shop/t/19/assets/predictive-search.js?v=73099588884941047221784213660"
type="module"
></script>
</div>
<!-- END sections: header-group -->
<div id="shopify-section-menu-drawer" class="shopify-section">
<div
x-data="Theme_Sidebar"
x-init="initTeleport($root); $store.modals.register('sidebar', 'leftDrawer');"
>
<template data-should-teleport="#left-drawer-slot">
<template x-if="$store.modals.leftDrawer.contents === 'sidebar'">
<div
data-modal-label="Menu"
data-color-scheme="scheme1"
>
<div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4">
<div aria-hidden="true"> </div>
<button
@click.prevent="$store.modals.close('sidebar')"
class="absolute right-0 top-0 block h-full"
type="button"
>
<span class="sr-only">Close</span>
<div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</div>
</button>
</div>
<nav
aria-label="Primary"
>
<ul><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/">
HOME
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/collections/shop-all">
SHOP ALL
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/pages/collection">
COLLECTIONS
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion0"
>
SHOP BY LEAGUE
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion0"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion1"
>
PREMIER LEAGUE
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion1"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/premier-league"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/arsenal"
>
Arsenal
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/chelsea"
>
Chelsea
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/everton"
>
Everton
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/liverpool"
>
Liverpool
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/man-city"
>
Man City
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/manchester-united"
>
Manchester United
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/newcastle"
>
Newcastle
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion2"
>
SERIE A
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion2"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/italian"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/ac-milan-1"
>
AC Milan
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/inter-milan-1"
>
Inter Milan
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/juventus-1"
>
Juventus
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/lazio"
>
Lazio
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/napoli"
>
Napoli
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/roma"
>
Roma
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion3"
>
LA LIGA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion3"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/spanish"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/atletico-madrid"
>
Atletico Madrid
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/fc-barcelona"
>
FC Barcelona
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/real-madrid-1"
>
Real Madrid
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/sevilla"
>
Sevilla
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/valencia"
>
Valencia
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion4"
>
LIGUE 1
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion4"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/ligue-1"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/marseille"
>
Marseille
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/monaco"
>
Monaco
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/lyon"
>
Olympique Lyon
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/psg"
>
PSG
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/st-ettiene"
>
St Etienne
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion5"
>
BUNDESLIGA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion5"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/german"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/bayern-munich"
>
Bayern Munich
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/borussia-dortmund"
>
Borussia Dortmund
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/rest-of-the-world"
>
REST OF THE WORLD
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion6"
>
SHOP BY ERA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion6"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/90s"
>
90s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/00s"
>
00s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/10s"
>
10s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/20s"
>
20s
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/collections/35-and-under">
£35 & UNDER
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion7"
>
COMMUNITY
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion7"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/blogs/news/about-us"
>
ABOUT US
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/pages/full-time-fits"
>
EVENTS
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="https://wa.me/447449959147?text=Hi%2C%20I%20am%20interested%20in%20selling%20my%20shirts%2C%20here%20are%20some%20photos%20of%20the%20ones%20I%20am%20wanting%20to%20sell%3A">
SELL YOUR SHIRTS
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion8"
>
CONTACT US
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion8"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="mailto:customerservice@fulltimefits.com"
>
GENERAL ENQUIRIES
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="mailto:customerservice@fulltimefits.com?subject=Return%20Request&body=Hi%2C%0AI%20would%20like%20to%20return%20my%20order.%0A%0AOrder%20Number%3A%20%0AName%3A%20%0A%0AThank%20you%2C"
>
RETURNS
</a></li></ul></li></ul>
</nav>
<div class="border-t-gridline border-gridline-color">
<nav class="my-6" aria-label="Secondary">
<ul></ul>
</nav>
<div class="my-6 px-section-horizontal-spacing">
<form method="post" action="/localization" id="sidebar-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="flex gap-4 flex-col gap-y-0"><div class="inline-block shrink-0 select-none">
<h2 class="sr-only" id="country-heading-sidebar">
Country/region
</h2>
<div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="text-base py-2"
:aria-expanded="expanded"
aria-controls="country-list-sidebar"
aria-describedby="country-heading-sidebar"
@click.prevent="expanded = ! expanded"
>
France (EUR
€)
<span
class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
:class="{ 'rotate-180': expanded }"
>
<svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span>
</button>
<div
class="absolute bottom-[calc(100%_+_0.5rem)] right-auto left-0"
x-show="expanded"
style="display: none;"
>
<ul
id="country-list-sidebar"
class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.52)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gridline-color bg-gridline-color text-base"
x-transition:enter="transition ease duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
:aria-hidden="! expanded"
>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Afghanistan (AFN
؋)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Åland Islands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Albania (ALL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Algeria (DZD
د.ج)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Andorra (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Angola (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Anguilla (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Antigua & Barbuda (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Argentina (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Armenia (AMD
դր.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Aruba (AWG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ascension Island (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Australia (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Austria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Azerbaijan (AZN
₼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahamas (BSD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahrain (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bangladesh (BDT
৳)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Barbados (BBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belarus (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belgium (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belize (BZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Benin (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bermuda (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bhutan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bolivia (BOB
Bs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bosnia & Herzegovina (BAM
КМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Botswana (BWP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brazil (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Indian Ocean Territory (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Virgin Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brunei (BND
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bulgaria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burkina Faso (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burundi (BIF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cambodia (KHR
៛)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cameroon (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Canada (CAD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cape Verde (CVE
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Caribbean Netherlands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cayman Islands (KYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Central African Republic (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chad (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chile (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">China (CNY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Christmas Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cocos (Keeling) Islands (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Colombia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Comoros (KMF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Brazzaville (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Kinshasa (CDF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cook Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Costa Rica (CRC
₡)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Côte d’Ivoire (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Croatia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Curaçao (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cyprus (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Czechia (CZK
Kč)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Denmark (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Djibouti (DJF
Fdj)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominica (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominican Republic (DOP
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ecuador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Egypt (EGP
ج.م)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">El Salvador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Equatorial Guinea (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ER'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eritrea (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Estonia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eswatini (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ET'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ethiopia (ETB
Br)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Falkland Islands (FKP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Faroe Islands (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Fiji (FJD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Finland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
aria-current="true"
@click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
>
<span class="border-scheme-text border-b-text">France (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Guiana (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Polynesia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Southern Territories (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gabon (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gambia (GMD
D)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Georgia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Germany (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ghana (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gibraltar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greece (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greenland (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Grenada (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guadeloupe (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guatemala (GTQ
Q)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guernsey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea (GNF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea-Bissau (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guyana (GYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Haiti (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Honduras (HNL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hong Kong SAR (HKD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hungary (HUF
Ft)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iceland (ISK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">India (INR
₹)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ID'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Indonesia (IDR
Rp)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iraq (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ireland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Isle of Man (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Israel (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Italy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jamaica (JMD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Japan (JPY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jersey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jordan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kazakhstan (KZT
₸)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kenya (KES
KSh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kiribati (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'XK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kosovo (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kuwait (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kyrgyzstan (KGS
som)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Laos (LAK
₭)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Latvia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lebanon (LBP
ل.ل)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lesotho (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liberia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Libya (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liechtenstein (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lithuania (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Luxembourg (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Macao SAR (MOP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Madagascar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malawi (MWK
MK)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malaysia (MYR
RM)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Maldives (MVR
MVR)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ML'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mali (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malta (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Martinique (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritania (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritius (MUR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mayotte (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mexico (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Moldova (MDL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Monaco (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mongolia (MNT
₮)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ME'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montenegro (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montserrat (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Morocco (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mozambique (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Myanmar (Burma) (MMK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Namibia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nauru (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nepal (NPR
Rs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Netherlands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Caledonia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Zealand (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nicaragua (NIO
C$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niger (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nigeria (NGN
₦)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niue (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norfolk Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">North Macedonia (MKD
ден)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norway (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'OM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Oman (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pakistan (PKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Palestinian Territories (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Panama (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Papua New Guinea (PGK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Paraguay (PYG
₲)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Peru (PEN
S/)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Philippines (PHP
₱)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pitcairn Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Poland (PLN
zł)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Portugal (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'QA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Qatar (QAR
ر.ق)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Réunion (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Romania (RON
Lei)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Russia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Rwanda (RWF
FRw)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Samoa (WST
T)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">San Marino (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ST'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">São Tomé & Príncipe (STD
Db)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Saudi Arabia (SAR
ر.س)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Senegal (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Serbia (RSD
РСД)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Seychelles (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sierra Leone (SLL
Le)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Singapore (SGD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sint Maarten (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovakia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovenia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Solomon Islands (SBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Somalia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Africa (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Georgia & South Sandwich Islands (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Korea (KRW
₩)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ES'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Spain (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sri Lanka (LKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Barthélemy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Helena (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Kitts & Nevis (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Lucia (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Martin (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Pierre & Miquelon (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Vincent & Grenadines (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Suriname (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Svalbard & Jan Mayen (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sweden (SEK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Switzerland (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Taiwan (TWD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tajikistan (TJS
ЅМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tanzania (TZS
Sh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Thailand (THB
฿)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Timor-Leste (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Togo (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tokelau (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tonga (TOP
T$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Trinidad & Tobago (TTD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tristan da Cunha (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tunisia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Türkiye (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turkmenistan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turks & Caicos Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tuvalu (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">U.S. Outlying Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uganda (UGX
USh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ukraine (UAH
₴)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Arab Emirates (AED
د.إ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Kingdom (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United States (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uruguay (UYU
$U)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uzbekistan (UZS
so'm)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vanuatu (VUV
Vt)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vatican City (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Venezuela (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vietnam (VND
₫)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Wallis & Futuna (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Western Sahara (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Yemen (YER
﷼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zambia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zimbabwe (USD
$)</span
>
</button>
</li></ul>
</div>
<input
x-ref="input"
type="hidden"
name="country_code"
id="CountrySelector"
value="FR"
>
</div>
</div></div></form>
</div>
<ul class="space-y-1 px-section-horizontal-spacing">
<li>
<a href="https://fulltimefits.com/customer_authentication/redirect?locale=en&region_country=FR" id="customer_login_link">Log in</a>
</li>
<li>
<a href="https://customer.account.fulltimefits.com?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiIzZmYxMGMtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTA5Njk4NzUsIm5iZiI6MTc5MDM2NTA3NX0.HvnOkEb29dkhWdEmcv5AfPMdfzrf-_-Q3DPK3S0hWv8" id="customer_register_link">Create account</a>
</li>
</ul>
<div class="my-8 px-section-horizontal-spacing">
<ul
class="-ml-2"
data-color-scheme="scheme1"
>
<li class="mb-2 ml-2 inline-block">
<a
class="fill-current hover:text-scheme-accent"
href="https://www.instagram.com/fulltimefits/"
target="_blank"
>
<span class="inline-block h-6 w-6" aria-hidden="true"><svg
xmlns="http://www.w3.org/2000/svg"
class="icon fill-current"
fill="none"
viewbox="0 0 24 24"
aria-hidden="true"
focusable="false"
role="presentation"
>
<path fill="#000" fill-rule="evenodd" d="M12.006 3.801c2.672 0 2.989.012 4.04.059.977.043 1.504.207 1.855.344a3.1 3.1 0 0 1 1.15.746c.35.351.566.684.745 1.148.137.352.301.883.344 1.856.047 1.055.059 1.372.059 4.04 0 2.672-.012 2.989-.059 4.04-.043.977-.207 1.504-.344 1.856-.18.465-.398.8-.746 1.148a3.076 3.076 0 0 1-1.149.747c-.351.137-.882.3-1.855.343-1.055.047-1.372.06-4.04.06-2.673 0-2.989-.013-4.04-.06-.977-.042-1.504-.206-1.856-.343-.465-.18-.8-.399-1.148-.747a3.076 3.076 0 0 1-.747-1.148c-.136-.352-.3-.883-.344-1.856-.046-1.055-.058-1.371-.058-4.04 0-2.672.012-2.989.058-4.04.043-.976.208-1.504.344-1.856.18-.464.399-.8.747-1.148a3.076 3.076 0 0 1 1.148-.746c.352-.137.883-.301 1.856-.344 1.051-.047 1.367-.059 4.04-.059Zm0-1.801c-2.716 0-3.055.012-4.122.059-1.063.046-1.793.218-2.426.465A4.882 4.882 0 0 0 3.684 3.68a4.9 4.9 0 0 0-1.157 1.77c-.246.637-.418 1.363-.464 2.426-.047 1.07-.06 1.41-.06 4.126 0 2.715.013 3.055.06 4.122.046 1.063.218 1.793.464 2.426.258.66.598 1.22 1.157 1.774a4.89 4.89 0 0 0 1.77 1.152c.637.247 1.363.419 2.426.465 1.067.047 1.407.059 4.122.059s3.055-.012 4.122-.059c1.063-.046 1.793-.218 2.426-.464a4.89 4.89 0 0 0 1.77-1.153 4.888 4.888 0 0 0 1.152-1.77c.247-.637.419-1.363.465-2.426.047-1.067.06-1.407.06-4.122 0-2.716-.013-3.055-.06-4.122-.046-1.063-.218-1.793-.465-2.426a4.684 4.684 0 0 0-1.144-1.778 4.889 4.889 0 0 0-1.77-1.153c-.637-.246-1.364-.418-2.426-.464-1.07-.051-1.41-.063-4.126-.063Zm0 4.864a5.139 5.139 0 0 0-5.138 5.138 5.139 5.139 0 0 0 5.138 5.138 5.14 5.14 0 0 0 5.138-5.138 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 0-6.666 3.333 3.333 0 0 1 0 6.667Zm5.34-7.474a1.2 1.2 0 1 0 0-2.399 1.2 1.2 0 0 0 0 2.4Z" clip-rule="evenodd"/>
</svg>
</span>
<span class="sr-only">Instagram</span>
</a>
</li>
<li class="mb-2 ml-2 inline-block">
<a
class="fill-current hover:text-scheme-accent"
href="https://www.tiktok.com/@fulltimefits"
target="_blank"
>
<span class="inline-block h-6 w-6" aria-hidden="true"><svg
xmlns="http://www.w3.org/2000/svg"
class="icon fill-current"
fill="none"
viewbox="0 0 24 24"
aria-hidden="true"
focusable="false"
role="presentation"
>
<path fill="#000" d="M16.019 2h-3.37v13.623c0 1.623-1.297 2.957-2.91 2.957-1.614 0-2.91-1.334-2.91-2.957 0-1.594 1.267-2.898 2.823-2.956v-3.42c-3.428.057-6.194 2.869-6.194 6.376C3.458 19.16 6.282 22 9.768 22c3.485 0 6.308-2.87 6.308-6.377V8.638a7.805 7.805 0 0 0 4.466 1.507v-3.42C18.006 6.638 16.019 4.55 16.019 2Z"/>
</svg>
</span>
<span class="sr-only">TikTok</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</template>
</template>
</div>
<noscript>
<section class="section-sidebar">
<div class="bg-scheme-background px-section-horizontal-spacing py-2 text-right text-scheme-text">
<button
class="inline-flex items-center justify-center py-2"
data-menu-drawer-toggle
>
<span class="mr-2 inline-block h-6 w-6 align-middle"><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1 4.545h22M1 12h22M1 19.455h22" vector-effect="non-scaling-stroke"/>
</svg>
</span>
<span>Menu</span>
</button>
</div>
<div class="sidebar-container z-80 border-r-grid border-grid-color fixed bottom-0 left-0 top-0 w-11/12 max-w-xl transform overflow-y-auto bg-scheme-background text-scheme-text transition-transform">
<div
data-modal-label="Menu"
data-color-scheme="scheme1"
>
<div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4">
<div aria-hidden="true"> </div>
<button
@click.prevent="$store.modals.close('sidebar')"
class="absolute right-0 top-0 block h-full"
type="button"
>
<span class="sr-only">Close</span>
<div class="my-auto mr-section-horizontal-spacing h-6 w-6"><svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</div>
</button>
</div>
<nav
aria-label="Primary"
>
<ul><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/">
HOME
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/collections/shop-all">
SHOP ALL
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/pages/collection">
COLLECTIONS
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion0"
>
SHOP BY LEAGUE
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion0"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion1"
>
PREMIER LEAGUE
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion1"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/premier-league"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/arsenal"
>
Arsenal
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/chelsea"
>
Chelsea
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/everton"
>
Everton
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/liverpool"
>
Liverpool
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/man-city"
>
Man City
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/manchester-united"
>
Manchester United
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/newcastle"
>
Newcastle
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion2"
>
SERIE A
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion2"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/italian"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/ac-milan-1"
>
AC Milan
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/inter-milan-1"
>
Inter Milan
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/juventus-1"
>
Juventus
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/lazio"
>
Lazio
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/napoli"
>
Napoli
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/roma"
>
Roma
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion3"
>
LA LIGA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion3"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/spanish"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/atletico-madrid"
>
Atletico Madrid
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/fc-barcelona"
>
FC Barcelona
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/real-madrid-1"
>
Real Madrid
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/sevilla"
>
Sevilla
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/valencia"
>
Valencia
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion4"
>
LIGUE 1
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion4"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/ligue-1"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/marseille"
>
Marseille
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/monaco"
>
Monaco
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/lyon"
>
Olympique Lyon
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/psg"
>
PSG
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/st-ettiene"
>
St Etienne
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><button
class="relative w-full text-left inline-block py-1 pr-10"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion5"
>
BUNDESLIGA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion5"
class="no-js-focus-container px-2 pb-2 pt-1"
x-show="expanded"
x-cloak
><li>
<a
class="inline-block py-1"
href="/collections/german"
>
Shop all
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/bayern-munich"
>
Bayern Munich
</a>
</li><li>
<a
class="inline-block py-1"
href="/collections/borussia-dortmund"
>
Borussia Dortmund
</a>
</li></ul></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/rest-of-the-world"
>
REST OF THE WORLD
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion6"
>
SHOP BY ERA
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion6"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/90s"
>
90s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/00s"
>
00s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/10s"
>
10s
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/collections/20s"
>
20s
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="/collections/35-and-under">
£35 & UNDER
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion7"
>
COMMUNITY
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion7"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/blogs/news/about-us"
>
ABOUT US
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="/pages/full-time-fits"
>
EVENTS
</a></li></ul></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><a class="inline-block py-4 w-full text-base" href="https://wa.me/447449959147?text=Hi%2C%20I%20am%20interested%20in%20selling%20my%20shirts%2C%20here%20are%20some%20photos%20of%20the%20ones%20I%20am%20wanting%20to%20sell%3A">
SELL YOUR SHIRTS
</a></li><li
x-data="{ expanded: false }"
class="no-js-focus-wrapper break-word px-section-horizontal-spacing border-t-gridline border-gridline-color first-of-type:border-t-0"
><button
class="relative block w-full text-left inline-block py-4 w-full text-base ease pr-10 transition font-body"
x-bind:aria-expanded="expanded ? true : 'false'"
@click="expanded = ! expanded"
aria-controls="accordion8"
>
CONTACT US
<span class="absolute right-0 top-1/2 flex h-6 w-6 -translate-y-1/2 transform items-center"><span
class="inline-block w-full origin-center transform transition"
:class="{ 'rotate-180' : expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span></span>
</button>
<ul
id="accordion8"
class="no-js-focus-container pb-2 pl-4"
x-show="expanded"
x-cloak
><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="mailto:customerservice@fulltimefits.com"
>
GENERAL ENQUIRIES
</a></li><li x-data="{ expanded: false }" class="no-js-focus-wrapper"><a
class="inline-block py-1"
href="mailto:customerservice@fulltimefits.com?subject=Return%20Request&body=Hi%2C%0AI%20would%20like%20to%20return%20my%20order.%0A%0AOrder%20Number%3A%20%0AName%3A%20%0A%0AThank%20you%2C"
>
RETURNS
</a></li></ul></li></ul>
</nav>
<div class="border-t-gridline border-gridline-color">
<nav class="my-6" aria-label="Secondary">
<ul></ul>
</nav>
<div class="my-6 px-section-horizontal-spacing">
<form method="post" action="/localization" id="sidebar-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="flex gap-4 flex-col gap-y-0"><div class="inline-block shrink-0 select-none">
<h2 class="sr-only" id="country-heading-sidebar">
Country/region
</h2>
<div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="text-base py-2"
:aria-expanded="expanded"
aria-controls="country-list-sidebar"
aria-describedby="country-heading-sidebar"
@click.prevent="expanded = ! expanded"
>
France (EUR
€)
<span
class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
:class="{ 'rotate-180': expanded }"
>
<svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span>
</button>
<div
class="absolute bottom-[calc(100%_+_0.5rem)] right-auto left-0"
x-show="expanded"
style="display: none;"
>
<ul
id="country-list-sidebar"
class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.52)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gridline-color bg-gridline-color text-base"
x-transition:enter="transition ease duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
:aria-hidden="! expanded"
>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Afghanistan (AFN
؋)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Åland Islands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Albania (ALL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Algeria (DZD
د.ج)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Andorra (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Angola (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Anguilla (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Antigua & Barbuda (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Argentina (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Armenia (AMD
դր.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Aruba (AWG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ascension Island (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Australia (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Austria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Azerbaijan (AZN
₼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahamas (BSD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahrain (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bangladesh (BDT
৳)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Barbados (BBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belarus (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belgium (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belize (BZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Benin (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bermuda (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bhutan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bolivia (BOB
Bs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bosnia & Herzegovina (BAM
КМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Botswana (BWP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brazil (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Indian Ocean Territory (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Virgin Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brunei (BND
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bulgaria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burkina Faso (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burundi (BIF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cambodia (KHR
៛)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cameroon (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Canada (CAD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cape Verde (CVE
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Caribbean Netherlands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cayman Islands (KYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Central African Republic (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chad (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chile (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">China (CNY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Christmas Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cocos (Keeling) Islands (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Colombia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Comoros (KMF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Brazzaville (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Kinshasa (CDF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cook Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Costa Rica (CRC
₡)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Côte d’Ivoire (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Croatia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Curaçao (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cyprus (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Czechia (CZK
Kč)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Denmark (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Djibouti (DJF
Fdj)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominica (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominican Republic (DOP
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ecuador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Egypt (EGP
ج.م)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">El Salvador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Equatorial Guinea (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ER'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eritrea (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Estonia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eswatini (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ET'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ethiopia (ETB
Br)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Falkland Islands (FKP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Faroe Islands (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Fiji (FJD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Finland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
aria-current="true"
@click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
>
<span class="border-scheme-text border-b-text">France (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Guiana (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Polynesia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Southern Territories (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gabon (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gambia (GMD
D)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Georgia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Germany (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ghana (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gibraltar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greece (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greenland (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Grenada (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guadeloupe (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guatemala (GTQ
Q)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guernsey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea (GNF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea-Bissau (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guyana (GYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Haiti (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Honduras (HNL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hong Kong SAR (HKD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hungary (HUF
Ft)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iceland (ISK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">India (INR
₹)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ID'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Indonesia (IDR
Rp)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iraq (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ireland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Isle of Man (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Israel (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Italy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jamaica (JMD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Japan (JPY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jersey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jordan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kazakhstan (KZT
₸)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kenya (KES
KSh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kiribati (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'XK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kosovo (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kuwait (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kyrgyzstan (KGS
som)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Laos (LAK
₭)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Latvia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lebanon (LBP
ل.ل)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lesotho (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liberia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Libya (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liechtenstein (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lithuania (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Luxembourg (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Macao SAR (MOP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Madagascar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malawi (MWK
MK)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malaysia (MYR
RM)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Maldives (MVR
MVR)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ML'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mali (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malta (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Martinique (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritania (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritius (MUR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mayotte (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mexico (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Moldova (MDL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Monaco (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mongolia (MNT
₮)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ME'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montenegro (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montserrat (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Morocco (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mozambique (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Myanmar (Burma) (MMK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Namibia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nauru (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nepal (NPR
Rs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Netherlands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Caledonia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Zealand (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nicaragua (NIO
C$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niger (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nigeria (NGN
₦)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niue (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norfolk Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">North Macedonia (MKD
ден)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norway (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'OM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Oman (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pakistan (PKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Palestinian Territories (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Panama (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Papua New Guinea (PGK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Paraguay (PYG
₲)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Peru (PEN
S/)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Philippines (PHP
₱)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pitcairn Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Poland (PLN
zł)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Portugal (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'QA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Qatar (QAR
ر.ق)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Réunion (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Romania (RON
Lei)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Russia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Rwanda (RWF
FRw)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Samoa (WST
T)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">San Marino (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ST'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">São Tomé & Príncipe (STD
Db)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Saudi Arabia (SAR
ر.س)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Senegal (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Serbia (RSD
РСД)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Seychelles (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sierra Leone (SLL
Le)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Singapore (SGD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sint Maarten (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovakia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovenia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Solomon Islands (SBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Somalia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Africa (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Georgia & South Sandwich Islands (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Korea (KRW
₩)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ES'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Spain (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sri Lanka (LKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Barthélemy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Helena (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Kitts & Nevis (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Lucia (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Martin (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Pierre & Miquelon (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Vincent & Grenadines (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Suriname (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Svalbard & Jan Mayen (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sweden (SEK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Switzerland (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Taiwan (TWD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tajikistan (TJS
ЅМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tanzania (TZS
Sh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Thailand (THB
฿)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Timor-Leste (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Togo (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tokelau (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tonga (TOP
T$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Trinidad & Tobago (TTD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tristan da Cunha (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tunisia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Türkiye (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turkmenistan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turks & Caicos Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tuvalu (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">U.S. Outlying Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uganda (UGX
USh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ukraine (UAH
₴)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Arab Emirates (AED
د.إ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Kingdom (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United States (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uruguay (UYU
$U)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uzbekistan (UZS
so'm)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vanuatu (VUV
Vt)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vatican City (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Venezuela (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vietnam (VND
₫)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Wallis & Futuna (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Western Sahara (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Yemen (YER
﷼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zambia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zimbabwe (USD
$)</span
>
</button>
</li></ul>
</div>
<input
x-ref="input"
type="hidden"
name="country_code"
id="CountrySelector"
value="FR"
>
</div>
</div></div></form>
</div>
<ul class="space-y-1 px-section-horizontal-spacing">
<li>
<a href="https://fulltimefits.com/customer_authentication/redirect?locale=en&region_country=FR" id="customer_login_link">Log in</a>
</li>
<li>
<a href="https://customer.account.fulltimefits.com?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiIzZmYxMGMtMi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTA5Njk4NzUsIm5iZiI6MTc5MDM2NTA3NX0.HvnOkEb29dkhWdEmcv5AfPMdfzrf-_-Q3DPK3S0hWv8" id="customer_register_link">Create account</a>
</li>
</ul>
<div class="my-8 px-section-horizontal-spacing">
<ul
class="-ml-2"
data-color-scheme="scheme1"
>
<li class="mb-2 ml-2 inline-block">
<a
class="fill-current hover:text-scheme-accent"
href="https://www.instagram.com/fulltimefits/"
target="_blank"
>
<span class="inline-block h-6 w-6" aria-hidden="true"><svg
xmlns="http://www.w3.org/2000/svg"
class="icon fill-current"
fill="none"
viewbox="0 0 24 24"
aria-hidden="true"
focusable="false"
role="presentation"
>
<path fill="#000" fill-rule="evenodd" d="M12.006 3.801c2.672 0 2.989.012 4.04.059.977.043 1.504.207 1.855.344a3.1 3.1 0 0 1 1.15.746c.35.351.566.684.745 1.148.137.352.301.883.344 1.856.047 1.055.059 1.372.059 4.04 0 2.672-.012 2.989-.059 4.04-.043.977-.207 1.504-.344 1.856-.18.465-.398.8-.746 1.148a3.076 3.076 0 0 1-1.149.747c-.351.137-.882.3-1.855.343-1.055.047-1.372.06-4.04.06-2.673 0-2.989-.013-4.04-.06-.977-.042-1.504-.206-1.856-.343-.465-.18-.8-.399-1.148-.747a3.076 3.076 0 0 1-.747-1.148c-.136-.352-.3-.883-.344-1.856-.046-1.055-.058-1.371-.058-4.04 0-2.672.012-2.989.058-4.04.043-.976.208-1.504.344-1.856.18-.464.399-.8.747-1.148a3.076 3.076 0 0 1 1.148-.746c.352-.137.883-.301 1.856-.344 1.051-.047 1.367-.059 4.04-.059Zm0-1.801c-2.716 0-3.055.012-4.122.059-1.063.046-1.793.218-2.426.465A4.882 4.882 0 0 0 3.684 3.68a4.9 4.9 0 0 0-1.157 1.77c-.246.637-.418 1.363-.464 2.426-.047 1.07-.06 1.41-.06 4.126 0 2.715.013 3.055.06 4.122.046 1.063.218 1.793.464 2.426.258.66.598 1.22 1.157 1.774a4.89 4.89 0 0 0 1.77 1.152c.637.247 1.363.419 2.426.465 1.067.047 1.407.059 4.122.059s3.055-.012 4.122-.059c1.063-.046 1.793-.218 2.426-.464a4.89 4.89 0 0 0 1.77-1.153 4.888 4.888 0 0 0 1.152-1.77c.247-.637.419-1.363.465-2.426.047-1.067.06-1.407.06-4.122 0-2.716-.013-3.055-.06-4.122-.046-1.063-.218-1.793-.465-2.426a4.684 4.684 0 0 0-1.144-1.778 4.889 4.889 0 0 0-1.77-1.153c-.637-.246-1.364-.418-2.426-.464-1.07-.051-1.41-.063-4.126-.063Zm0 4.864a5.139 5.139 0 0 0-5.138 5.138 5.139 5.139 0 0 0 5.138 5.138 5.14 5.14 0 0 0 5.138-5.138 5.139 5.139 0 0 0-5.138-5.138Zm0 8.47a3.333 3.333 0 1 1 0-6.666 3.333 3.333 0 0 1 0 6.667Zm5.34-7.474a1.2 1.2 0 1 0 0-2.399 1.2 1.2 0 0 0 0 2.4Z" clip-rule="evenodd"/>
</svg>
</span>
<span class="sr-only">Instagram</span>
</a>
</li>
<li class="mb-2 ml-2 inline-block">
<a
class="fill-current hover:text-scheme-accent"
href="https://www.tiktok.com/@fulltimefits"
target="_blank"
>
<span class="inline-block h-6 w-6" aria-hidden="true"><svg
xmlns="http://www.w3.org/2000/svg"
class="icon fill-current"
fill="none"
viewbox="0 0 24 24"
aria-hidden="true"
focusable="false"
role="presentation"
>
<path fill="#000" d="M16.019 2h-3.37v13.623c0 1.623-1.297 2.957-2.91 2.957-1.614 0-2.91-1.334-2.91-2.957 0-1.594 1.267-2.898 2.823-2.956v-3.42c-3.428.057-6.194 2.869-6.194 6.376C3.458 19.16 6.282 22 9.768 22c3.485 0 6.308-2.87 6.308-6.377V8.638a7.805 7.805 0 0 0 4.466 1.507v-3.42C18.006 6.638 16.019 4.55 16.019 2Z"/>
</svg>
</span>
<span class="sr-only">TikTok</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<style>
.section-sidebar {
display: block !important;
}
@media (min-width: 1024px) {
.section-sidebar {
display: none !important;
}
}
.sidebar-container {
position: static;
width: 100%;
max-width: 100%;
border-right: 0;
display: none;
}
.section-sidebar:focus-within .sidebar-container {
display: block !important;
}
</style>
</noscript>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/sidebar.js?v=161736377760932479431784213660" type="module"></script>
</div><script>
const calculateHeaderHeights = () => {
const headerGroupHeights = [];
document
.querySelectorAll('.shopify-section-group-header-group')
.forEach((headerGroupSectionEl) => {
headerGroupHeights.push(
headerGroupSectionEl.getBoundingClientRect().height
);
});
document.documentElement.style.setProperty(
'--header-group-height',
`${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px`
);
};
calculateHeaderHeights();
const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300);
window.addEventListener('resize', debouncedCalculateHeaderHeights);
</script>
<style>
#MainContent
> .shopify-section.banner-section:first-child
[data-media-container].h-screen {
height: calc(100vh - var(--header-group-height));
}
@media (min-width: 990px) {
#MainContent
> .shopify-section.banner-section:first-child
[data-media-container].lg\:h-auto {
height: auto;
}
#MainContent
> .shopify-section.banner-section:first-child
[data-media-container].lg\:h-screen {
height: calc(100vh - var(--header-group-height));
}
}
</style>
<main id="MainContent">
<div id="shopify-section-template--27495746404738__1784388018c59430ca" class="shopify-section">
<style data-shopify>
.ai-trust-badges-an3aya1jaazbactfgoaigenblock23911c238kzxh {
display: block;
width: 100%;
max-width: 100%;
}
.ai-trust-badges__container-an3aya1jaazbactfgoaigenblock23911c238kzxh {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
padding: 15px 20px;
background-color: #ffffff;
border-radius: 0px;
flex-wrap: wrap;
}
.ai-trust-badges__badge-an3aya1jaazbactfgoaigenblock23911c238kzxh {
display: flex;
align-items: center;
gap: 8px;
flex: 0 1 auto;
}
.ai-trust-badges__icon-an3aya1jaazbactfgoaigenblock23911c238kzxh {
width: 20px;
height: 20px;
flex-shrink: 0;
color: #000000;
}
.ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh {
color: #000000;
font-size: 14px;
white-space: nowrap;
}
@media screen and (max-width: 749px) {
.ai-trust-badges__container-an3aya1jaazbactfgoaigenblock23911c238kzxh {
gap: 8px;
padding: 10.5px 10.0px;
flex-wrap: nowrap;
align-items: flex-start;
}
.ai-trust-badges__badge-an3aya1jaazbactfgoaigenblock23911c238kzxh {
flex-direction: column;
gap: 4px;
text-align: center;
flex: 1 1 0;
min-width: 0;
align-items: center;
}
.ai-trust-badges__icon-an3aya1jaazbactfgoaigenblock23911c238kzxh {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh {
font-size: 11px;
white-space: normal;
line-height: 1.2;
max-width: 100%;
display: block;
min-height: calc(11px * 1.2 * 2);
}
.ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh.ai-trust-badges__text--badge-3-an3aya1jaazbactfgoaigenblock23911c238kzxh {
max-width: 70px;
}
}
</style>
<div class="ai-trust-badges-an3aya1jaazbactfgoaigenblock23911c238kzxh" >
<div class="ai-trust-badges__container-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<div class="ai-trust-badges__badge-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<div class="ai-trust-badges__icon-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
<path d="M9 12l2 2 4-4"></path>
</svg>
</div>
<span class="ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh">100% Authentic</span>
</div>
<div class="ai-trust-badges__badge-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<div class="ai-trust-badges__icon-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="2" y1="12" x2="22" y2="12"></line>
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
</svg>
</div>
<span class="ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh">Worldwide Shipping</span>
</div>
<div class="ai-trust-badges__badge-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<div class="ai-trust-badges__icon-an3aya1jaazbactfgoaigenblock23911c238kzxh">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect x="1" y="3" width="15" height="13"></rect>
<polygon points="16 8 20 8 23 11 23 16 16 16 16 8"></polygon>
<circle cx="5.5" cy="18.5" r="2.5"></circle>
<circle cx="18.5" cy="18.5" r="2.5"></circle>
</svg>
</div>
<span class="ai-trust-badges__text-an3aya1jaazbactfgoaigenblock23911c238kzxh ai-trust-badges__text--badge-3-an3aya1jaazbactfgoaigenblock23911c238kzxh">US Taxes Included</span>
</div>
</div>
</div>
</div><div id="shopify-section-template--27495746404738__collection_list_YGUBbz" class="shopify-section"><section
class="featured-collection gap-gutter border-b-gridline border-gridline-color"
data-color-scheme="scheme1"
>
<ul class="grid grid-cols-1 lg:grid-cols-12 gap-gutter bg-gridline-color">
<li
class="lg:col-span-6 relative bg-scheme-background"
>
<a
class="group relative block h-full text-scheme-text hover:text-scheme-accent"
href="/collections/football-shirts-v2"
data-color-scheme="scheme4"
>
<div class="flex h-full items-center justify-center">
<div
class="relative w-full"
>
<image-with-placeholder
class="relative w-full"
style="padding-bottom: 100%;"
><img src="//fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=3000" alt="Football Shirts" srcset="//fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=200 200w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=350 350w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=450 450w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=750 750w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=850 850w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=960 960w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1280 1280w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1440 1440w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1536 1536w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1706 1706w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1782 1782w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=1920 1920w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=2560 2560w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=2880 2880w, //fulltimefits.com/cdn/shop/collections/IMG-8629_54b7c398-9034-43b6-8bfa-71d23eadae7a.jpg?v=1788634450&width=3000 3000w" width="3000" height="3751" loading="eager" class="peer/image absolute inset-0 w-full h-full object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
<div
class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
></div>
</image-with-placeholder>
</div>
</div>
<div class="absolute bottom-0 left-0 right-0 top-0 z-10 flex px-section-horizontal-spacing py-4 justify-center items-center text-center">
<div class="text-scheme-text break-word w-full">
<div class="text-heading-secondary font-heading">
Football Shirts
</div>
</div>
</div>
</a>
</li>
<li
class="lg:col-span-6 relative bg-scheme-background"
>
<a
class="group relative block h-full text-scheme-text hover:text-scheme-accent"
href="/collections/training-wear"
data-color-scheme="scheme4"
>
<div class="flex h-full items-center justify-center">
<div
class="relative w-full"
>
<image-with-placeholder
class="relative w-full"
style="padding-bottom: 100%;"
><img src="//fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=3000" alt="Training Wear" srcset="//fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=200 200w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=350 350w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=450 450w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=750 750w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=850 850w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=960 960w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1280 1280w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1440 1440w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1536 1536w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1706 1706w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1782 1782w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=1920 1920w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=2560 2560w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=2880 2880w, //fulltimefits.com/cdn/shop/collections/117129E4-0790-436E-BC3A-D738453E9A02.jpg?v=1788635107&width=3000 3000w" width="3000" height="3259" loading="eager" class="peer/image absolute inset-0 w-full h-full object-cover" sizes="(min-width: 1024px) 50vw, 100vw">
<div
class="absolute inset-0 h-full w-full bg-scheme-text opacity-[0.05] peer-[.is-complete]/image:opacity-0 no-js:hidden"
></div>
</image-with-placeholder>
</div>
</div>
<div class="absolute bottom-0 left-0 right-0 top-0 z-10 flex px-section-horizontal-spacing py-4 justify-center items-center text-center">
<div class="text-scheme-text break-word w-full">
<div class="text-heading-secondary font-heading">
Training Wear
</div>
</div>
</div>
</a>
</li>
</ul></section>
</div><div id="shopify-section-template--27495746404738__1780584483121b3b96" class="shopify-section">
<style data-shopify>
.ai-google-review-badge-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
display: block;
width: 100%;
}
.ai-google-review-link-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 16px 24px;
background-color: #ffffff;
border-radius: 8px;
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
width: 100%;
}
.ai-google-review-link-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.ai-google-review-content-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
display: flex;
align-items: center;
gap: 12px;
}
.ai-google-review-text-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
display: flex;
flex-direction: column;
gap: 4px;
}
.ai-google-review-rating-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
font-size: 16px;
font-weight: 600;
color: #202124;
line-height: 1;
}
.ai-google-review-platform-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
font-size: 13px;
color: #202124;
opacity: 0.8;
line-height: 1;
}
.ai-google-review-stars-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
display: flex;
gap: 2px;
}
.ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
width: 24px;
height: 24px;
flex-shrink: 0;
}
.ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm svg {
width: 100%;
height: 100%;
fill: #fbbc04;
}
.ai-google-logo-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
height: 32px;
flex-shrink: 0;
}
.ai-google-logo-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm svg {
height: 100%;
width: auto;
}
@media screen and (max-width: 749px) {
.ai-google-review-link-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
padding: 12.8px 19.2px;
gap: 12px;
}
.ai-google-review-rating-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
font-size: 14.4px;
}
.ai-google-review-platform-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
font-size: 11.7px;
}
.ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
width: 20.4px;
height: 20.4px;
}
.ai-google-logo-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm {
height: 25.6px;
}
}
</style>
<div
class="ai-google-review-badge-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm"
style="width: 100%;"
>
<a
href="https://maps.app.goo.gl/wqjC1H9BKtNd2BbC8"
class="ai-google-review-link-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm"
target="_blank"
rel="noopener noreferrer"
aria-label="View our 5-star Google reviews"
>
<div class="ai-google-review-content-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<div class="ai-google-review-text-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<div class="ai-google-review-rating-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">Rated 5 Stars</div>
<div class="ai-google-review-platform-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">on Google</div>
</div>
<div class="ai-google-review-stars-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<div class="ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<div class="ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<div class="ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<div class="ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<div class="ai-google-review-star-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg
xmlns="http://www.w3.org/2000/svg"
viewbox="0 0 24 24"
>
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
</div>
</div>
<div class="ai-google-logo-adwqya05ocnnpanuysaigenblock3f0aea0fexjdm">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 272 92">
<path fill="#EA4335" d="M115.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18C71.25 34.32 81.24 25 93.5 25s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44S80.99 39.2 80.99 47.18c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"/>
<path fill="#FBBC05" d="M163.75 47.18c0 12.77-9.99 22.18-22.25 22.18s-22.25-9.41-22.25-22.18c0-12.85 9.99-22.18 22.25-22.18s22.25 9.32 22.25 22.18zm-9.74 0c0-7.98-5.79-13.44-12.51-13.44s-12.51 5.46-12.51 13.44c0 7.9 5.79 13.44 12.51 13.44s12.51-5.55 12.51-13.44z"/>
<path fill="#4285F4" d="M209.75 26.34v39.82c0 16.38-9.66 23.07-21.08 23.07-10.75 0-17.22-7.19-19.66-13.07l8.48-3.53c1.51 3.61 5.21 7.87 11.17 7.87 7.31 0 11.84-4.51 11.84-13v-3.19h-.34c-2.18 2.69-6.38 5.04-11.68 5.04-11.09 0-21.25-9.66-21.25-22.09 0-12.52 10.16-22.26 21.25-22.26 5.29 0 9.49 2.35 11.68 4.96h.34v-3.61h9.25zm-8.56 20.92c0-7.81-5.21-13.52-11.84-13.52-6.72 0-12.35 5.71-12.35 13.52 0 7.73 5.63 13.36 12.35 13.36 6.63 0 11.84-5.63 11.84-13.36z"/>
<path fill="#34A853" d="M225 3v65h-9.5V3h9.5z"/>
<path fill="#EA4335" d="M262.02 54.48l7.56 5.04c-2.44 3.61-8.32 9.83-18.48 9.83-12.6 0-22.01-9.74-22.01-22.18 0-13.19 9.49-22.18 20.92-22.18 11.51 0 17.14 9.16 18.98 14.11l1.01 2.52-29.65 12.28c2.27 4.45 5.8 6.72 10.75 6.72 4.96 0 8.4-2.44 10.92-6.14zm-23.27-7.98l19.82-8.23c-1.09-2.77-4.37-4.7-8.23-4.7-4.95 0-11.84 4.37-11.59 12.93z"/>
<path fill="#4285F4" d="M35.29 41.41V32H67c.31 1.64.47 3.58.47 5.68 0 7.06-1.93 15.79-8.15 22.01-6.05 6.3-13.78 9.66-24.02 9.66C16.32 69.35.36 53.89.36 34.91.36 15.93 16.32.47 35.3.47c10.5 0 17.98 4.12 23.6 9.49l-6.64 6.64c-4.03-3.78-9.49-6.72-16.97-6.72-13.86 0-24.7 11.17-24.7 25.03 0 13.86 10.84 25.03 24.7 25.03 8.99 0 14.11-3.61 17.39-6.89 2.66-2.66 4.41-6.46 5.1-11.65l-22.49.01z"/>
</svg>
</div>
</a>
</div>
</div><div id="shopify-section-template--27495746404738__175646434010aa6920" class="shopify-section"><div id="shopify-block-AVC9ZZmd2eTNjbjFyT__ai_gen_block_8729925_aD9UAT" class="shopify-block">
<style data-shopify>
.ai-spacer-avc9zzmd2etnjbjfytaigenblock8729925ad9uat {
display: block;
width: 100%;
}
@media screen and (max-width: 749px) {
.ai-spacer-avc9zzmd2etnjbjfytaigenblock8729925ad9uat {
height: 20px;
}
}
@media screen and (min-width: 750px) {
.ai-spacer-avc9zzmd2etnjbjfytaigenblock8729925ad9uat {
height: 20px;
}
}
</style>
<div class="ai-spacer-avc9zzmd2etnjbjfytaigenblock8729925ad9uat" ></div>
</div>
<div id="shopify-block-ARG5DamQyNCtOQ01CQ__ai_gen_block_dbad612_XYcUr4" class="shopify-block">
<style data-shopify>
.ai-product-carousel-arg5damqynctoq01cqaigenblockdbad612xycur4 {
position: relative;
width: 100%;
max-width: 100%;
display: block;
}
.ai-product-carousel__header-arg5damqynctoq01cqaigenblockdbad612xycur4 {
margin-bottom: 20px;
padding: 0 2px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ai-product-carousel__title-arg5damqynctoq01cqaigenblockdbad612xycur4 {
margin: 0;
color: #000000;
font-size: 24px;
text-align: left;
font-weight: 400;
font-family: var(--font-heading-family);
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4 {
display: inline-flex;
align-items: center;
gap: 6px;
color: #000000;
text-decoration: none;
font-size: 12px;
font-family: var(--font-body-family);
text-transform: uppercase;
letter-spacing: 0.05em;
transition: gap 0.2s ease;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4:hover {
gap: 10px;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4 svg {
width: 16px;
height: 16px;
transition: transform 0.2s ease;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4:hover svg {
transform: translateX(2px);
}
.ai-product-carousel__scroll-container-arg5damqynctoq01cqaigenblockdbad612xycur4 {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
position: relative;
margin-bottom: 16px;
}
.ai-product-carousel__scroll-container-arg5damqynctoq01cqaigenblockdbad612xycur4::-webkit-scrollbar {
display: none;
}
.ai-product-carousel__track-arg5damqynctoq01cqaigenblockdbad612xycur4 {
display: flex;
gap: 12px;
padding: 0 2px;
}
.ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4 {
flex: 0 0 auto;
width: calc((100% - (2px * 2) - (12px * 1.3)) / 2.3);
min-width: 140px;
}
.ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4 {
display: flex;
flex-direction: column;
height: 100%;
background-color: #ffffff;
border-radius: 8px;
overflow: hidden;
border: 1px solid #000000;
}
.ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4 {
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
background-color: #f4f4f4;
}
.ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.3s ease;
}
.ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4 {
opacity: 1;
z-index: 1;
}
.ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4 {
opacity: 0;
z-index: 2;
}
.ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4:hover .ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4 {
opacity: 0;
}
.ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4:hover .ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4 {
opacity: 1;
}
.ai-product-carousel__badge-arg5damqynctoq01cqaigenblockdbad612xycur4 {
position: absolute;
top: 8px;
left: 8px;
background-color: #000000;
color: #ffffff;
padding: 4px 8px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
border-radius: 2px;
z-index: 3;
}
.ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4 {
padding: 12px;
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.ai-product-carousel__vendor-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 11px;
text-transform: uppercase;
color: #666666;
margin-bottom: 4px;
letter-spacing: 0.5px;
font-family: var(--font-body-family);
}
.ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 14px;
font-weight: 400;
color: #000000;
margin: 0 0 8px;
line-height: 1.3;
flex-grow: 1;
font-family: var(--font-body-family);
}
.ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4 {
color: inherit;
text-decoration: none;
}
.ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4:hover {
text-decoration: underline;
}
.ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4 {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
}
.ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 13px;
font-weight: 400;
color: #000000;
font-family: var(--font-body-family);
border: 1px solid #000000;
padding: 4px 6.0px;
display: inline-block;
border-radius: 6px;
}
.ai-product-carousel__price--sale-arg5damqynctoq01cqaigenblockdbad612xycur4 {
color: #d82c0d;
}
.ai-product-carousel__compare-price-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 11px;
color: #999999;
text-decoration: line-through;
font-family: var(--font-body-family);
}
.ai-product-carousel__controls-arg5damqynctoq01cqaigenblockdbad612xycur4 {
display: flex;
align-items: center;
gap: 12px;
padding: 0 2px;
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4 {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #ffffff;
color: #fd7436;
border: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
padding: 0;
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4:hover:not(:disabled) {
background-color: #f5f5f5;
transform: scale(1.05);
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4 svg {
width: 16px;
height: 16px;
}
.ai-product-carousel__progress-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4 {
flex-grow: 1;
height: 4px;
background-color: #e0e0e0;
border-radius: 2px;
overflow: hidden;
position: relative;
}
.ai-product-carousel__progress-bar-arg5damqynctoq01cqaigenblockdbad612xycur4 {
height: 100%;
background-color: #fd7436;
border-radius: 2px;
transition: width 0.1s ease-out;
width: 0%;
}
.ai-product-carousel__empty-state-arg5damqynctoq01cqaigenblockdbad612xycur4 {
text-align: center;
padding: 60px 20px;
color: #666;
}
.ai-product-carousel__empty-state-arg5damqynctoq01cqaigenblockdbad612xycur4 svg {
width: 80px;
height: 80px;
margin-bottom: 16px;
opacity: 0.3;
}
@media screen and (min-width: 750px) {
.ai-product-carousel__header-arg5damqynctoq01cqaigenblockdbad612xycur4 {
padding: 0 4px;
}
.ai-product-carousel__title-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 32px;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 14px;
}
.ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4 svg {
width: 18px;
height: 18px;
}
.ai-product-carousel__track-arg5damqynctoq01cqaigenblockdbad612xycur4 {
gap: 20px;
padding: 0 4px;
}
.ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4 {
width: calc((100% - (4px * 2) - (20px * (5 - 1))) / 5);
}
.ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4 {
padding: 16px;
}
.ai-product-carousel__vendor-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 12px;
}
.ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 16px;
}
.ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 15px;
}
.ai-product-carousel__compare-price-arg5damqynctoq01cqaigenblockdbad612xycur4 {
font-size: 13px;
}
.ai-product-carousel__controls-arg5damqynctoq01cqaigenblockdbad612xycur4 {
padding: 0 4px;
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4 {
width: 40px;
height: 40px;
}
.ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4 svg {
width: 18px;
height: 18px;
}
}
</style>
<product-carousel-arg5damqynctoq01cqaigenblockdbad612xycur4 class="ai-product-carousel-arg5damqynctoq01cqaigenblockdbad612xycur4" >
<div class="ai-product-carousel__header-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h2 class="ai-product-carousel__title-arg5damqynctoq01cqaigenblockdbad612xycur4">Recently added</h2>
<a href="/collections/recently-added-1" class="ai-product-carousel__view-all-arg5damqynctoq01cqaigenblockdbad612xycur4">
View all
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<line x1="5" y1="12" x2="19" y2="12"></line>
<polyline points="12 5 19 12 12 19"></polyline>
</svg>
</a>
</div>
<div class="ai-product-carousel__scroll-container-arg5damqynctoq01cqaigenblockdbad612xycur4" data-scroll-container>
<div class="ai-product-carousel__track-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/juventus-2003-away-shirt-l-s-del-piero-10-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/C6C4CE90-124A-419F-8436-9792FF4A7950.jpg?v=1789812779&width=600"
alt="Juventus 2003 Away Shirt L/S, Del Piero 10 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/5920A057-2A50-4122-B6F4-32E83370C4AB.jpg?v=1789812779&width=600"
alt="Juventus 2003 Away Shirt L/S, Del Piero 10 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/juventus-2003-away-shirt-l-s-del-piero-10-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Juventus 2003 Away Shirt L/S, Del Piero 10 (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€213,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/lazio-1998-away-shirt-xl" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/67782CEC-5418-44A9-9C04-8A691D5A0835.jpg?v=1789812779&width=600"
alt="Lazio 1998 Away Shirt (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/F5FCC55C-9B14-4409-A172-AA7BAA28FD59.jpg?v=1789812779&width=600"
alt="Lazio 1998 Away Shirt (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/lazio-1998-away-shirt-xl" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Lazio 1998 Away Shirt (XL)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€142,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-1999-home-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/62714A62-E3FB-4A3E-B9C0-6BDE358A2ACE.jpg?v=1789812779&width=600"
alt="Inter Milan 1999 Home Shirt, 14 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/08F35C91-EE5A-4B18-BDD4-9D037F72031B.jpg?v=1789812779&width=600"
alt="Inter Milan 1999 Home Shirt, 14 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-1999-home-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Inter Milan 1999 Home Shirt, 14 (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€148,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/gremio-1995-home-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/41A2FB65-0E2E-4CEB-8AD9-92DB3039BB37.jpg?v=1789813091&width=600"
alt="Gremio 1995 Home Shirt, Renner 3 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/7FFCA4A6-502B-4553-BB09-FB31C0217DE4.jpg?v=1789813093&width=600"
alt="Gremio 1995 Home Shirt, Renner 3 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/gremio-1995-home-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Gremio 1995 Home Shirt, Renner 3 (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€94,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/celts-vigo-2001-away-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/8D37E7E5-22B0-4A5C-93D9-137AFC880E1B.jpg?v=1789813091&width=600"
alt="Celta Vigo 2001 Away Shirt, 18 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/A45DD405-B267-49F0-BE20-D0EFD39EA8C1.jpg?v=1789813090&width=600"
alt="Celta Vigo 2001 Away Shirt, 18 (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/celts-vigo-2001-away-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Celta Vigo 2001 Away Shirt, 18 (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€83,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/athletic-bilbao-2004-home-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/39B7386B-B84B-4434-BC3B-D7D0D8AF7532.jpg?v=1789813090&width=600"
alt="Athletic Bilbao 2004 Home (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/C60CB199-6ACC-4BB0-B99B-7ACFDA28F6C7.jpg?v=1789813090&width=600"
alt="Athletic Bilbao 2004 Home (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/athletic-bilbao-2004-home-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Athletic Bilbao 2004 Home (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€94,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/manchester-united-2009-gk-shirt-van-der-sar-1-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/2B772698-2423-4DF1-89DA-63A39414E408.jpg?v=1789813091&width=600"
alt="Manchester United 2009 GK Shirt, Van Der Sar 1 (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/6FEC4C11-102A-4EA1-AA29-329602DBBE09.jpg?v=1789813092&width=600"
alt="Manchester United 2009 GK Shirt, Van Der Sar 1 (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/manchester-united-2009-gk-shirt-van-der-sar-1-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Manchester United 2009 GK Shirt, Van Der Sar 1 (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€88,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/mexico-2011-gk-shirt-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/C7561990-2E78-48E7-8E70-AA7AE902EC8B.jpg?v=1789813092&width=600"
alt="Mexico 2011 GK Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/EF599FF5-C604-48DE-934F-3361DC661EFC.jpg?v=1789813093&width=600"
alt="Mexico 2011 GK Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/mexico-2011-gk-shirt-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Mexico 2011 GK Shirt (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€88,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/napoli-2013-away-shirt-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/1BEA38B3-8FD3-45BC-9F48-E0D5C0D1B62D.jpg?v=1789813090&width=600"
alt="Napoli 2013 Away Shirt, Maggio 11 (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/39F12C98-1008-45E4-B4CC-077EBF05E984.jpg?v=1789813091&width=600"
alt="Napoli 2013 Away Shirt, Maggio 11 (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/napoli-2013-away-shirt-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Napoli 2013 Away Shirt, Maggio 11 (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€88,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-2009-away-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/E68911B1-C5EA-4F9E-9396-0425F26C8F73.jpg?v=1789813480&width=600"
alt="Inter Milan 2009 Away Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/6BA5CD4A-8A2D-44CE-BE6A-4411B198EB1C.jpg?v=1789813481&width=600"
alt="Inter Milan 2009 Away Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-2009-away-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Inter Milan 2009 Away Shirt (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€77,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-2008-away-shirt-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/4D394F1A-CF1C-4109-86C2-A59D4448A052.jpg?v=1789813480&width=600"
alt="Inter Milan 2008 Away Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/27CEA690-D03D-46D4-94DD-7980FB5F59B3.jpg?v=1789813481&width=600"
alt="Inter Milan 2008 Away Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/inter-milan-2008-away-shirt-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Inter Milan 2008 Away Shirt (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€94,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/club-america-2011-away-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/9E4F5CC3-9113-44F4-8DF0-7DE22035947A.jpg?v=1789813480&width=600"
alt="Club America 2011 Away Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/A6AE2A79-8D32-4A70-AE84-F00CB299938A.jpg?v=1789813480&width=600"
alt="Club America 2011 Away Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/club-america-2011-away-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Club America 2011 Away Shirt (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€77,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/club-atlas-2006-home-xl" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/552E2469-C712-4DA1-B928-13E428884DFB.jpg?v=1789813481&width=600"
alt="Club Atlas 2006 Home (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/B73F7D40-2894-43A6-8935-F459CB695547.jpg?v=1789813480&width=600"
alt="Club Atlas 2006 Home (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/club-atlas-2006-home-xl" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Club Atlas 2006 Home (XL)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€71,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/spain-2009-home-shirt-m-1" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/D2C95DF5-4EBA-441C-A986-21BF4155A982.jpg?v=1789813481&width=600"
alt="Spain 2009 Home Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/EA84ECC1-0596-4DBD-BF1F-466FCF120215.jpg?v=1789813480&width=600"
alt="Spain 2009 Home Shirt (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/spain-2009-home-shirt-m-1" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Spain 2009 Home Shirt (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€59,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/wales-2004-home-shirt-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/53875080-177B-491A-AEEE-4ED53AA157F6.jpg?v=1789813480&width=600"
alt="Wales 2004 Home Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/59F06435-D160-4E1D-ADA9-2C5EF0E9CFFF.jpg?v=1789813480&width=600"
alt="Wales 2004 Home Shirt (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/wales-2004-home-shirt-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Wales 2004 Home Shirt (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€47,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/manchester-united-2003-jacket-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/5EB71AE2-BBF4-4734-8D0C-3C5D5DAE2768.jpg?v=1789894751&width=600"
alt="Manchester United 2003 Jacket (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/5B4AA14A-4220-4FDB-86F3-F731ED73FE9E.jpg?v=1789894751&width=600"
alt="Manchester United 2003 Jacket (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/manchester-united-2003-jacket-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Manchester United 2003 Jacket (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€83,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/psg-2002-jacket-l" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/C90D111C-FEC2-4283-9809-372DBA9A77BF.jpg?v=1789894751&width=600"
alt="PSG 2002 Jacket (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/A86FC129-6375-4103-A068-A7D809E275BA.jpg?v=1789894751&width=600"
alt="PSG 2002 Jacket (L)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/psg-2002-jacket-l" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
PSG 2002 Jacket (L)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€106,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/brazil-2014-jacket-xl" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/1CCCF1AB-55BD-481E-B6A0-AFC64D139AA0.jpg?v=1789894751&width=600"
alt="Brazil 2014 Jacket (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/B38F8C18-90F6-4113-B961-A3287C2B6BA9.jpg?v=1789894751&width=600"
alt="Brazil 2014 Jacket (XL)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/brazil-2014-jacket-xl" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Brazil 2014 Jacket (XL)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€118,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/portugal-2008-jacket-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/5028DF9C-2D44-4BB3-9B3B-8343CE954422.jpg?v=1789894752&width=600"
alt="Portugal 2008 Jacket (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/74F69C97-3377-4B9D-8E60-4398C41CF38A.jpg?v=1789894751&width=600"
alt="Portugal 2008 Jacket (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/portugal-2008-jacket-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
Portugal 2008 Jacket (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€53,95
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__card-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__card-inner-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/fc-barcelona-2021-fleece-m" class="ai-product-carousel__image-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<img
src="//fulltimefits.com/cdn/shop/files/2046DE70-2F15-4DD4-B4C7-A6DC4CE6E804.jpg?v=1789894751&width=600"
alt="FC Barcelona 2021 Fleece (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--primary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
<img
src="//fulltimefits.com/cdn/shop/files/99411EDD-121E-43FF-A3AD-C610D511FD12.jpg?v=1789894751&width=600"
alt="FC Barcelona 2021 Fleece (M)"
class="ai-product-carousel__image-arg5damqynctoq01cqaigenblockdbad612xycur4 ai-product-carousel__image--secondary-arg5damqynctoq01cqaigenblockdbad612xycur4"
loading="lazy"
width="600"
height="600"
>
</a>
<div class="ai-product-carousel__content-arg5damqynctoq01cqaigenblockdbad612xycur4">
<h3 class="ai-product-carousel__product-title-arg5damqynctoq01cqaigenblockdbad612xycur4">
<a href="/products/fc-barcelona-2021-fleece-m" class="ai-product-carousel__product-title-link-arg5damqynctoq01cqaigenblockdbad612xycur4">
FC Barcelona 2021 Fleece (M)
</a>
</h3>
<div class="ai-product-carousel__price-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__price-arg5damqynctoq01cqaigenblockdbad612xycur4">
€59,95
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ai-product-carousel__controls-arg5damqynctoq01cqaigenblockdbad612xycur4">
<button
class="ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4"
data-nav-prev
aria-label="Previous products"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="15 18 9 12 15 6"></polyline>
</svg>
</button>
<div class="ai-product-carousel__progress-wrapper-arg5damqynctoq01cqaigenblockdbad612xycur4">
<div class="ai-product-carousel__progress-bar-arg5damqynctoq01cqaigenblockdbad612xycur4" data-progress-bar></div>
</div>
<button
class="ai-product-carousel__nav-button-arg5damqynctoq01cqaigenblockdbad612xycur4"
data-nav-next
aria-label="Next products"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
</div>
</product-carousel-arg5damqynctoq01cqaigenblockdbad612xycur4>
<script>
(function() {
class ProductCarouselarg5damqynctoq01cqaigenblockdbad612xycur4 extends HTMLElement {
constructor() {
super();
this.scrollContainer = this.querySelector('[data-scroll-container]');
this.progressBar = this.querySelector('[data-progress-bar]');
this.prevButton = this.querySelector('[data-nav-prev]');
this.nextButton = this.querySelector('[data-nav-next]');
this.scrollAmount = 30;
this.isScrolling = false;
this.scrollTimeout = null;
}
connectedCallback() {
if (!this.scrollContainer) return;
this.updateProgress();
this.updateButtonStates();
this.scrollContainer.addEventListener('scroll', () => {
this.updateProgress();
this.updateButtonStates();
clearTimeout(this.scrollTimeout);
this.isScrolling = true;
this.scrollTimeout = setTimeout(() => {
this.isScrolling = false;
}, 150);
});
this.prevButton.addEventListener('click', () => this.scrollPrev());
this.nextButton.addEventListener('click', () => this.scrollNext());
window.addEventListener('resize', () => {
this.updateProgress();
this.updateButtonStates();
});
const resizeObserver = new ResizeObserver(() => {
this.updateProgress();
this.updateButtonStates();
});
resizeObserver.observe(this.scrollContainer);
}
scrollPrev() {
const scrollDistance = this.scrollContainer.offsetWidth * (this.scrollAmount / 100);
this.smoothScrollBy(-scrollDistance);
}
scrollNext() {
const scrollDistance = this.scrollContainer.offsetWidth * (this.scrollAmount / 100);
this.smoothScrollBy(scrollDistance);
}
smoothScrollBy(distance) {
const start = this.scrollContainer.scrollLeft;
const target = start + distance;
const duration = 400;
const startTime = performance.now();
const easeOutCubic = (t) => {
return 1 - Math.pow(1 - t, 3);
};
const animate = (currentTime) => {
const elapsed = currentTime - startTime;
const progress = Math.min(elapsed / duration, 1);
const eased = easeOutCubic(progress);
this.scrollContainer.scrollLeft = start + (distance * eased);
if (progress < 1) {
requestAnimationFrame(animate);
}
};
requestAnimationFrame(animate);
}
updateProgress() {
if (!this.scrollContainer || !this.progressBar) return;
const scrollWidth = this.scrollContainer.scrollWidth - this.scrollContainer.offsetWidth;
const scrollLeft = this.scrollContainer.scrollLeft;
const progress = scrollWidth > 0 ? (scrollLeft / scrollWidth) * 100 : 0;
this.progressBar.style.width = progress + '%';
}
updateButtonStates() {
if (!this.scrollContainer || !this.prevButton || !this.nextButton) return;
const scrollLeft = this.scrollContainer.scrollLeft;
const maxScroll = this.scrollContainer.scrollWidth - this.scrollContainer.offsetWidth;
this.prevButton.disabled = scrollLeft <= 1;
this.nextButton.disabled = scrollLeft >= maxScroll - 1;
}
}
customElements.define('product-carousel-arg5damqynctoq01cqaigenblockdbad612xycur4', ProductCarouselarg5damqynctoq01cqaigenblockdbad612xycur4);
})();
</script>
</div>
<div id="shopify-block-Ac2hsTUo3MVVpZEQ0a__ai_gen_block_8729925_FLV9PA" class="shopify-block">
<style data-shopify>
.ai-spacer-ac2hstuo3mvvpzeq0aaigenblock8729925flv9pa {
display: block;
width: 100%;
}
@media screen and (max-width: 749px) {
.ai-spacer-ac2hstuo3mvvpzeq0aaigenblock8729925flv9pa {
height: 20px;
}
}
@media screen and (min-width: 750px) {
.ai-spacer-ac2hstuo3mvvpzeq0aaigenblock8729925flv9pa {
height: 20px;
}
}
</style>
<div class="ai-spacer-ac2hstuo3mvvpzeq0aaigenblock8729925flv9pa" ></div>
</div>
</div><div id="shopify-section-template--27495746404738__178073690977ed586e" class="shopify-section">
<style data-shopify>
.ai-collection-carousel-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
width: 100%;
display: block;
}
.ai-collection-carousel__wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.ai-collection-carousel__grid-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.ai-collection-carousel__item-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
position: relative;
overflow: hidden;
border-radius: 0px;
}
.ai-collection-carousel__link-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
display: block;
position: relative;
text-decoration: none;
color: inherit;
}
.ai-collection-carousel__image-wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
position: relative;
width: 100%;
padding-bottom: 133.33%;
overflow: hidden;
background-color: #f4f4f4;
}
.ai-collection-carousel__image-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.ai-collection-carousel__link-aqlhvvjivrgtlylfusaigenblock792495anf6hyz:hover .ai-collection-carousel__image-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
transform: scale(1.05);
}
.ai-collection-carousel__image-wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-collection-carousel__overlay-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
padding: 4px 8px;
background: rgba(0, 0, 0, 0);
color: #000000;
text-align: center;
border-radius: 8px;
font-family: var(--font-body-family);
font-style: var(--font-body-style);
font-weight: var(--font-body-weight);
}
.ai-collection-carousel__title-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
font-size: 14px;
margin: 0;
font-weight: inherit;
}
.ai-collection-carousel__empty-state-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 12px 20px;
font-size: 14px;
color: #666;
text-align: center;
pointer-events: none;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 4px;
}
@media screen and (max-width: 749px) {
.ai-collection-carousel__grid-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
display: flex;
overflow-x: auto;
scroll-snap-type: none;
-webkit-overflow-scrolling: touch;
gap: 16px;
padding: 0 16px;
scrollbar-width: none;
}
.ai-collection-carousel__grid-aqlhvvjivrgtlylfusaigenblock792495anf6hyz::-webkit-scrollbar {
display: none;
}
.ai-collection-carousel__item-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
flex: 0 0 85%;
}
.ai-collection-carousel__wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
width: 100%;
}
.ai-collection-carousel__overlay-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
top: 12px;
padding: 4px 8px;
border-radius: 8px;
}
.ai-collection-carousel__title-aqlhvvjivrgtlylfusaigenblock792495anf6hyz {
font-size: 14px;
}
}
</style>
<collection-carousel-aqlhvvjivrgtlylfusaigenblock792495anf6hyz
class="ai-collection-carousel-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<div class="ai-collection-carousel__grid-aqlhvvjivrgtlylfusaigenblock792495anf6hyz" data-carousel>
<div class="ai-collection-carousel__item-aqlhvvjivrgtlylfusaigenblock792495anf6hyz" data-original data-index="1">
<a
href="/collections/premier-league"
class="ai-collection-carousel__link-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__image-wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<img
src="//fulltimefits.com/cdn/shop/collections/88390698-1DD0-4C4A-B4F4-4DBE8BA2227D.jpg?v=1780738431&width=800"
alt="PREMIER LEAGUE"
loading="lazy"
width="4000"
height="6000"
class="ai-collection-carousel__image-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__overlay-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<h3 class="ai-collection-carousel__title-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
PREMIER LEAGUE
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aqlhvvjivrgtlylfusaigenblock792495anf6hyz" data-original data-index="2">
<a
href="/collections/spanish"
class="ai-collection-carousel__link-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__image-wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<img
src="//fulltimefits.com/cdn/shop/collections/25C862E2-82E4-40A4-A7FA-9B9B3838F58E.jpg?v=1780738762&width=800"
alt="LA LIGA"
loading="lazy"
width="4000"
height="6000"
class="ai-collection-carousel__image-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__overlay-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<h3 class="ai-collection-carousel__title-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
LA LIGA
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aqlhvvjivrgtlylfusaigenblock792495anf6hyz" data-original data-index="3">
<a
href="/collections/italian"
class="ai-collection-carousel__link-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__image-wrapper-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<img
src="//fulltimefits.com/cdn/shop/collections/5D795648-22FC-47A4-A7F1-6140AA9FB609.jpg?v=1780740507&width=800"
alt="SERIE A"
loading="lazy"
width="3848"
height="5771"
class="ai-collection-carousel__image-aqlhvvjivrgtlylfusaigenblock792495anf6hyz"
>
<div class="ai-collection-carousel__overlay-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
<h3 class="ai-collection-carousel__title-aqlhvvjivrgtlylfusaigenblock792495anf6hyz">
SERIE A
</h3>
</div>
</div>
</a>
</div>
</div>
</div>
</collection-carousel-aqlhvvjivrgtlylfusaigenblock792495anf6hyz>
<script>
(function() {
class CollectionCarouselaqlhvvjivrgtlylfusaigenblock792495anf6hyz extends HTMLElement {
constructor() {
super();
this.isLooping = false;
this.isScrolling = false;
}
connectedCallback() {
this.carousel = this.querySelector('[data-carousel]');
if (window.innerWidth <= 749) {
this.setupInfiniteLoop();
}
window.addEventListener('resize', () => {
if (window.innerWidth <= 749 && !this.isLooping) {
this.setupInfiniteLoop();
} else if (window.innerWidth > 749 && this.isLooping) {
this.removeInfiniteLoop();
}
});
}
setupInfiniteLoop() {
this.isLooping = true;
const originalItems = Array.from(this.carousel.querySelectorAll('[data-original]'));
if (originalItems.length === 0) return;
const reversedItems = [...originalItems].reverse();
reversedItems.forEach((item) => {
const cloneBefore = item.cloneNode(true);
cloneBefore.removeAttribute('data-original');
cloneBefore.setAttribute('data-clone', 'before');
this.carousel.insertBefore(cloneBefore, this.carousel.firstChild);
});
originalItems.forEach((item) => {
const cloneAfter = item.cloneNode(true);
cloneAfter.removeAttribute('data-original');
cloneAfter.setAttribute('data-clone', 'after');
this.carousel.appendChild(cloneAfter);
});
setTimeout(() => {
const itemWidth = originalItems[0].offsetWidth;
const gap = parseInt(getComputedStyle(this.carousel).gap) || 0;
const offset = (itemWidth + gap) * originalItems.length;
this.carousel.scrollLeft = offset;
}, 0);
this.carousel.addEventListener('scroll', () => {
if (this.isScrolling) return;
const itemWidth = originalItems[0].offsetWidth;
const gap = parseInt(getComputedStyle(this.carousel).gap) || 0;
const offset = (itemWidth + gap) * originalItems.length;
this.handleInfiniteScroll(offset, itemWidth, gap, originalItems.length);
});
}
handleInfiniteScroll(offset, itemWidth, gap, itemCount) {
const scrollLeft = this.carousel.scrollLeft;
const maxScroll = this.carousel.scrollWidth - this.carousel.clientWidth;
const itemSize = itemWidth + gap;
const threshold = itemSize * 0.5;
if (scrollLeft < threshold) {
this.isScrolling = true;
this.carousel.scrollLeft = offset + scrollLeft;
setTimeout(() => {
this.isScrolling = false;
}, 50);
} else if (scrollLeft > maxScroll - threshold) {
this.isScrolling = true;
this.carousel.scrollLeft = offset + (scrollLeft - maxScroll);
setTimeout(() => {
this.isScrolling = false;
}, 50);
}
}
removeInfiniteLoop() {
this.isLooping = false;
const clones = this.carousel.querySelectorAll('[data-clone]');
clones.forEach((clone) => clone.remove());
this.carousel.scrollLeft = 0;
}
}
customElements.define('collection-carousel-aqlhvvjivrgtlylfusaigenblock792495anf6hyz', CollectionCarouselaqlhvvjivrgtlylfusaigenblock792495anf6hyz);
})();
</script>
</div><div id="shopify-section-template--27495746404738__1786024224e698536a" class="shopify-section">
<style data-shopify>
.ai-collection-carousel-aywvrqlvjclntullrvaigenblock97be18dygtntz {
width: 100%;
max-width: 100%;
padding: 40px 0;
display: block;
}
.ai-collection-carousel__header-aywvrqlvjclntullrvaigenblock97be18dygtntz {
margin-bottom: 15px;
text-align: left;
}
.ai-collection-carousel__title-aywvrqlvjclntullrvaigenblock97be18dygtntz {
color: #000000;
font-size: 22px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.025em;
}
.ai-collection-carousel__wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: relative;
}
.ai-collection-carousel__track-aywvrqlvjclntullrvaigenblock97be18dygtntz {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: none;
-ms-overflow-style: none;
padding-bottom: 10px;
}
.ai-collection-carousel__track-aywvrqlvjclntullrvaigenblock97be18dygtntz::-webkit-scrollbar {
display: none;
}
.ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz {
flex: 0 0 70%;
min-width: 0;
}
.ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: relative;
display: block;
text-decoration: none;
overflow: hidden;
border-radius: 8px;
border: 1px solid #000000;
transition: transform 0.3s ease;
}
.ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz:hover {
transform: translateY(-4px);
}
.ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
background-color: #f4f4f4;
}
.ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-collection-carousel__placeholder-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #f4f4f4;
}
.ai-collection-carousel__placeholder-aywvrqlvjclntullrvaigenblock97be18dygtntz svg {
width: 60%;
height: 60%;
opacity: 0.3;
}
.ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
background: #00000099;
color: #ffffff;
text-align: center;
}
.ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz {
margin: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.025em;
}
.ai-collection-carousel__nav-aywvrqlvjclntullrvaigenblock97be18dygtntz {
display: none;
align-items: center;
justify-content: center;
gap: 12px;
margin-top: 20px;
}
.ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #000000;
background-color: #ffffff;
color: #000000;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
.ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz:hover:not(:disabled) {
background-color: #000000;
color: #ffffff;
}
.ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz svg {
width: 20px;
height: 20px;
}
.ai-collection-carousel__empty-state-aywvrqlvjclntullrvaigenblock97be18dygtntz {
text-align: center;
padding: 60px 20px;
color: #666;
font-size: 14px;
}
@media screen and (min-width: 750px) {
.ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz {
flex: 0 0 25%;
}
.ai-collection-carousel__nav-aywvrqlvjclntullrvaigenblock97be18dygtntz {
display: flex;
}
}
</style>
<collection-carousel-aywvrqlvjclntullrvaigenblock97be18dygtntz
class="ai-collection-carousel-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__header-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h2 class="ai-collection-carousel__title-aywvrqlvjclntullrvaigenblock97be18dygtntz">Shop by product type</h2>
</div>
<div class="ai-collection-carousel__wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<div class="ai-collection-carousel__track-aywvrqlvjclntullrvaigenblock97be18dygtntz" data-carousel-track>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/vests"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/0BCAFFF8-1AFC-4A78-9D1D-FE11061FF74D.png?v=1786032903&width=600"
alt="Vests"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
Vests
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/shorts-3-4-s"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/46BC9D97-30D4-4472-84F0-619BF27ECCC4.jpg?v=1786031162&width=600"
alt="SHORTS"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
SHORTS
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/jackets"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/D42AE6EC-7A19-4ACD-82E6-84524CF7028A.jpg?v=1786031374&width=600"
alt="JACKETS"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
JACKETS
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/sweatshirts-jumpers-fleeces-1"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/FA1FE7AB-6A83-4E9D-99F7-63E79F5670D6.png?v=1786031981&width=600"
alt="TRAINING JUMPERS"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
TRAINING JUMPERS
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/tracksuit-bottoms-1"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/31F40EB8-9F9A-429B-BDF7-99C3E9204D35.jpg?v=1786031892&width=600"
alt="TRACKSUIT BOTTOMS"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
TRACKSUIT BOTTOMS
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/tracksuits"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/0EF1B826-3A09-47BD-BB08-AAF9CF4E44DD.jpg?v=1786032749&width=600"
alt="Tracksuits"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
Tracksuits
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/polo-shirts"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/2F7C5ABC-B2D1-4993-B9BD-570D44C20C5C.jpg?v=1786032985&width=600"
alt="POLOS & TEES"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
POLOS & TEES
</h3>
</div>
</div>
</a>
</div>
<div class="ai-collection-carousel__item-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<a
href="/collections/long-sleeve-shirts"
class="ai-collection-carousel__card-aywvrqlvjclntullrvaigenblock97be18dygtntz"
>
<div class="ai-collection-carousel__image-wrapper-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<img
src="//fulltimefits.com/cdn/shop/collections/33105AD7-03E7-48DA-AE68-A99E5CF57516.png?v=1786033104&width=600"
alt="Long Sleeve Shirts"
class="ai-collection-carousel__image-aywvrqlvjclntullrvaigenblock97be18dygtntz"
loading="lazy"
width="600"
height="600"
>
<div class="ai-collection-carousel__overlay-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<h3 class="ai-collection-carousel__collection-title-aywvrqlvjclntullrvaigenblock97be18dygtntz">
Long Sleeve Shirts
</h3>
</div>
</div>
</a>
</div>
</div>
<div class="ai-collection-carousel__nav-aywvrqlvjclntullrvaigenblock97be18dygtntz">
<button
class="ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz"
data-carousel-prev
aria-label="Previous"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="15 18 9 12 15 6"></polyline>
</svg>
</button>
<button
class="ai-collection-carousel__nav-button-aywvrqlvjclntullrvaigenblock97be18dygtntz"
data-carousel-next
aria-label="Next"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</button>
</div>
</div>
</collection-carousel-aywvrqlvjclntullrvaigenblock97be18dygtntz>
<script>
(function() {
class CollectionCarouselaywvrqlvjclntullrvaigenblock97be18dygtntz extends HTMLElement {
constructor() {
super();
this.track = this.querySelector('[data-carousel-track]');
this.prevButton = this.querySelector('[data-carousel-prev]');
this.nextButton = this.querySelector('[data-carousel-next]');
}
connectedCallback() {
if (!this.track || !this.prevButton || !this.nextButton) return;
this.setupEventListeners();
this.updateButtonStates();
}
setupEventListeners() {
this.prevButton.addEventListener('click', () => this.scroll('prev'));
this.nextButton.addEventListener('click', () => this.scroll('next'));
this.track.addEventListener('scroll', () => this.updateButtonStates());
}
scroll(direction) {
const scrollAmount = this.track.offsetWidth * 0.8;
const currentScroll = this.track.scrollLeft;
const targetScroll = direction === 'next'
? currentScroll + scrollAmount
: currentScroll - scrollAmount;
this.track.scrollTo({
left: targetScroll,
behavior: 'smooth'
});
}
updateButtonStates() {
const isAtStart = this.track.scrollLeft <= 0;
const isAtEnd = this.track.scrollLeft + this.track.offsetWidth >= this.track.scrollWidth - 1;
this.prevButton.disabled = isAtStart;
this.nextButton.disabled = isAtEnd;
}
}
customElements.define('collection-carousel-aywvrqlvjclntullrvaigenblock97be18dygtntz', CollectionCarouselaywvrqlvjclntullrvaigenblock97be18dygtntz);
})();
</script>
</div><div id="shopify-section-template--27495746404738__1780697752483e34b6" class="shopify-section">
<style data-shopify>
.ai-photo-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: block;
width: 100%;
max-width: 100%;
}
.ai-photo-collection-container-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: flex;
flex-direction: column;
gap: 10px;
position: relative;
}
.ai-photo-collection-image-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 100%;
position: relative;
}
.ai-photo-collection-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 100%;
height: auto;
display: block;
}
.ai-photo-collection-image-placeholder-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 100%;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
position: relative;
aspect-ratio: 1;
}
.ai-photo-collection-image-placeholder-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 svg {
width: 100%;
height: 100%;
max-width: 500px;
max-height: 500px;
}
.ai-photo-collection-empty-state-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 12px 20px;
font-size: 14px;
color: #666;
text-align: center;
pointer-events: none;
}
.ai-photo-collection-image-button-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.ai-photo-collection-right-column-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: flex;
flex-direction: column;
gap: 10px;
}
.ai-photo-collection-products-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: flex;
flex-direction: column;
padding: 5px;
background-color: transparent;
border-radius: 6px;
text-decoration: none;
cursor: pointer;
transition: transform 0.2s ease;
}
.ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4:hover {
transform: translateY(-2px);
}
.ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 100%;
aspect-ratio: 1;
margin-bottom: 16px;
border: 1px solid #000000;
border-radius: 6px;
overflow: hidden;
}
.ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ai-photo-collection-product-image-placeholder-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 100%;
height: 100%;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
.ai-photo-collection-product-image-placeholder-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 svg {
width: 60%;
height: 60%;
}
.ai-photo-collection-product-info-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: flex;
flex-direction: column;
gap: 8px;
}
.ai-photo-collection-product-title-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
font-size: 16px;
font-weight: 600;
margin: 0;
color: #000000;
}
.ai-photo-collection-product-price-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
font-size: 14px;
color: #000000;
}
.ai-photo-collection-empty-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
font-size: 14px;
color: #999;
text-align: center;
padding: 40px 20px;
font-style: italic;
grid-column: 1 / -1;
}
.ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4--hidden-mobile {
display: none;
}
.ai-photo-collection-button-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 12px 32px;
background-color: transparent;
color: #ffffff;
border: 2px solid #ffffff;
border-radius: 15px;
font-size: 16px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
backdrop-filter: blur(3px);
}
.ai-photo-collection-button-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4:hover {
background-color: #0b2d7c;
border-color: #ffffff;
}
@media screen and (min-width: 750px) {
.ai-photo-collection-container-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
flex-direction: row;
gap: 10px;
}
.ai-photo-collection-image-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 50%;
}
.ai-photo-collection-image-button-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
top: 50%;
bottom: auto;
transform: translate(-50%, -50%);
}
.ai-photo-collection-right-column-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
width: 50%;
gap: 0;
}
.ai-photo-collection-products-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
grid-template-columns: repeat(2, 1fr);
gap: 5px;
}
.ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 {
padding: 10px;
}
.ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4--hidden-mobile {
display: flex;
}
}
</style>
<photo-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4
class="ai-photo-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4"
>
<div class="ai-photo-collection-container-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<div class="ai-photo-collection-image-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<img
src="//fulltimefits.com/cdn/shop/files/FTFSpring-267.jpg?v=1780697458&width=2000"
alt=""
loading="lazy"
width="1155"
height="1348"
class="ai-photo-collection-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4"
>
<div class="ai-photo-collection-image-button-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<a
href="/collections/japan"
class="ai-photo-collection-button-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4"
>
Shop Japan
</a>
</div>
</div>
<div class="ai-photo-collection-right-column-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<div class="ai-photo-collection-products-wrapper-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<a
href="/products/untitled-sep18_15-29-54"
class="ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4"
>
<div class="ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<img
src="//fulltimefits.com/cdn/shop/files/AAA6EE5C-6C9A-4A22-8124-C9A8398DEFBC.jpg?v=1789895114&width=800"
alt="Japan 2006 Jumper (M)"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="ai-photo-collection-product-info-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<h3 class="ai-photo-collection-product-title-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">Japan 2006 Jumper (M)</h3>
<div class="ai-photo-collection-product-price-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">€88,95</div>
</div>
</a>
<a
href="/products/japan-2002-tracksuit-jacket-m"
class="ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4"
>
<div class="ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<img
src="//fulltimefits.com/cdn/shop/files/9DBB878F-DAB5-45A1-A166-53200DE09544.jpg?v=1782569555&width=800"
alt="Japan 2002 Tracksuit Jacket (M)"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="ai-photo-collection-product-info-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<h3 class="ai-photo-collection-product-title-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">Japan 2002 Tracksuit Jacket (M)</h3>
<div class="ai-photo-collection-product-price-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">€88,95</div>
</div>
</a>
<a
href="/products/japan-2008-jumper-s"
class="ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4--hidden-mobile"
>
<div class="ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<img
src="//fulltimefits.com/cdn/shop/files/C391A8F8-B342-4AEC-B51F-53894F5983C9.jpg?v=1789895114&width=800"
alt="Japan 2008 Jumper (S)"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="ai-photo-collection-product-info-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<h3 class="ai-photo-collection-product-title-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">Japan 2008 Jumper (S)</h3>
<div class="ai-photo-collection-product-price-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">€83,95</div>
</div>
</a>
<a
href="/products/japan-2002-home-shirt-m-2"
class="ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 ai-photo-collection-product-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4--hidden-mobile"
>
<div class="ai-photo-collection-product-image-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<img
src="//fulltimefits.com/cdn/shop/files/0CE2C5FD-AE73-4B99-B1CF-774AC32F5002.jpg?v=1786231806&width=800"
alt="Japan 2002 Home Shirt (M)"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="ai-photo-collection-product-info-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">
<h3 class="ai-photo-collection-product-title-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">Japan 2002 Home Shirt (M)</h3>
<div class="ai-photo-collection-product-price-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4">€83,95</div>
</div>
</a>
</div>
</div>
</div>
</photo-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4>
<script>
(function() {
class PhotoCollectionabzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4 extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
}
}
customElements.define('photo-collection-abzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4', PhotoCollectionabzhstw9vwfvdywjfmaigenblockc573e1bw4bfm4);
})();
</script>
<div id="shopify-block-AT0kwc3VYQjlkNmZZT__ai_gen_block_5d9470a_HJMAL8" class="shopify-block">
<style data-shopify>
.ai-spacing-divider-at0kwc3vyqjlknmzztaigenblock5d9470ahjmal8 {
display: block;
width: 100%;
height: 40px;
}
@media screen and (max-width: 749px) {
.ai-spacing-divider-at0kwc3vyqjlknmzztaigenblock5d9470ahjmal8 {
height: 20px;
}
}
</style>
<div class="ai-spacing-divider-at0kwc3vyqjlknmzztaigenblock5d9470ahjmal8" ></div>
</div>
</div><div id="shopify-section-template--27495746404738__video_with_text_g3gmJq" class="shopify-section"><section class="grid grid-flow-row-dense grid-cols-1 gap-gutter overflow-hidden border-b-gridline border-gridline-color bg-gridline-color lg:grid-cols-12">
<div
class="bg-scheme-background lg:col-start-5 lg:col-end-13"
data-color-scheme="scheme1"
>
<div class="relative min-h-full"><div
class="group relative pb-[var(--ratio-percent)]"
style="--ratio-percent: 56.2429696287964%;"
><div
id="template--27495746404738__video_with_text_g3gmJq-67805427368322"
class="absolute inset-0 h-full w-full"
x-data="Video('autoplay')"
x-intersect:enter.half="play(true)"
x-intersect:leave.half="pause"
>
<div
class="html-video-wrapper"
x-data="HTMLVideo"
@play="play"
@pause="pause"
><video playsinline="playsinline" loop="loop" preload="none" class="absolute inset-0 w-full h-full object-cover object-center" muted="muted" x-ref="video" poster="//fulltimefits.com/cdn/shop/files/preview_images/90054fb96f4e4e258206036ecf73bb98.thumbnail.0000000000_2048x.jpg?v=1780755028" loading="lazy"><source src="//fulltimefits.com/cdn/shop/videos/c/vp/90054fb96f4e4e258206036ecf73bb98/90054fb96f4e4e258206036ecf73bb98.HD-1080p-7.2Mbps-85865068.mp4?v=0" type="video/mp4"><img src="//fulltimefits.com/cdn/shop/files/preview_images/90054fb96f4e4e258206036ecf73bb98.thumbnail.0000000000_2048x.jpg?v=1780755028"></video>
</div>
</div></div>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/video.js?v=45133367609392249421784213660" type="module"></script>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/html-video.js?v=172641717689876782661784213660" type="module"></script>
</div>
</div>
<div
class="lg:col-span-4 relative flex bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text items-center"
data-color-scheme="scheme1"
>
<div class="text-left break-word w-full"><h2 class="font-heading text-heading-standard">
Visit US in Liverpool
</h2><div class="rte text-base mt-4 font-body">
<p>Open <strong>Everyday </strong>from <strong>10:00am - 6:00pm </strong>(Sundays 11:00am - 6:00pm)</p><p>Redbrick Market, 70 Stanhope Street Liverpool L8 5RF</p>
</div><div class="mt-4 text-0"><a
href="https://maps.app.goo.gl/5yPEB2bNQ6CesUY8A"
class="theme-button inline-block"
>Get directions</a></div></div>
</div>
</section>
</div><div id="shopify-section-template--27495746404738__177331794180987288" class="shopify-section"><div id="shopify-block-ATUY5UGVjSTV2RGFwc__ai_gen_block_18ae655_aW6EBy" class="shopify-block">
<style data-shopify>
.ai-testimonials-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
width: 100%;
max-width: 100%;
padding: 60px 20px;
background-color: #ffffff;
display: block;
}
.ai-testimonials-container-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
max-width: 1400px;
margin: 0 auto;
}
.ai-testimonials-header-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
text-align: center;
margin-bottom: 40px;
}
.ai-testimonials-heading-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
color: #000000;
font-size: 32px;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ai-testimonials-subheading-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
color: #000000;
font-size: 16px;
margin-top: 12px;
}
.ai-testimonials-grid-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
@media (min-width: 750px) {
.ai-testimonials-grid-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
}
.ai-testimonial-card-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
background-color: #ffffff;
border: 1px solid #000000;
padding: 30px;
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
}
.ai-testimonial-quote-icon-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
width: 40px;
height: 40px;
color: #fd7436;
opacity: 0.2;
}
.ai-testimonial-text-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
color: #000000;
font-size: 16px;
line-height: 1.6;
margin: 0;
}
.ai-testimonial-stars-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
display: flex;
gap: 4px;
}
.ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
width: 16px;
height: 16px;
color: #fd7436;
}
.ai-testimonial-author-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
color: #000000;
font-size: 14px;
font-weight: 600;
margin: 0;
}
.ai-testimonials-empty-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby {
text-align: center;
padding: 60px 20px;
color: #666;
font-size: 14px;
}
</style>
<testimonials-block-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby class="ai-testimonials-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" >
<div class="ai-testimonials-container-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<div class="ai-testimonials-header-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<h2 class="ai-testimonials-heading-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">What our customers say about us...</h2>
</div>
<div class="ai-testimonials-grid-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<div class="ai-testimonial-card-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-quote-icon-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/>
</svg>
<div class="ai-testimonial-stars-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<p class="ai-testimonial-text-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">The people at Full Time Fits were fantastic with me, very friendly and very knowledgeable about the authenticity of the shirts, which was a huge help.</p>
<p class="ai-testimonial-author-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">Brad S.</p>
</div>
<div class="ai-testimonial-card-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-quote-icon-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/>
</svg>
<div class="ai-testimonial-stars-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<p class="ai-testimonial-text-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">Made an order from Australia, these people were the best to deal with, would highly recommend!</p>
<p class="ai-testimonial-author-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">Jayvyn M.</p>
</div>
<div class="ai-testimonial-card-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-quote-icon-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"/>
</svg>
<div class="ai-testimonial-stars-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
<svg class="ai-testimonial-star-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="currentColor">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/>
</svg>
</div>
<p class="ai-testimonial-text-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">Highly recommended these guys! fantastic service, always helpful and with quick responses.</p>
<p class="ai-testimonial-author-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby">Niklas H.</p>
</div>
</div>
</div>
</testimonials-block-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby>
<script>
(function() {
class TestimonialsBlockatuy5ugvjstv2rgfwcaigenblock18ae655aw6eby extends HTMLElement {
constructor() {
super();
}
connectedCallback() {
}
}
customElements.define('testimonials-block-atuy5ugvjstv2rgfwcaigenblock18ae655aw6eby', TestimonialsBlockatuy5ugvjstv2rgfwcaigenblock18ae655aw6eby);
})();
</script>
</div>
</div><div id="shopify-section-template--27495746404738__1780693530945d5505" class="shopify-section">
<style data-shopify>
.ai-image-link-block-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
position: relative;
width: 100%;
max-width: 100%;
display: block;
}
.ai-image-link-wrapper-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
.ai-image-link-image-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
@media screen and (min-width: 750px) {
.ai-image-link-image-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
max-height: 600px;
}
}
.ai-image-link-placeholder-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
background-color: #f4f4f4;
width: 100%;
aspect-ratio: 16/9;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media screen and (min-width: 750px) {
.ai-image-link-placeholder-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
max-height: 600px;
}
}
.ai-image-link-placeholder-avvp0sst1whflexrinaigenblock849c69fkrwpdj svg {
width: 100%;
height: 100%;
max-width: 500px;
max-height: 500px;
}
.ai-image-link-empty-state-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
padding: 12px 20px;
font-size: 14px;
color: #666;
text-align: center;
pointer-events: none;
}
.ai-image-link-button-overlay-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.ai-image-link-button-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
display: inline-block;
padding: 6px 20px;
background-color: rgba(0,0,0,0);
color: #ffffff;
text-decoration: none;
font-size: 14px;
border-radius: 20px;
transition: all 0.3s ease;
border: 1px solid #ffffff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.ai-image-link-button-avvp0sst1whflexrinaigenblock849c69fkrwpdj:hover {
background-color: #ffffff;
color: #000000;
border-color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 749px) {
.ai-image-link-button-avvp0sst1whflexrinaigenblock849c69fkrwpdj {
font-size: calc(14px * 0.8);
padding: calc(6px * 0.8) calc(20px * 0.8);
}
}
</style>
<div
class="ai-image-link-block-avvp0sst1whflexrinaigenblock849c69fkrwpdj"
>
<div class="ai-image-link-wrapper-avvp0sst1whflexrinaigenblock849c69fkrwpdj">
<img
src="//fulltimefits.com/cdn/shop/files/IMG_2072.jpg?v=1780693592&width=2000"
alt=""
loading="lazy"
width="1289"
height="859"
class="ai-image-link-image-avvp0sst1whflexrinaigenblock849c69fkrwpdj"
>
<div class="ai-image-link-button-overlay-avvp0sst1whflexrinaigenblock849c69fkrwpdj">
<a
href="/products/ftf-turn-up-play"
class="ai-image-link-button-avvp0sst1whflexrinaigenblock849c69fkrwpdj"
>
Community Events
</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--27495746404738__faq_gwRFEE" class="shopify-section"><section
class="overflow-hidden border-b-gridline border-gridline-color bg-scheme-background text-scheme-text"
data-color-scheme="scheme1"
>
<div
class="border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing pb-theme pt-theme-double text-scheme-text lg:flex items-end justify-between"
data-color-scheme="scheme1"
>
<h2 class="font-heading text-heading-standard break-word">
FAQs
</h2></div>
<ul
>
<li
x-data="{ expanded: false }"
class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
>
<h2 class="font-main break-word">
<button
type="button"
@click="expanded = ! expanded"
aria-controls="expanded-question_ztMAQx"
:aria-expanded="expanded ? true : 'false'"
class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left"
>
<div class="break-word flex items-center">ARE THE PRODUCTS GENUINE?</div><div
class="ease-gentle flex h-6 w-6 shrink-0 rotate-0 items-center transition-transform duration-[280ms]"
:class="{ 'rotate-180' : expanded, 'rotate-0' : ! expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</div></button>
</h2>
<div
id="expanded-question_ztMAQx"
x-show="expanded"
x-collapse
x-cloak
>
<div class="rte richtext break-word pb-theme text-base">
<p><strong>Yes. </strong>All of the football merchandise we sell is 100% genuine. Each item is carefully inspected and authenticated by our experienced team before being listed for sale.</p><p>That said, if you ever have any concerns about authenticity, we’re more than happy to help. We offer a straightforward return and refund process to ensure you can shop with complete confidence.</p>
</div>
</div>
</li>
<li
x-data="{ expanded: false }"
class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
>
<h2 class="font-main break-word">
<button
type="button"
@click="expanded = ! expanded"
aria-controls="expanded-question_fXEcEf"
:aria-expanded="expanded ? true : 'false'"
class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left"
>
<div class="break-word flex items-center">CAN YOU RETURN AN ORDER?</div><div
class="ease-gentle flex h-6 w-6 shrink-0 rotate-0 items-center transition-transform duration-[280ms]"
:class="{ 'rotate-180' : expanded, 'rotate-0' : ! expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</div></button>
</h2>
<div
id="expanded-question_fXEcEf"
x-show="expanded"
x-collapse
x-cloak
>
<div class="rte richtext break-word pb-theme text-base">
<p><strong>Yes</strong>. We accept both UK and International returns. Upon arrival you have 14 days to return your item via your chosen delivery method. Once the item has been received a refund will be issued. Please note we are unable to cover return shipping costs at this stage.</p><p>If you would like to return a parcel please contact customerservice@fulltimefits.com</p><p><a href="mailto:customerservice@fulltimefits.com?subject=EU WITHDRAWAL" target="_blank" title="mailto:customerservice@fulltimefits.com?subject=EU WITHDRAWAL">EU WITHDRAWAL</a></p>
</div>
</div>
</li>
<li
x-data="{ expanded: false }"
class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
>
<h2 class="font-main break-word">
<button
type="button"
@click="expanded = ! expanded"
aria-controls="expanded-question_PJRhQT"
:aria-expanded="expanded ? true : 'false'"
class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left"
>
<div class="break-word flex items-center">DO WE SHIP INTERNATIONALLY?</div><div
class="ease-gentle flex h-6 w-6 shrink-0 rotate-0 items-center transition-transform duration-[280ms]"
:class="{ 'rotate-180' : expanded, 'rotate-0' : ! expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</div></button>
</h2>
<div
id="expanded-question_PJRhQT"
x-show="expanded"
x-collapse
x-cloak
>
<div class="rte richtext break-word pb-theme text-base">
<p><strong>Yes. </strong>If you can add the item to your basket and pay, shipping is available </p><p>Spend £150 and get free delivery</p>
</div>
</div>
</li>
<li
x-data="{ expanded: false }"
class="border-b-gridline border-gridline-color px-section-horizontal-spacing"
>
<h2 class="font-main break-word">
<button
type="button"
@click="expanded = ! expanded"
aria-controls="expanded-question_q6M3f6"
:aria-expanded="expanded ? true : 'false'"
class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left"
>
<div class="break-word flex items-center">DO WE BUY FOOTBALL SHIRTS?</div><div
class="ease-gentle flex h-6 w-6 shrink-0 rotate-0 items-center transition-transform duration-[280ms]"
:class="{ 'rotate-180' : expanded, 'rotate-0' : ! expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</div></button>
</h2>
<div
id="expanded-question_q6M3f6"
x-show="expanded"
x-collapse
x-cloak
>
<div class="rte richtext break-word pb-theme text-base">
<p><strong>Yes</strong>. Please WhatsApp us on +44 7449 959147 with clear photos of the shirt (front, back, label, and size), and we’ll let you know if we’re interested.</p>
</div>
</div>
</li>
<li
x-data="{ expanded: false }"
class="border-b-gridline border-gridline-color px-section-horizontal-spacing -mb-gridline"
>
<h2 class="font-main break-word">
<button
type="button"
@click="expanded = ! expanded"
aria-controls="expanded-question_P3bEEG"
:aria-expanded="expanded ? true : 'false'"
class="break-word flex w-full cursor-pointer items-center justify-between py-4 text-left"
>
<div class="break-word flex items-center">ARE THE CLOTHES USED OR NEW?</div><div
class="ease-gentle flex h-6 w-6 shrink-0 rotate-0 items-center transition-transform duration-[280ms]"
:class="{ 'rotate-180' : expanded, 'rotate-0' : ! expanded }"
><svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</div></button>
</h2>
<div
id="expanded-question_P3bEEG"
x-show="expanded"
x-collapse
x-cloak
>
<div class="rte richtext break-word pb-theme text-base">
<p><strong>Both</strong>. We specialise in second-hand vintage football clothing. Most of our items are pre-owned and carefully selected, typically in excellent to good condition. Some pieces may have minor defects; these are clearly graded as good or fair, with all flaws photographed and fully described in the product listing.</p><p>We also sell brand-new, unworn items from various eras, which may be recent releases or older stock. These will always be clearly stated in the listing. </p>
</div>
</div>
</li>
</ul></section>
</div><div id="shopify-section-template--27495746404738__178075302489887eb2" class="shopify-section">
</div><div id="shopify-section-template--27495746404738__17808251271ef3d709" class="shopify-section">
</div><div id="shopify-section-template--27495746404738__1784392220d2ba347a" class="shopify-section">
</div><div id="shopify-section-template--27495746404738__1786640389ac27f43e" class="shopify-section">
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27495739130242__footer" class="shopify-section shopify-section-group-footer-group"><footer
class="bg-scheme-background text-scheme-text"
data-color-scheme="scheme1"
data-theme-footer
>
<section
class="border-b-gridline border-gridline-color bg-scheme-background py-section-vertical-spacing text-scheme-text"
data-color-scheme="scheme2"
>
<div class="justify-center px-section-horizontal-spacing lg:flex lg:items-center lg:justify-between">
<div class="text-base">
<div class="[&_a[href]]:underline [&_a[href]]:hover:text-scheme-accent">
<p>Receive special offers and first look at new products.</p>
</div>
</div>
<div class="mt-theme-half lg:mt-0">
<form method="post" action="/contact#Contact-sections--27495739130242__footer" id="Contact-sections--27495739130242__footer" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="contact[tags]" value="newsletter">
<div class="items-end lg:ml-4 lg:flex">
<label class="sr-only" for="Email-sections--27495739130242__footer">Email address</label>
<input
type="email"
class="font-body block w-full border-b-text border-current bg-transparent pb-1 leading-[inherit] placeholder-current"
name="contact[email]"
id="Email-sections--27495739130242__footer"
value=""
placeholder="Email address"
autocorrect="off"
autocapitalize="off"
>
<button
class="theme-link mt-2 py-1 leading-[inherit] hover:text-scheme-accent shrink-0 lg:ml-2 lg:mt-0"
type="submit"
name="commit"
id="Subscribe"
>Subscribe</button>
</div>
</form>
</div>
</div>
</section>
<div class="border-b-gridline border-gridline-color">
<div
class="grid lg:grid-cols-var bg-gridline-color"
style="--grid-cols: 12;"
><div
class="break-word bg-scheme-background px-section-horizontal-spacing py-section-vertical-spacing text-scheme-text lg:col-span-var"
style="--col-span: 12;"
>
<div class="rte">
<p>For additional information and queries, contact us at customerservice@fulltimefits.com</p>
</div></div></div>
</div>
<div>
<div class="px-section-horizontal-spacing py-section-vertical-spacing lg:flex lg:flex-wrap lg:items-center lg:justify-between">
<div class="mb-4 space-y-2 text-sm lg:mb-0 lg:flex-1">
<p>
© 2026,
<a href="/" title="">Full Time Fits</a>.
</p>
<ul class="flex flex-wrap gap-1 text-sm [&>li:last-child]:after:content-none [&>li]:after:content-['\00B7']">
<li>
<a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a>
</li><li>
<a href="/policies/refund-policy">Refund policy</a>
</li><li>
<a href="/policies/privacy-policy">Privacy policy</a>
</li><li>
<a href="/policies/terms-of-service">Terms of service</a>
</li></ul>
</div>
<div class="mb-4 md:mb-0 md:w-auto lg:flex-1">
<h2 class="sr-only">Payment methods</h2>
<ul class="-mx-1 -mb-2 lg:text-center">
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewbox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="pi-bancontact" role="img" viewbox="0 0 38 24" width="38" height="24"><title id="pi-bancontact">Bancontact</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M4.703 3.077h28.594c.139 0 .276.023.405.068.128.045.244.11.343.194a.9.9 0 0 1 .229.29c.053.107.08.223.08.34V20.03a.829.829 0 0 1-.31.631 1.164 1.164 0 0 1-.747.262H4.703a1.23 1.23 0 0 1-.405-.068 1.09 1.09 0 0 1-.343-.194.9.9 0 0 1-.229-.29.773.773 0 0 1-.08-.34V3.97c0-.118.027-.234.08-.342a.899.899 0 0 1 .23-.29c.098-.082.214-.148.342-.193a1.23 1.23 0 0 1 .405-.068Z" fill="#fff"/><path d="M6.38 18.562v-3.077h1.125c.818 0 1.344.259 1.344.795 0 .304-.167.515-.401.638.338.132.536.387.536.734 0 .62-.536.91-1.37.91H6.38Zm.724-1.798h.537c.328 0 .468-.136.468-.387 0-.268-.255-.356-.599-.356h-.406v.743Zm0 1.262h.448c.438 0 .693-.093.693-.383 0-.286-.219-.404-.63-.404h-.51v.787Zm3.284.589c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.156.002.31.014.464.035v-.105c0-.269-.183-.396-.531-.396a2.128 2.128 0 0 0-.688.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.767 0 1.147.343 1.147.936v1.222c-.214.093-.615.194-1.136.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.947.947 0 0 0 .365-.061Zm1.204.444v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.167-.444-.484-.444a1.267 1.267 0 0 0-.459.079v1.719h-.713Zm4.886-2.167-.135.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.652.25-.652.664 0 .453.24.685.688.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.553 2.22c-.802 0-1.302-.47-1.302-1.178 0-.704.5-1.174 1.302-1.174.807 0 1.297.47 1.297 1.173 0 .708-.49 1.179-1.297 1.179Zm0-.502c.37 0 .563-.259.563-.677 0-.413-.193-.672-.563-.672-.364 0-.568.26-.568.672 0 .418.204.677.568.677Zm1.713.449v-2.106a3.699 3.699 0 0 1 1.177-.193c.76 0 1.198.316 1.198.9v1.399h-.719v-1.354c0-.303-.166-.444-.484-.444a1.268 1.268 0 0 0-.459.079v1.719h-.713Zm3.996.053c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.355v-.488l.718-.03v.518h.578v.484h-.578v.94c0 .256.125.374.36.374.093 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Zm1.814 0c-.713 0-1.073-.295-1.073-.69 0-.436.422-.69 1.047-.695.155.002.31.014.464.035v-.105c0-.269-.183-.396-.532-.396a2.128 2.128 0 0 0-.687.105l-.13-.474a3.01 3.01 0 0 1 .9-.132c.766 0 1.146.343 1.146.936v1.222c-.213.093-.614.194-1.135.194Zm.438-.497v-.47a2.06 2.06 0 0 0-.37-.036c-.24 0-.427.08-.427.286 0 .185.156.281.432.281a.946.946 0 0 0 .365-.061Zm3.157-1.723-.136.479a1.834 1.834 0 0 0-.588-.11c-.422 0-.651.25-.651.664 0 .453.24.685.687.685.2-.004.397-.043.578-.114l.115.488a2.035 2.035 0 0 1-.75.128c-.865 0-1.365-.453-1.365-1.17 0-.712.495-1.182 1.323-1.182.27-.001.538.043.787.132Zm1.58 2.22c-.62 0-.938-.286-.938-.866v-.95h-.354v-.484h.354v-.488l.72-.03v.518h.577v.484h-.578v.94c0 .256.125.374.36.374.092 0 .185-.008.276-.026l.036.488c-.149.028-.3.041-.453.04Z" fill="#1E3764"/><path d="M11.394 13.946c3.803 0 5.705-2.14 7.606-4.28H6.38v4.28h5.014Z" fill="url(#pi-bancontact-a)"/><path d="M26.607 5.385c-3.804 0-5.705 2.14-7.607 4.28h12.62v-4.28h-5.013Z" fill="url(#pi-bancontact-b)"/><defs><lineargradient id="pi-bancontact-a" x1="8.933" y1="12.003" x2="17.734" y2="8.13" gradientunits="userSpaceOnUse"><stop stop-color="#005AB9"/><stop offset="1" stop-color="#1E3764"/></lineargradient><lineargradient id="pi-bancontact-b" x1="19.764" y1="10.037" x2="29.171" y2="6.235" gradientunits="userSpaceOnUse"><stop stop-color="#FBA900"/><stop offset="1" stop-color="#FFD800"/></lineargradient></defs></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><lineargradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientunits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></lineargradient><lineargradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientunits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></lineargradient></defs></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-spidealwero"><title id="pi-spidealwero">iDEAL Wero</title><path opacity="0.07" d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="black"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#FFF48D"/><path d="M3.45001 7.43572V17.0022C3.45001 17.4602 3.82664 17.8347 4.28673 17.8347H10.0301C14.3722 17.8347 16.2539 15.4157 16.2539 12.2063C16.2539 8.99693 14.3715 6.60321 10.0294 6.60321H4.28603C3.82594 6.60321 3.44931 6.97773 3.44931 7.43572H3.45001Z" fill="white"/><path d="M7.29413 8.95133V16.0203H10.385C13.1918 16.0203 14.4087 14.4422 14.4087 12.2112C14.4087 9.98022 13.1911 8.41901 10.385 8.41901H7.82926C7.53259 8.41901 7.29413 8.66027 7.29413 8.95204V8.95133Z" fill="#CC0066"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.03507 17.073H10.0294C13.539 17.073 15.4754 15.3456 15.4754 12.2105C15.4754 10.4038 14.7685 7.36908 10.0294 7.36908H5.03507C4.59182 7.36908 4.23203 7.72677 4.23203 8.16862V16.2742C4.23203 16.7153 4.59182 17.0737 5.03507 17.0737V17.073ZM4.49924 8.16862C4.49924 7.87335 4.7377 7.63559 5.03437 7.63559H10.0287C11.9609 7.63559 15.2068 8.23104 15.2068 12.2105C15.2068 15.1744 13.3665 16.8065 10.0287 16.8065H5.03507C4.7384 16.8065 4.49994 16.5694 4.49994 16.2735V8.16862H4.49924Z" fill="#232323"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.81464 11.1831C8.72066 11.1494 8.62247 11.1326 8.51586 11.1326V11.1284H7.8082V12.8355H8.52428C8.65122 12.8355 8.76134 12.8102 8.85602 12.7681C8.95 12.7218 9.02785 12.6629 9.08957 12.5872C9.15129 12.5114 9.19618 12.4188 9.22844 12.3136C9.25719 12.2084 9.27332 12.0948 9.27332 11.9686C9.27332 11.8255 9.25299 11.7035 9.21581 11.5983C9.17514 11.4973 9.12183 11.4089 9.05661 11.3374C8.98717 11.27 8.90932 11.2153 8.81534 11.1817L8.81464 11.1831ZM8.64702 12.4995C8.59371 12.5163 8.54462 12.5248 8.49132 12.5248V12.529H8.16799V11.4524H8.4296C8.51937 11.4524 8.59301 11.465 8.65473 11.4903C8.71645 11.5155 8.76554 11.5576 8.80201 11.6039C8.83849 11.6502 8.86724 11.7133 8.88407 11.7806C8.9002 11.8479 8.90862 11.9279 8.90862 12.0121C8.90862 12.1088 8.896 12.1846 8.87215 12.2519C8.85108 12.3106 8.81921 12.3649 8.77817 12.4118C8.74305 12.4524 8.69779 12.4829 8.64702 12.5002V12.4995Z" fill="white"/><path d="M10.7504 11.1333V11.4489H9.87441V11.815H10.6803V12.1053H9.87441V12.5219H10.7707V12.8376H9.51041V11.1305H10.7504V11.1347V11.1333Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.6244 12.8404L12.0023 11.1333H11.6222L10.9958 12.8404H11.3641L11.4952 12.4616H12.1173L12.2443 12.8404H12.6251H12.6244ZM11.8136 11.5534L12.0226 12.1797H11.5934L11.8101 11.5534H11.8143H11.8136Z" fill="white"/><path d="M13.2178 11.1325V12.5247H14.0278V12.8403H12.8538V11.1332H13.2178V11.1325Z" fill="white"/><path d="M5.85774 12.8656C6.30099 12.8656 6.66009 12.5065 6.66009 12.0625C6.66009 11.6186 6.30099 11.2595 5.85774 11.2595C5.41448 11.2595 5.05539 11.6186 5.05539 12.0625C5.05539 12.5065 5.41448 12.8656 5.85774 12.8656ZM6.33536 16.0771C5.71396 16.0771 5.216 15.5406 5.216 14.8813V13.9478C5.216 13.6181 5.46498 13.3474 5.77778 13.3474C6.09059 13.3474 6.33957 13.6139 6.33957 13.9478V16.0771H6.33536Z" fill="#232323"/><path d="M31.45 12.2209C31.45 11.1773 32.1926 10.2264 33.4749 10.2264C34.7572 10.2264 35.5053 11.178 35.5053 12.2209C35.5053 13.2638 34.7627 14.2154 33.4749 14.2154C32.1926 14.2154 31.45 13.2638 31.45 12.2209ZM34.3782 12.2209C34.3782 11.7178 34.0467 11.2537 33.4749 11.2537C32.9032 11.2537 32.5717 11.7186 32.5717 12.2209C32.5717 12.7232 32.9086 13.1889 33.4749 13.1889C34.0412 13.1889 34.3782 12.724 34.3782 12.2209ZM30.6615 12.9619C31.0889 12.7185 31.3455 12.2537 31.3455 11.7404C31.3455 10.9784 30.7948 10.3294 29.94 10.3294H28.1452V14.1132H29.2567V13.146H29.4649L30.1006 14.1132H31.4095L30.6615 12.9619ZM29.7161 12.2747H29.2567V11.2046H29.7216C30.0211 11.2046 30.213 11.4479 30.213 11.7396C30.213 12.0314 30.0148 12.2747 29.7161 12.2747ZM23.0713 10.3247L22.4044 12.5797L21.7539 10.3247H20.8686L20.2126 12.5797L19.5511 10.3247H18.378L19.722 14.1015H20.6868L21.3108 12.0454L21.9294 14.1015H22.8997L24.2436 10.3247H23.0705H23.0713ZM25.9261 13.1795H25.9237C25.508 13.1795 25.2163 12.9284 25.0915 12.5961H27.9159C27.9385 12.4713 27.9502 12.3434 27.9502 12.2139C27.9502 11.1734 27.21 10.2241 25.9261 10.2233V11.2482C26.3442 11.249 26.6328 11.5002 26.7568 11.8317H23.9363C23.9137 11.9565 23.902 12.0844 23.902 12.2139C23.902 13.2552 24.643 14.2052 25.923 14.2052H25.9253V13.1795H25.9261Z" fill="#1D1C1C"/><path d="M25.9237 14.2044C25.9674 14.2044 26.0103 14.2029 26.0524 14.2013C26.3122 14.188 26.5485 14.135 26.7591 14.05C26.9697 13.965 27.1546 13.8472 27.3114 13.7052C27.4673 13.5644 27.5983 13.3982 27.699 13.2138C27.7903 13.0469 27.8574 12.8667 27.8995 12.6787H26.7225C26.6983 12.7287 26.6702 12.777 26.6382 12.8215C26.5945 12.8831 26.5431 12.9385 26.4846 12.9861C26.4261 13.0344 26.3605 13.075 26.2888 13.1062C26.217 13.1374 26.1382 13.1592 26.0532 13.1709C26.0119 13.1764 25.969 13.1795 25.9245 13.1795C25.6601 13.1795 25.4456 13.0773 25.2919 12.9174L24.5268 13.6912C24.8668 14.0055 25.3387 14.2036 25.9237 14.2036V14.2044Z" fill="#1D1C1C"/><path d="M25.9237 10.2225C24.838 10.2225 24.1399 10.9058 23.9535 11.7482H25.1266C25.267 11.4581 25.5431 11.2475 25.9237 11.2475C26.2272 11.2475 26.4627 11.3785 26.6164 11.5766L27.3886 10.7958C27.0438 10.4464 26.5477 10.2225 25.9245 10.2225H25.9237Z" fill="#1D1C1C"/><path d="M17.3927 16.431C17.3069 16.431 17.2367 16.3608 17.2367 16.275V8.16296C17.2367 8.07716 17.3069 8.00696 17.3927 8.00696C17.4785 8.00696 17.5487 8.07716 17.5487 8.16296V16.275C17.5487 16.3608 17.4785 16.431 17.3927 16.431Z" fill="#1D1C1C"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" viewbox="0 0 38 24" aria-labelledby="pi-klarna" fill="none"><title id="pi-klarna">Klarna</title><rect width="38" height="24" rx="2" fill="#FFA8CD"/><rect x=".5" y=".5" width="37" height="23" rx="1.5" stroke="#000" stroke-opacity=".07"/><path d="M30.62 14.755c-.662 0-1.179-.554-1.179-1.226 0-.673.517-1.226 1.18-1.226.663 0 1.18.553 1.18 1.226 0 .672-.517 1.226-1.18 1.226zm-.33 1.295c.565 0 1.286-.217 1.686-1.068l.04.02c-.176.465-.176.742-.176.81v.11h1.423v-4.786H31.84v.109c0 .069 0 .346.175.81l-.039.02c-.4-.85-1.121-1.068-1.687-1.068-1.355 0-2.31 1.088-2.31 2.522 0 1.433.955 2.521 2.31 2.521zm-4.788-5.043c-.643 0-1.15.228-1.56 1.068l-.039-.02c.175-.464.175-.741.175-.81v-.11h-1.423v4.787h1.462V13.4c0-.662.38-1.078.995-1.078.614 0 .917.356.917 1.068v2.532h1.462v-3.046c0-1.088-.838-1.869-1.989-1.869zm-4.963 1.068l-.039-.02c.176-.464.176-.741.176-.81v-.11h-1.424v4.787h1.463l.01-2.304c0-.673.35-1.078.926-1.078.156 0 .282.02.429.06v-1.464c-.644-.139-1.22.109-1.54.94zm-4.65 2.68c-.664 0-1.18-.554-1.18-1.226 0-.673.516-1.226 1.18-1.226.662 0 1.179.553 1.179 1.226 0 .672-.517 1.226-1.18 1.226zm-.332 1.295c.565 0 1.287-.217 1.687-1.068l.038.02c-.175.465-.175.742-.175.81v.11h1.424v-4.786h-1.424v.109c0 .069 0 .346.175.81l-.038.02c-.4-.85-1.122-1.068-1.687-1.068-1.356 0-2.311 1.088-2.311 2.522 0 1.433.955 2.521 2.31 2.521zm-4.349-.128h1.463V9h-1.463v6.922zM10.136 9H8.644c0 1.236-.751 2.343-1.892 3.134l-.448.317V9h-1.55v6.922h1.55V12.49l2.564 3.43h1.892L8.293 12.64c1.121-.82 1.852-2.096 1.843-3.639z" fill="#0B051D"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-maestro"><title id="pi-maestro">Maestro</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#00A2E5" cx="23" cy="12" r="7"/><path fill="#7375CF" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" viewbox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" viewbox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg>
</li>
<li class="mx-1 mb-2 inline-block w-7">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewbox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 16.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
</li>
</ul>
</div>
<div class="mb-4 flex flex-wrap items-center justify-between lg:mb-0 lg:flex-1 lg:items-end lg:justify-end">
<form method="post" action="/localization" id="footer-localization-form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="flex gap-4"><div class="inline-block shrink-0 select-none">
<h2 class="sr-only" id="country-heading-footer">
Country/region
</h2>
<div
class="relative"
x-data="{ expanded: false }"
@keydown.escape.prevent.stop="expanded = false"
@click.outside="expanded = false"
>
<button
type="button"
class="border-b-text border-scheme-text py-1 text-sm"
:aria-expanded="expanded"
aria-controls="country-list-footer"
aria-describedby="country-heading-footer"
@click.prevent="expanded = ! expanded"
>
France (EUR
€)
<span
class="rotate ml-1 inline-block w-3 origin-center transform fill-current transition"
:class="{ 'rotate-180': expanded }"
>
<svg
class="theme-icon"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewbox="0 0 24 24"
>
<path stroke="currentColor" d="M1.5 7 12 17.5 22.5 7" vector-effect="non-scaling-stroke"/>
</svg>
</span>
</button>
<div
class="absolute bottom-[calc(100%_+_0.5rem)] left-auto right-0 max-md:left-0 max-md:right-auto"
x-show="expanded"
style="display: none;"
>
<ul
id="country-list-footer"
class="relative z-10 flex max-h-[30vh] w-max max-w-[theme(spacing.40)] snap-y snap-mandatory flex-col gap-[--text-border-width] overflow-y-auto border-text border-gridline-color bg-gridline-color text-sm"
x-transition:enter="transition ease duration-300"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease duration-300"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
:aria-hidden="! expanded"
>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Afghanistan (AFN
؋)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Åland Islands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Albania (ALL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Algeria (DZD
د.ج)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Andorra (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Angola (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Anguilla (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Antigua & Barbuda (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Argentina (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Armenia (AMD
դր.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Aruba (AWG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ascension Island (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Australia (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Austria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Azerbaijan (AZN
₼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahamas (BSD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bahrain (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bangladesh (BDT
৳)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Barbados (BBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belarus (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belgium (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Belize (BZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Benin (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bermuda (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bhutan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bolivia (BOB
Bs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bosnia & Herzegovina (BAM
КМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Botswana (BWP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brazil (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Indian Ocean Territory (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">British Virgin Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Brunei (BND
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Bulgaria (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burkina Faso (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Burundi (BIF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cambodia (KHR
៛)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cameroon (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Canada (CAD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cape Verde (CVE
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Caribbean Netherlands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cayman Islands (KYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Central African Republic (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chad (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Chile (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">China (CNY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Christmas Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cocos (Keeling) Islands (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Colombia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Comoros (KMF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Brazzaville (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Congo - Kinshasa (CDF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cook Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Costa Rica (CRC
₡)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Côte d’Ivoire (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Croatia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Curaçao (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Cyprus (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Czechia (CZK
Kč)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Denmark (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Djibouti (DJF
Fdj)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominica (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Dominican Republic (DOP
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ecuador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Egypt (EGP
ج.م)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">El Salvador (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Equatorial Guinea (XAF
CFA)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ER'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eritrea (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Estonia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Eswatini (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ET'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ethiopia (ETB
Br)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Falkland Islands (FKP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Faroe Islands (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Fiji (FJD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'FI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Finland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
aria-current="true"
@click.prevent="$refs.input.value = 'FR'; $root.closest('form').submit();"
>
<span class="border-scheme-text border-b-text">France (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Guiana (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Polynesia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">French Southern Territories (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gabon (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gambia (GMD
D)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Georgia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'DE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Germany (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ghana (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Gibraltar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greece (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Greenland (DKK
kr.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Grenada (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guadeloupe (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guatemala (GTQ
Q)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guernsey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea (GNF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guinea-Bissau (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Guyana (GYD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Haiti (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Honduras (HNL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hong Kong SAR (HKD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'HU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Hungary (HUF
Ft)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iceland (ISK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">India (INR
₹)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ID'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Indonesia (IDR
Rp)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Iraq (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ireland (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Isle of Man (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Israel (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'IT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Italy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jamaica (JMD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Japan (JPY
¥)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jersey (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'JO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Jordan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kazakhstan (KZT
₸)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kenya (KES
KSh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kiribati (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'XK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kosovo (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kuwait (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Kyrgyzstan (KGS
som)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Laos (LAK
₭)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Latvia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lebanon (LBP
ل.ل)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lesotho (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liberia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Libya (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Liechtenstein (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Lithuania (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Luxembourg (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Macao SAR (MOP
P)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Madagascar (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malawi (MWK
MK)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malaysia (MYR
RM)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Maldives (MVR
MVR)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ML'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mali (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Malta (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MQ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Martinique (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritania (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mauritius (MUR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mayotte (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mexico (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Moldova (MDL
L)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Monaco (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mongolia (MNT
₮)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ME'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montenegro (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Montserrat (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Morocco (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Mozambique (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Myanmar (Burma) (MMK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Namibia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nauru (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NP'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nepal (NPR
Rs.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Netherlands (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Caledonia (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">New Zealand (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nicaragua (NIO
C$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niger (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Nigeria (NGN
₦)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Niue (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norfolk Island (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">North Macedonia (MKD
ден)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'NO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Norway (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'OM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Oman (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pakistan (PKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Palestinian Territories (ILS
₪)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Panama (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Papua New Guinea (PGK
K)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Paraguay (PYG
₲)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Peru (PEN
S/)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Philippines (PHP
₱)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Pitcairn Islands (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Poland (PLN
zł)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Portugal (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'QA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Qatar (QAR
ر.ق)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Réunion (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Romania (RON
Lei)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Russia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Rwanda (RWF
FRw)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Samoa (WST
T)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">San Marino (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ST'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">São Tomé & Príncipe (STD
Db)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Saudi Arabia (SAR
ر.س)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Senegal (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'RS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Serbia (RSD
РСД)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Seychelles (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sierra Leone (SLL
Le)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Singapore (SGD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SX'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sint Maarten (ANG
ƒ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovakia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SI'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Slovenia (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Solomon Islands (SBD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Somalia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Africa (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Georgia & South Sandwich Islands (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Korea (KRW
₩)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SS'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">South Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ES'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Spain (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sri Lanka (LKR
₨)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'BL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Barthélemy (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Helena (SHP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'KN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Kitts & Nevis (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'LC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Lucia (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'MF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Martin (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'PM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Pierre & Miquelon (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">St. Vincent & Grenadines (XCD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SD'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sudan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Suriname (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Svalbard & Jan Mayen (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'SE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Sweden (SEK
kr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'CH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Switzerland (CHF
CHF)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Taiwan (TWD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TJ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tajikistan (TJS
ЅМ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tanzania (TZS
Sh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Thailand (THB
฿)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TL'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Timor-Leste (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Togo (XOF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TK'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tokelau (NZD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TO'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tonga (TOP
T$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TT'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Trinidad & Tobago (TTD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tristan da Cunha (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tunisia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TR'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Türkiye (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turkmenistan (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TC'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Turks & Caicos Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'TV'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Tuvalu (AUD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">U.S. Outlying Islands (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UG'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uganda (UGX
USh)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Ukraine (UAH
₴)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'AE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Arab Emirates (AED
د.إ)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'GB'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United Kingdom (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'US'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">United States (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UY'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uruguay (UYU
$U)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'UZ'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Uzbekistan (UZS
so'm)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VU'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vanuatu (VUV
Vt)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VA'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vatican City (EUR
€)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Venezuela (USD
$)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'VN'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Vietnam (VND
₫)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'WF'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Wallis & Futuna (XPF
Fr)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'EH'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Western Sahara (MAD
د.م.)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'YE'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Yemen (YER
﷼)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZM'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zambia (GBP
£)</span
>
</button>
</li>
<li class="flex items-center bg-scheme-background px-2 py-2 coarse-pointer:min-h-[44px] coarse-pointer:min-w-[44px]">
<button
class="break-word text-left [text-wrap:balance] hover:text-scheme-accent"
type="button"
@click.prevent="$refs.input.value = 'ZW'; $root.closest('form').submit();"
>
<span class="border-transparent border-b-text">Zimbabwe (USD
$)</span
>
</button>
</li></ul>
</div>
<input
x-ref="input"
type="hidden"
name="country_code"
id="CountrySelector"
value="FR"
>
</div>
</div></div></form>
</div></div>
</div>
</footer>
<style>
.footer-logo-image {
display: block;
max-width: px;
}
</style>
<script>
function ptwAfterWrapinLoadHook() {
var $ptwobject = window.jQuery;
$ptwobject('button[name="checkout"]').click(function (e) {
if($ptwobject("#ptw-gift-needed").is(":checked")) {
var ptwVariantId = $ptwobject("#ptw-variant-id").val();
var ptw_gift_note = $ptwobject("#ptw-text-message").val();
var ptwProdName = $ptwobject("#ptw-productname").val();
var ptwProductProps = {
"Gift Note": ptw_gift_note,
"Product Name": ptwProdName,
};
var ptwProductParams = {
type: "POST",
url: "/cart/add.js",
data: {
items: [
{
quantity: 1,
id: ptwVariantId,
properties: ptwProductProps,
},
],
},
dataType: "json",
cache: false,
async: false
};
setTimeout(function () {
$("#ptw-gift-needed").prop("checked", false);
}, 500);
$ptwobject.ajax(ptwProductParams).done(function (data) {
console.log("Gift Wrap Added 1");
if ($ptwobject.isFunction(window.ptwAfterGiftAddProdHook)) {
setTimeout(ptwAfterGiftAddProdHook);
}
});
}
});
}</script>
</div><div id="shopify-section-sections--27495739130242__hero-logo" class="shopify-section shopify-section-group-footer-group"><section
class="overflow-hidden bg-scheme-background text-scheme-text"
data-color-scheme="scheme1"
role="complementary"
>
<div class="px-section-horizontal-spacing py-section-vertical-spacing"><div
class="mx-auto"
style="max-width: 55%"
>
<img src="//fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=3000" alt="Full Time Fits" srcset="//fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=352 352w, //fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=535 535w, //fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=832 832w, //fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=1200 1200w, //fulltimefits.com/cdn/shop/files/IMG_1452.gif?v=1714608779&width=1920 1920w" width="535" class="w-full" sizes="55vw">
</div></div>
</section>
</div>
<!-- END sections: footer-group --><!-- BEGIN sections: overlay-group -->
<div id="shopify-section-sections--27495740080514__privacy-banner" class="shopify-section shopify-section-group-overlay-group contents">
<script src="//fulltimefits.com/cdn/shop/t/19/assets/privacy-banner.js?v=33472920116098439441784213660" type="module"></script>
</div>
<!-- END sections: overlay-group -->
<div
id="screenreader-announce"
class="sr-only"
aria-live="polite"
role="status"
></div>
<ul hidden>
<li id="a11y-refresh-page-message">
Choosing a selection results in a full page refresh.
</li>
<li id="a11y-selection-message">
Press the space key then arrow keys to make a selection.
</li>
</ul>
<aside aria-labelledby="left-drawer-slot" x-data>
<template x-teleport="body">
<div
x-show="$store.modals.leftDrawer.open"
@keydown.escape.prevent.stop="$store.modals.close('leftDrawer')"
@click="$store.modals.close('leftDrawer')"
class="fixed inset-0 z-110"
data-color-scheme="scheme1"
id="modals-leftDrawer"
@left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
@click.stop
x-show="$store.modals.leftDrawer.open"
x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
x-transition:enter-start="opacity-0 -translate-x-full"
x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
x-transition:leave-end="-translate-x-full"
x-trap.noscroll.inert="$store.modals.leftDrawer.open"
class="mr-auto h-full w-11/12 max-w-md transform overflow-y-auto border-r-gridline border-gridline-color bg-scheme-background text-scheme-text transition-transform"
id="left-drawer-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('leftDrawer', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</template>
</aside>
<aside aria-labelledby="right-drawer-slot" x-data>
<template x-teleport="body">
<div
x-show="$store.modals.rightDrawer.open"
@keydown.escape.prevent.stop="$store.modals.close('rightDrawer')"
@click="$store.modals.close('rightDrawer')"
class="fixed inset-0 z-110"
data-color-scheme="scheme1"
id="modals-rightDrawer"
@right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
@click.stop
x-show="$store.modals.rightDrawer.open"
x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
x-transition:enter-start="translate-x-full"
x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
x-transition:leave-end="translate-x-full"
x-trap.noscroll.inert="$store.modals.rightDrawer.open"
class="ml-auto h-full w-11/12 max-w-md transform overflow-y-auto border-l-gridline border-gridline-color bg-scheme-background text-scheme-text"
id="right-drawer-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('rightDrawer', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</template>
</aside>
<aside aria-labelledby="quick-buy-drawer-slot-container" x-data>
<template x-teleport="body">
<div
x-show="$store.modals.quickBuyDrawer.open"
@keydown.escape.prevent.stop="$store.modals.close('quickBuyDrawer')"
@click="$store.modals.close('quickBuyDrawer')"
class="fixed inset-0 z-110 flex lg:block"
data-color-scheme="scheme1"
id="modals-quickBuyDrawer"
@quick-buy-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
@click.stop
id="quick-buy-drawer-slot-container"
x-show="$store.modals.quickBuyDrawer.open"
x-transition:enter="duration-300 motion-reduce:duration-0 outline-0"
x-transition:enter-start="max-lg:translate-y-full lg:translate-x-full"
x-transition:leave="duration-300 motion-reduce:duration-0 outline-0"
x-transition:leave-end="max-lg:translate-y-full lg:translate-x-full"
x-trap.noscroll.inert="$store.modals.quickBuyDrawer.open"
class="mt-auto h-auto w-full transform border-gridline-color bg-scheme-background text-scheme-text lg:ml-auto lg:h-full lg:w-11/12 lg:max-w-md lg:border-l-gridline lg:overflow-y-auto"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('quickBuyDrawer', document.getElementById('quick-buy-drawer-slot'))"
tabindex="-1"
>
<div class="sticky top-0 z-1 flex items-center justify-between border-y-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4 lg:border-t-0">
<div>
Choose options
</div>
<button
@click.prevent="$store.modals.close('quickBuyDrawer')"
class="absolute right-0 top-0 block h-full"
type="button"
>
<span class="sr-only">Close</span>
<div class="my-auto mr-section-horizontal-spacing h-6 w-6">
<svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</div>
</button>
</div>
<div id="quick-buy-drawer-slot" class="max-lg:h-fit max-lg:max-h-[65vh] max-lg:overflow-y-auto"></div>
</div>
</div>
</template>
</aside>
<div
x-data
>
<template x-teleport="body">
<div
x-show="$store.modals.promo.open"
class="fixed inset-0 z-110 pointer-events-none"
id="modals-promo"
>
<div
x-show="$store.modals.promo.open"
class="h-full w-full flex"
>
<div
x-show="$store.modals.promo.open"
x-transition:enter="transition duration-300 motion-reduce:duration-0 delay-75 outline-0"
x-transition:enter-start="translate-y-full"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition duration-300 motion-reduce:duration-0 outline-0"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="translate-y-full"
class="relative w-full mt-auto top-auto right-0 bottom-0 left-0 overflow-y-auto pointer-events-auto"
id="promo-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('promo', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div>
<div x-data>
<template x-teleport="body">
<div
x-show="$store.modals.popup.open"
@keydown.escape.prevent.stop="$store.modals.close('popup')"
@click="$store.modals.close('popup')"
class="fixed inset-0 z-110 p-8 lg:p-24"
data-color-scheme="scheme1"
id="modals-popup"
@popup-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div
x-show="$store.modals.popup.open"
class="fixed inset-0 bg-transparent"
>
<!-- Overlay -->
</div>
<div
x-show="$store.modals.popup.open"
class="flex h-full w-full"
>
<div
@click.stop
x-show="$store.modals.popup.open"
x-trap.noscroll.inert="$store.modals.popup.open"
class="relative m-auto max-h-full w-full max-w-2xl overflow-y-auto border-gridline border-gridline-color bg-scheme-background text-scheme-text"
id="popup-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('popup', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div>
<div x-data>
<template x-teleport="body">
<div
x-show="$store.modals.modal.open"
@keydown.escape.prevent.stop="$store.modals.close('modal')"
@click="$store.modals.close('modal')"
class="fixed inset-0 z-110"
data-color-scheme="scheme1"
id="modals-modal"
@modal-is-open.window="setTimeout(() => { $focus.first() }, 120)"
>
<div x-show="$store.modals.modal.open" class="flex h-full w-full">
<div
@click.stop
x-show="$store.modals.modal.open"
x-trap.noscroll.inert="$store.modals.modal.open"
class="relative m-auto h-full w-full overflow-y-auto bg-scheme-background text-scheme-text"
id="modal-slot"
role="dialog"
aria-modal="true"
:aria-label="getModalLabel('modal', $el)"
tabindex="-1"
>
<!-- Modal content is teleported here -->
</div>
</div>
</div>
</template>
</div>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/modals.js?v=40805929251645469271784213660" type="module"></script>
<div
x-data="Theme_ModalCart({openOnAddToCart: true})"
x-cloak
>
<div>
<template x-teleport="#right-drawer-slot">
<div
class="flex min-h-screen flex-col"
:data-modal-label="`Your cart - ${$store.cartCount.countWithText()}`"
x-show="$store.modals.rightDrawer.contents === 'cart'">
<div class="sticky top-0 z-1 flex items-center justify-between border-b-gridline border-gridline-color bg-scheme-background px-section-horizontal-spacing py-4">
<h1 id="CartTitle" tabindex="-1">
Your cart -
<span x-text="$store.cartCount.countWithText()"></span>
</h1>
<button
@click.prevent="$store.modals.close('cart')"
class="absolute right-0 top-0 block h-full"
type="button"
>
<span class="sr-only">Close</span>
<div class="my-auto mr-section-horizontal-spacing h-6 w-6">
<svg class="theme-icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24">
<path stroke="currentColor" d="m1.5 1.5 21 21m0-21-21 21" vector-effect="non-scaling-stroke"/>
</svg>
</div>
</button>
</div>
<div class="-mb-gridline">
<div
x-data="CartItems"
data-cart-items
>
<div class="py-section-vertical-spacing px-section-horizontal-spacing">
<h1 class="font-heading text-heading-standard">
Your cart
</h1>
<div class="mt-8">
<p class="mb-8">Your cart is currently empty.</p>
<a
class="theme-link inline-block text-scheme-text hover:text-scheme-accent"
href="/"
>Continue shopping</a>
</div>
</div>
<p
class="sr-only"
id="cart-live-region-text"
aria-live="polite"
role="status"
></p>
<p
class="sr-only"
id="shopping-cart-line-item-status"
aria-live="polite"
aria-hidden="true"
role="status"
>
Loading...
</p>
</div>
</div>
<div class="mt-auto md:sticky md:bottom-0 bg-scheme-background border-t-gridline border-gridline-color">
<div
x-data="CartFooter"
data-cart-footer
>
<div class="hidden px-2 pb-theme">
<div class="mt-4">
<div id='ptw-wrapin' data-language='en' data-page='product' data-tag='' data-productname=''></div>
<label class="block" for="CartSpecialInstructions">Add a note to your order</label>
<textarea
class="mt-1 block w-full border-text border-current bg-transparent p-2 text-sm"
name="note"
id="CartSpecialInstructions"
form="cart"
:class="{ 'opacity-50 cursor-progress' : updating }"
:readonly="updating"
x-data="CartNote"
x-model.debounce.750ms="note"
></textarea>
</div>
<div class="mt-4 text-center">
<dl class="grid grid-cols-2 text-right"><dt>Subtotal</dt>
<dd>€0,00 EUR</dd>
</dl><p class="has-theme-links mt-4 text-right">
Tax included and shipping calculated at checkout
</p>
<div class="mt-4 w-full items-center justify-between">
<button
class="hidden theme-button--secondary no-js:block"
type="submit"
name="update"
form="cart"
>Update</button><button
class="mt-2 w-full cursor-pointer rounded-button p-2 lg:mt-0 [text-transform:var(--button-text-transform)] after:content-[var(--button-after-content)] border-text border-scheme-text bg-scheme-text text-scheme-background hover:border-scheme-accent hover:bg-scheme-accent hover:text-scheme-accent-contrast"
type="submit"
name="checkout"
form="cart"
>Check out</button>
</div>
<div
class="mt-4 text-scheme-accent"
id="cart-errors"
></div>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</div>
<script src="//fulltimefits.com/cdn/shop/t/19/assets/modal-cart.js?v=16053340122107257351784213660" type="module"></script>
<script
src="//fulltimefits.com/cdn/shop/t/19/assets/alpine.bundle.js?v=109808447343824881901784213660"
type="module"
></script>
<script defer>
function swymCallbackFn(swat){
// your API calls go here
document.addEventListener("swym:collections-loaded", function(){
setTimeout ( () => {
swat.initializeActionButtons("body");
},1000);
})
}
if(!window.SwymCallbacks){
window.SwymCallbacks = [];
}
window.SwymCallbacks.push(swymCallbackFn);
</script>
<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block"><script>
window['ShopifyForms'] = {
...window['ShopifyForms'],
currentPageType: "index"
};
</script>
</div><div id="shopify-block-AcThYNTRkUW1SdzMyZ__6610233760104865948" class="shopify-block shopify-app-block"><script>
window.pushowlSubdomain = "3ff10c-2.myshopify.com".split(".")[0]
window.isPushowlThemeAppExtentionEnabled = true
window.pushowlGUID = "9e992b42-d3d7-4ec3-adb0-6a98cca27f5e"
window.pushowlEnvironment = "production"
window.pushowlConfigSource = "shopify"
window.pushowlConfigUrl = "https://cdn.shopify.com/s/files/1/0812/8538/2449/files/pushowl_config_env_production_subdomain_3ff10c2_website_id_314510_9ad7b443-661f-4649-b5aa-aa4883f46911.json?v=1790324911"
</script>
</div><!-- Failed to render app block "5285233219868989161": app block path "shopify://apps/appy-stamp-loyalty-rewards/blocks/app-embed/7164cefc-6957-47ae-bdf2-9de86d32d0a4" does not exist --><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
