PageSourceSearch

https://fila.com.au/account/login

html fila.com.au collected 2026-09-25 07:05:59 UTC 397,984 bytes, 8,471 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-js layout-alternate" lang="en" dir="ltr">
3  <head>
4    
4<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
4<meta name="google-site-verification" content="FXtrU8VyZiQxk1AkI2w20J0v48Pz1DK7THHKWvC50_M">
5<meta name="google-site-verification" content="FXtrU8VyZiQxk1AkI2w20J0v48Pz1DK7THHKWvC50_M">
6<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/55053648108/digital_wallets/dialog">
7<meta id="in-context-paypal-metadata" data-shop-id="55053648108" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="AUD">
8<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://fila.com.au/account/login">
9<link rel="alternate" hreflang="en" href="https://fila.com.au/account/login">
10<link rel="alternate" hreflang="en-NZ" href="https://fila.co.nz/account/login">
11<script async="async" src="/checkouts/internal/preloads.js?locale=en-AU&configuration_id=6712492268&edited_at=1788777465"></script>
11
12<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
13<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-AU&configuration_id=6712492268&edited_at=1788777465&shop_id=55053648108" crossorigin="anonymous"></script>
vendor: 1 bytes, line 13
13
14<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":55053648108,"countryCode":"AU","currencyCode":"AUD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/55053648108","merchantName":"FILA Australia","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"FILA Australia","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 14
14
15<script id="shopify-features" type="application/json">{"accessToken":"ba650220d81dadeb691d3e1b98e8f291","betas":["rich-media-storefront-analytics"],"domain":"fila.com.au","predictiveSearch":true,"shopId":55053648108,"locale":"en"}</script>
vendor: 1 bytes, line 15
15
16<script>var Shopify = Shopify || {};
17Shopify.shop = "fila-australia-production.myshopify.com";
18Shopify.locale = "en";
19Shopify.currency = {"active":"AUD","rate":"1.0"};
20Shopify.country = "AU";
21Shopify.theme = {"name":"*FUTURE 18\/09 MID SEASON SALE","id":165546885356,"schema_name":"Themekit template theme","schema_version":"1.0.0","theme_store_id":null,"role":"main"};
22Shopify.theme.handle = "null";
23Shopify.theme.style = {"id":null,"handle":null};
24Shopify.cdnHost = "fila.com.au/cdn";
25Shopify.routes = Shopify.routes || {};
26Shopify.routes.root = "/";
27Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
28Shopify.SignInWithShop = Shopify.SignInWithShop || {};
29Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
30Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 30
30
31<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 31
31
32<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 32
32
33<script>
34  window.ShopifyPay = window.ShopifyPay || {};
35  window.ShopifyPay.apiHost = "shop.app\/pay";
36  window.ShopifyPay.redirectState = null;
37</script>
vendor: 1 bytes, line 37
37
38<script>
39  window.Shopify = window.Shopify || {};
40  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
41  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
42  window.Shopify.SignInWithShop.eligible = true;
43</script>
vendor: 1 bytes, line 43
43
44<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 44
44
45<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 45
45
46<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 46
46
47<script type="module">
48  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js");
49await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js");
50
51  window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true});
52window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true});
53
54</script>
vendor: 1 bytes, line 54
54
55<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 55
55
56<script type="module">
57  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
58
59  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
60
61</script>
vendor: 1 bytes, line 61
61
62<script>
63  window.Shopify = window.Shopify || {};
64  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
65  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"]};
66</script>
vendor: 1 bytes, line 66
66
67<script>(function() {
68  var isLoaded = false;
69  function asyncLoad() {
70    if (isLoaded) return;
71    isLoaded = true;
72    var urls = ["https:\/\/d2r9py2hfy5mgp.cloudfront.net\/83\/F7\/BD\/306FAB6C8E-55053648108\/tagalys-shopify.js?v=20230520113635\u0026shop=fila-australia-production.myshopify.com","https:\/\/t.cfjump.com\/tag\/76861?shop=fila-australia-production.myshopify.com","https:\/\/cdn.obviyo.net\/dynamic\/loader\/prod\/IqvMhZCI?shop=fila-australia-production.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-e525f3133b6456de4eb4d062314c2fb6.js?shop=fila-australia-production.myshopify.com"];
73    for (var i = 0; i < urls.length; i++) {
74      var s = document.createElement('script');
75      s.type = 'text/javascript';
76      s.async = true;
77      s.src = urls[i];
78      var x = document.getElementsByTagName('script')[0];
79      x.parentNode.insertBefore(s, x);
80    }
81  };
82  if(window.attachEvent) {
83    window.attachEvent('onload', asyncLoad);
84  } else {
85    window.addEventListener('load', asyncLoad, false);
86  }
87})();</script>
vendor: 1 bytes, line 87
87
88<script id="__st">var __st={"a":55053648108,"offset":36000,"reqid":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958","pageurl":"fila.com.au\/account\/login","u":"4a14724ab3fc"};</script>
vendor: 1 bytes, line 88
88
89<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 89
89
90<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 90
90
91<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//fila.com.au/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 91
91
92<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 = "//fila.com.au/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>
92<script crossorigin="anonymous" defer="defer" src="//fila.com.au/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 92
92
93<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 93
93
94<script>
95  window.Shopify = window.Shopify || {};
96  window.Shopify.MCP = window.Shopify.MCP || {};
97  window.Shopify.MCP.enabled = true;
98  window.Shopify.MCP.shop = "fila-australia-production.myshopify.com";
99  window.Shopify.MCP.mcpEndpoint = "https:\/\/fila.com.au\/api\/mcp";
100  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"]}}];
101</script>
vendor: 1 bytes, line 101
101
102<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("\/\/fila.com.au\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
103</script>
vendor: 1 bytes, line 103
103
104<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://fila.com.au/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
105</script>
vendor: 1 bytes, line 105
105
106<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
107  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
108</script>
vendor: 1 bytes, line 108
108
109<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
110</script>
110
111<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://fila.com.au/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
112<style id="shopify-accelerated-checkout-cart">
113        #shopify-buyer-consent {
114  margin-top: 1em;
115  display: inline-block;
116  width: 100%;
117}
118
119#shopify-buyer-consent.hidden {
120  display: none;
121}
122
123#shopify-subscription-policy-button {
124  background: none;
125  border: none;
126  padding: 0;
127  text-decoration: underline;
128  font-size: inherit;
129  cursor: pointer;
130}
131
132#shopify-subscription-policy-button::before {
133  box-shadow: none;
134}
135
136      </style>
137
138<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
138
139
140
141
142  <title>
143    Account
144    | FILA
145    Australia
146  </title>
147
148<meta charset="utf-8">
149<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
150<meta name="description" content="">
151<link rel="canonical" href="https://fila.com.au/account/login">
152<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
153<meta name="theme-color" content="#0b203f">
154
155
156
157
158<script>
159  !(function (t, e) {
160    var o, n, p, r;
161    e.__SV ||
162      ((window.posthog = e),
163      (e._i = []),
164      (e.init = function (i, s, a) {
165        function g(t, e) {
166          var o = e.split('.');
167          2 == o.length && ((t = t[o[0]]), (e = o[1])),
168            (t[e] = function () {
169              t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
170            });
171        }
172        ((p = t.createElement('script')).type = 'text/javascript'),
173          (p.async = !0),
174          (p.src = s.api_host + '/static/array.js'),
175          (r = t.getElementsByTagName('script')[0]).parentNode.insertBefore(p, r);
176        var u = e;
177        for (
178          void 0 !== a ? (u = e[a] = []) : (a = 'posthog'),
179            u.people = u.people || [],
180            u.toString = function (t) {
181              var e = 'posthog';
182              return 'posthog' !== a && (e += '.' + a), t || (e += ' (stub)'), e;
183            },
184            u.people.toString = function () {
185              return u.toString(1) + '.people (stub)';
186            },
187            o =
188              'capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys onSessionId'.split(
189                ' '
190              ),
191            n = 0;
192          n < o.length;
193          n++
194        )
195          g(u, o[n]);
196        e._i.push([i, s, a]);
197      }),
198      (e.__SV = 1));
199  })(document, window.posthog || []);
200  posthog.init('phc_v5FR1wosbAN09VavIo0PftPQ3AkNDusbDgZSOxGRSBq', { api_host: 'https://app.posthog.com' });
201</script>
vendor: 1 bytes, line 201
201
202<script
203  src="//fila.com.au/cdn/shop/t/362/assets/sentry-6.13.2.min.js?v=61578534968740319071789359627"
204></script>
vendor: 1 bytes, line 204
204
205<script>
206  Sentry.init({
207    debug: true,
208    dsn: 'https://[email protected]/5985700',
209    integrations: [new Sentry.Integrations.BrowserTracing()],
210    release: '165546885356',
211    tracesSampleRate: 1.0,
212  });
213</script>
vendor: 1 bytes, line 213
213
214<script src="//fila.com.au/cdn/shop/t/362/assets/tagalys-api-connector-2.1.1.min.js?v=93086682587573339181789359635" defer></script>
214
215<link
216  rel="preload"
217  href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600;700&display=swap"
218  as="style"
219  onload="this.onload=null;this.rel='stylesheet'"
220>
221<link
222  rel="preload"
223  href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined"
224  as="style"
225  onload="this.onload=null;this.rel='stylesheet'"
226>
227<link
228  rel="preload"
229  href="//fila.com.au/cdn/shop/t/362/assets/slick.css?v=111080352282952091531789359632"
230  as="style"
231  onload="this.onload=null;this.rel='stylesheet'"
232>
233<link
234  rel="preload"
235  href="//fila.com.au/cdn/shop/t/362/assets/slick-theme.css?v=170127259147144273611789695686"
236  as="style"
237  onload="this.onload=null;this.rel='stylesheet'"
238>
239<noscript>
240  <link
241    href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;400;500;600;700&display=swap"
242    rel="stylesheet"
243    type="text/css"
244  >
245  <link
246    href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined"
247    rel="stylesheet"
248    type="text/css"
249  >
250  <link
251    href="//fila.com.au/cdn/shop/t/362/assets/slick.css?v=111080352282952091531789359632"
252    rel="stylesheet"
253    type="text/css"
254  >
255  <link
256    href="//fila.com.au/cdn/shop/t/362/assets/slick-theme.css?v=170127259147144273611789695686"
257    rel="stylesheet"
258    type="text/css"
259  >
260</noscript>
261
262<link rel="preconnect" href="https://fonts.googleapis.com">
263<link
264  rel="preconnect"
265  href="https://fonts.gstatic.com"
266  crossorigin
267>
268<link
269  rel="icon"
270  href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603"
271  sizes="32x32"
272>
273<link
274  rel="icon"
275  href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603"
276  sizes="192x192"
277>
278<link rel="apple-touch-icon" href="//fila.com.au/cdn/shop/t/362/assets/favicon.jpg?v=92299282862518659111789359603">
279
280<style>
281  @font-face {
282    font-family: 'Tartuffo';
283    src: url('//fila.com.au/cdn/shop/t/362/assets/TartuffoLight.woff2?v=134774642974860248081789359636');
284    font-weight: bold;
285    font-family: var(--fontNew);
286  }
287
288  .video-js {
289    background: transparent;
290  }
291
292  .vjs-product-card {
293    padding-top: 125%;
294    width: 100%;
295  }
296
297  @font-face {
298    font-family: 'Bolton';
299    src: url('//fila.com.au/cdn/shop/t/362/assets/F37Bolton-Bold.woff2?v=21131054757223962111789359602');
300    font-weight: bold;
301    font-family: var(--fontSecondary);
302  }
303
304  :root {
305    --icon-expand-url: url('//fila.com.au/cdn/shop/t/362/assets/expand.svg?v=156329951411338164891789359602');
306  }
307</style>
308
309<script src="//fila.com.au/cdn/shop/t/362/assets/whatwg-fetch-3.6.2.min.js?v=122332223688163026231789359638"></script>
309
310
311<link href="//fila.com.au/cdn/shop/t/362/assets/application.css?v=25136856064265569891789622059" rel="stylesheet" type="text/css" media="all" />
312<link href="//fila.com.au/cdn/shop/t/362/assets/tailwind.css?v=111081871179704167211789622059" rel="stylesheet" type="text/css" media="all" />
313
314<script
315  defer
316  type="module"
317  src="//fila.com.au/cdn/shop/t/362/assets/bundle.js?v=164807561012941806451789359595"
318></script>
318
319
320<script>
321  window.theme = window.theme || {};
322
323  window.customer = {
324    email: '',
325  };
326
327  theme.routes = {
328    home: '/',
329    cart: "/cart.js",
330    cartPage: '/cart',
331    cartAdd: "/cart/add.js",
332    cartChange: "/cart/change.js",
333  };
334
335  document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
336
337  document.addEventListener('lazybeforeunveil', function (e) {
338    var bg = e.target.getAttribute('data-bg');
339    if (bg) {
340      e.target.style.backgroundImage = 'url(' + bg + ')';
341    }
342  });
343</script>
343
344
345<script
346  type="text/javascript"
347  src="//fila.com.au/cdn/shop/t/362/assets/jquery-3.7.1.min.js?v=147293088974801289311789359611"
348></script>
vendor: 1 bytes, line 348
348
349<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/jquery-migrate-3.5.2.min.js?v=109501737342141926931789359612"></script>
vendor: 1 bytes, line 349
349
350<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/slick-1.8.1.min.js?v=31888141998294270841789359631"></script>
vendor: 1 bytes, line 350
350
351<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/uuidv4.min.js?v=115475877509068589111789359637"></script>
vendor: 1 bytes, line 351
351
352<script
353  type="text/javascript"
354  src="//fila.com.au/cdn/shop/t/362/assets/tabbable-6.2.0.min.js?v=61415490120167735441789359634"
355  async
356  defer
357></script>
vendor: 1 bytes, line 357
357
358<script
359  type="text/javascript"
360  src="//fila.com.au/cdn/shop/t/362/assets/focus-trap-7.6.2.min.js?v=157322736858657011841789359606"
361  async
362  defer
363></script>
vendor: 1 bytes, line 363
363
364<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/lazysizes-umd-5.3.2.min.js?v=13003352630479173421789359612"></script>
vendor: 1 bytes, line 364
364
365<script type="text/javascript" src="//fila.com.au/cdn/shop/t/362/assets/bodyScrollLock-4.0.0-beta.0.min.js?v=88696407960053606501789359594"></script>
365
366
367<!-- Google Tag Manager -->
368<script>
vendor: 415 bytes, lines 368-378
368
369  (function (w, d, s, l, i) {
370    w[l] = w[l] || [];
371    w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
372    var f = d.getElementsByTagName(s)[0],
373      j = d.createElement(s),
374      dl = l != 'dataLayer' ? '&l=' + l : '';
375    j.async = true;
376    j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
377    f.parentNode.insertBefore(j, f);
378  })(window, document, 'script', 'dataLayer', '
378GTM-NGFFCNR
vendor: 4 bytes, line 378
378');
379</script>
379
380<!-- End Google Tag Manager -->
381
382<script>
383  var CURRENT_COUNTRY_CODE = 'AU';
384  var IS_NZ_DISABLED = true;
385</script>
385
386
387<script src="//fila.com.au/cdn/shop/t/362/assets/application.js?v=128251798092340564451789359593" type="text/javascript"></script>
387
388
389
390<!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
391
392
393
394
395
396
397
398<link rel="dns-prefetch" href="https://cdn.judge.me">
399<link rel="dns-prefetch" href="https://cdn1.judge.me">
400<link rel="dns-prefetch" href="https://api.judge.me">
401
402<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#0B1F40","hide_badge_preview_if_no_reviews":true,"badge_hide_text":true,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review!","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
402ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#0B1F40","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":false,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"dd/mm/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":false,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
402itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#002575","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#002575","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":false,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"custom","review_form_corner_style":"square","review_form_star_color":"#0B1F40","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#0B1F40","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
402youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":true,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":3,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-04-08T02:24:27.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"minimal","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"hidden","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#0B1F40","review_widget_button_color":"#0B1F3F","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"square","review_widget_custom_css":"// make heading look like others\n.jm-text.jm-review-widget-minimal-header__title {\n  color: #0a2140;\n  font-size: 24px;\n  font-weight: bold;\n  font-family: var(--fontSecondary);\n}\n\n\n// style heading for mobile view - centered\n.jm-review-widget-minimal-header{\n  .jm-cluster {\n    .jm-stack--space-200 {\n      @media screen and (max-width: 767px) {\n        width: 100%;\n\n        .jm-review-widget-minimal-header__title {\n          text-align: center;\n        }\n      }\n    }\n  }\n}\n\n.jm-review-widget {\n  //padding: 0 90px !important;\n}\n\n// Allow content to show above stars\n.jdgm-write-review-modal__product-title {\n  overflow: visible !important;\n}\n\n// Remove all badges\n.jm-verified-badge {\n  display: none;\n}\n\n// Removing avg rating display which is causing issues\n.jm-average-rating-display {\n  display: none;\n}\n\n// Remove weird scroll issue\n.jdgm-write-review-modal {\n  overflow-y: hidden !important;\n}\n\n\n.jdgm-write-review-modal__page--thank-you{\n  overflow-y: hidden !important;\n}\n","review_widget_review_word_singular":"review","review_widget_review_word_plural"
402:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":true,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"FILA Australia","shop_currency":"AUD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":false,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"never","require_verification_before_submit":false,"sign_in_with_
402shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"FILA Australia"};</script>
402 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #002575;--jdgm-secondary-color: rgba(0,37,117,0.1);--jdgm-star-color: #0B1F40;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #002575;--jdgm-paginate-color: #002575;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #002575}.jdgm-histogram__bar-content{background-color:#002575}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#002575}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#0B1F40}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-prev-badge__text{display:none !important}.jdgm-rev .jdgm-rev__timestamp,.jdgm-quest .jdgm-rev__timestamp,.jdgm-carousel-item__timestamp{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #002575;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#002575}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'FILA Australia'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
403</style> <style class='jdgm-settings-style'>.jdgm-review-widget .jm-text.jm-review-widget-minimal-header__title{color:#0a2140;font-size:24px;font-weight:bold;font-family:var(--fontSecondary)}@media screen and (max-width: 767px){.jdgm-review-widget .jm-review-widget-minimal-header .jm-cluster .jm-stack--space-200{width:100%}.jdgm-review-widget .jm-review-widget-minimal-header .jm-cluster .jm-stack--space-200 .jm-review-widget-minimal-header__title{text-align:center}}.jdgm-review-widget .jdgm-write-review-modal__product-title{overflow:visible !important}.jdgm-review-widget .jm-verified-badge{display:none}.jdgm-review-widget .jm-average-rating-display{display:none}.jdgm-review-widget .jdgm-write-review-modal{overflow-y:hidden !important}.jdgm-review-widget .jdgm-write-review-modal__page--thank-you{overflow-y:hidden !important}
404</style>
405
406  
407  
408  
409  <style class='jdgm-miracle-styles'>
410  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
410/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
411
412</style>
413
414
415  
416  
417   
418
419
420
421
422<script data-cfasync='false' class='jdgm-script'>
423!function(e){window.jdgm=window.jdgm||{};
424/* INF-1976 */
425var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
426if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
427jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
428jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
429setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
430!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
431(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
432a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
433jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
434t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
435t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
436".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
437parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
438jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
439)}))}(document);
440</script>
440
441<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript>
442
443<!-- BEGIN app snippet: theme_fix_tags -->
443<script>
444  (function() {
445    var jdgmThemeFixes = null;
446    if (!jdgmThemeFixes) return;
447
448    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
449    // before the per-theme fix so the theme-specific CSS wins the cascade.
450    // HTML is never applied globally (too risky).
451    var allThemesFix = jdgmThemeFixes['all'];
452    if (allThemesFix && allThemesFix.css) {
453      var allStyleTag = document.createElement('style');
454      allStyleTag.classList.add('jdgm-theme-fix-style-all');
455      allStyleTag.innerHTML = allThemesFix.css;
456      document.head.append(allStyleTag);
457    };
458
459    if (allThemesFix && allThemesFix.js) {
460      var allScriptTag = document.createElement('script');
461      allScriptTag.classList.add('jdgm-theme-fix-script-all');
462      allScriptTag.innerHTML = allThemesFix.js;
463      document.head.append(allScriptTag);
464    };
465
466    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
467    if (!thisThemeFix) return;
468
469    if (thisThemeFix.html) {
470      document.addEventListener("DOMContentLoaded", function() {
471        var htmlDiv = document.createElement('div');
472        htmlDiv.classList.add('jdgm-theme-fix-html');
473        htmlDiv.innerHTML = thisThemeFix.html;
474        document.body.append(htmlDiv);
475      });
476    };
477
478    if (thisThemeFix.css) {
479      var styleTag = document.createElement('style');
480      styleTag.classList.add('jdgm-theme-fix-style');
481      styleTag.innerHTML = thisThemeFix.css;
482      document.head.append(styleTag);
483    };
484
485    if (thisThemeFix.js) {
486      var scriptTag = document.createElement('script');
487      scriptTag.classList.add('jdgm-theme-fix-script');
488      scriptTag.innerHTML = thisThemeFix.js;
489      document.head.append(scriptTag);
490    };
491  })();
492</script>
492
493<!-- END app snippet -->
494<!-- End of Judge.me Core -->
495
496
497
498<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
499
500
501
502
503
504
505
506
507
508
509
510
511  
511<script async src="https://static.klaviyo.com/onsite/js/SgXaum/klaviyo.js?company_id=SgXaum"></script>
511
512  
512<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
512
513
514  
515
516
517
518
519  
519<script>
520    window.klaviyoReviewsProductDesignMode = false
521  </script>
521
522
523
524
525  <!-- BEGIN app snippet: customer-hub-data -->
525<script>
526  if (!window.customerHub) {
527    window.customerHub = {};
528  }
529  window.customerHub.storefrontRoutes = {
530    login: "/account/login?return_url=%2F%23k-hub",
531    register: "/account/register?return_url=%2F%23k-hub",
532    logout: "/account/logout",
533    profile: "/account",
534    addresses: "/account/addresses",
535  };
536  
537  window.customerHub.userId = null;
538  
539  window.customerHub.storeDomain = "fila-australia-production.myshopify.com";
540
541  
542
543  
544    window.customerHub.storeLocale = {
545        currentLanguage: 'en',
546        currentCountry: 'AU',
547        availableLanguages: [
548          
549            {
550              iso_code: 'en',
551              endonym_name: 'English'
552            }
553          
554        ],
555        availableCountries: [
556          
557            {
558              iso_code: 'AU',
559              name: 'Australia',
560              currency_code: 'AUD'
561            },
562          
563            {
564              iso_code: 'FJ',
565              name: 'Fiji',
566              currency_code: 'FJD'
567            },
568          
569            {
570              iso_code: 'NC',
571              name: 'New Caledonia',
572              currency_code: 'AUD'
573            },
574          
575            {
576              iso_code: 'NZ',
577              name: 'New Zealand',
578              currency_code: 'NZD'
579            },
580          
581            {
582              iso_code: 'PG',
583              name: 'Papua New Guinea',
584              currency_code: 'PGK'
585            }
586          
587        ]
588    };
589  
590</script>
590
591<!-- END app snippet -->
592
593
594
595
596
597
598
599<!-- END app block -->
599<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
599
600<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0550/5364/8108/files/fila-logo-vector-01.png?height=628&pad_color=fff&v=1633050971&width=1200" />
601<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0550/5364/8108/files/fila-logo-vector-01.png?height=628&pad_color=fff&v=1633050971&width=1200" />
602<meta property="og:image:width" content="1200" />
603<meta property="og:image:height" content="628" />
604<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
605<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: 55053648108,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 605
605
606<script>
607  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
608</script>
vendor: 1 bytes, line 608
608
609<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}
609).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: 55053648108,storefrontBaseUrl: "https://fila.com.au",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://fila.com.au/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2247819500","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
609,"dataSharingState":"unrestricted"},{"id":"1851654380","configuration":"{\"accountID\":\"SgXaum\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1159921900","configuration":"{\"siteId\":\"IqvMhZCI\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c7a4518690a8aaea0a1a9681686add18","type":"APP","apiClientId":3830283,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"556204268","configuration":"{\"merchantId\":\"76861\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"39141b7c17b603b9a41d62198a740fae","type":"APP","apiClientId":4581575,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"483197164","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-40D7T1223Y\\\",\\\"GT-57S4K78\\\"],\\\"target_country\\\":\\\"AU\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-40D7T1223Y\\\",\\\"MC-LBC86PXK9D\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-40D7T1223Y\\\"}],\\\"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":"421691628","configuration":"{\"pixelCode\":\"C9F56URC77U7KEORHUQG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"224559340","configuration":"{\"pixel_id\":\"234886250588946\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","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":"49742060","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Tagalys order tracking custom "},{"id":"50528492","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Purchase"},{"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":"FILA Australia","paymentSettings":{"currencyCode":"AUD"},"myshopifyDomain":"fila-australia-production.myshopify.com","countryCode":"AU","storefrontUrl":"https:\/\/fila.com.au"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://fila.com.au/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"165546885356","themePublished":"true","eventMetadataId":"579f84bd-cf1a-4efb-99bc-812183e9c174","shopId":"55053648108","storefrontBaseUrl":"https:\/\/fila.com.au","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>
609<script>
610  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
611  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
612  window.ShopifyAnalytics.meta.currency = 'AUD';
613  var meta = {"page":{"requestId":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958"}};
614  for (var attr in meta) {
615    window.ShopifyAnalytics.meta[attr] = meta[attr];
616  }
617</script>
vendor: 1 bytes, line 617
617
618<script class="analytics">
619  (function () {
620    var customDocumentWrite = function(content) {
621      var jquery = null;
622
623      if (window.jQuery) {
624        jquery = window.jQuery;
625      } else if (window.Checkout && window.Checkout.$) {
626        jquery = window.Checkout.$;
627      }
628
629      if (jquery) {
630        jquery('body').append(content);
631      }
632    };
633
634    var hasLoggedConversion = function(token) {
635      if (token) {
636        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
637      }
638      return false;
639    }
640
641    var setCookieIfConversion = function(token) {
642      if (token) {
643        var twoMonthsFromNow = new Date(Date.now());
644        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
645
646        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
647      }
648    }
649
650    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
651    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
652    if (trekkie.integrations) {
653      return;
654    }
655    trekkie.methods = [
656      'identify',
657      'page',
658      'ready',
659      'track',
660      'trackForm',
661      'trackLink'
662    ];
663    trekkie.factory = function(method) {
664      return function() {
665        var args = Array.prototype.slice.call(arguments);
666        args.unshift(method);
667        trekkie.push(args);
668        if (method == 'track' || method == 'page') {
669          var pageUrl;
670          try {
671            pageUrl = window.location.href;
672          } catch (e) {}
673          var pageReferrer;
674          try {
675            pageReferrer = document.referrer;
676          } catch (e) {}
677          try {
678            if (window.__TREKKIE_SHIM_QUEUE == null) {
679              window.__TREKKIE_SHIM_QUEUE = [];
680            }
681            window.__TREKKIE_SHIM_QUEUE.push({
682              from: 'trekkie-stub',
683              method: method,
684              args: args.slice(1),
685              pageContext: {
686                url: pageUrl,
687                referrer: pageReferrer
688              }
689            });
690          } catch (e) {
691            // no-op
692          }
693        }
694        return trekkie;
695      };
696    };
697    for (var i = 0; i < trekkie.methods.length; i++) {
698      var key = trekkie.methods[i];
699      trekkie[key] = trekkie.factory(key);
700    }
701    trekkie.load = function(config) {
702      trekkie.config = config || {};
703      trekkie.config.initialDocumentCookie = document.cookie;
704      var first = document.getElementsByTagName('script')[0];
705var script = document.createElement('script');
706script.type = 'text/javascript';
707script.onerror = function(e) {
708  var scriptFallback = document.createElement('script');
709  scriptFallback.type = 'text/javascript';
710  scriptFallback.onerror = function(error) {
711          var Monorail = {
712      produce: function produce(monorailDomain, schemaId, payload) {
713        var currentMs = new Date().getTime();
714        var event = {
715          schema_id: schemaId,
716          payload: payload,
717          metadata: {
718            event_created_at_ms: currentMs,
719            event_sent_at_ms: currentMs
720          }
721        };
722        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
723      },
724      sendRequest: function sendRequest(endpointUrl, payload) {
725        // Try the sendBeacon API
726        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
727          var blobData = new window.Blob([payload], {
728            type: 'text/plain'
729          });
730
731          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
732            return true;
733          } // sendBeacon was not successful
734
735        } // XHR beacon
736
737        var xhr = new XMLHttpRequest();
738
739        try {
740          xhr.open('POST', endpointUrl);
741          xhr.setRequestHeader('Content-Type', 'text/plain');
742          xhr.send(payload);
743        } catch (e) {
744          console.log(e);
745        }
746
747        return false;
748      },
749      isIos12: function isIos12() {
750        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
751      }
752    };
753    Monorail.produce('monorail-edge.shopifysvc.com',
754      'trekkie_storefront_load_errors/1.1',
755      {shop_id: 55053648108,
756      theme_id: 165546885356,
757      app_name: "storefront",
758      context_url: window.location.href,
759      source_url: "//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
760
761  };
762  scriptFallback.async = true;
763  scriptFallback.src = '//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
764  first.parentNode.insertBefore(scriptFallback, first);
765};
766script.async = true;
767script.src = '//fila.com.au/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
768first.parentNode.insertBefore(script, first);
769
770    };
771    trekkie.load(
772      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":55053648108,"isMerchantRequest":null,"themeId":165546885356,"themeCityHash":"8987902925657846284","contentLanguage":"en","currency":"AUD","eventMetadataId":"579f84bd-cf1a-4efb-99bc-812183e9c174"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
773    );
774
775    var loaded = false;
776    trekkie.ready(function() {
777      if (loaded) return;
778      loaded = true;
779
780      window.ShopifyAnalytics.lib = window.trekkie;
781
782      var originalDocumentWrite = document.write;
783      document.write = customDocumentWrite;
784      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
785      document.write = originalDocumentWrite;
786
787      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
788      var token = match? match[1]: undefined;
789      if (!hasLoggedConversion(token)) {
790        setCookieIfConversion(token);
791        
792      }
793    });
794
795    window.ShopifyAnalytics.lib.page(null,{"requestId":"c2bbd7cd-d6c9-4858-82ef-4268ad04ed1e-1790319958","shopifyEmitted":true});
796
797    var eventsListenerScript = document.createElement('script');
798    eventsListenerScript.async = true;
799    eventsListenerScript.src = "//fila.com.au/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
800    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
801})();</script>
vendor: 1 bytes, line 801
801
802<script
803  defer
804  src="https://fila.com.au/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
805  data-application="storefront-renderer"
806  data-shop-id="55053648108"
807  data-render-region="gcp-us-central1"
808  data-page-type="customers/login"
809  data-theme-instance-id="165546885356"
810  data-theme-name="Themekit template theme"
811  data-theme-version="1.0.0"
812  data-monorail-region="shop_domain"
813  data-resource-timing-sampling-rate="10"
814  data-shs="true"
815  data-shs-beacon="true"
816  data-shs-export-with-fetch="true"
817  data-shs-logs-sample-rate="1"
818  data-shs-beacon-endpoint="https://fila.com.au/api/collect"
819></script>
819
820<meta name="shopify-y" content="a6cf1f7e-6eb3-4c54-b28c-6737e61c9ced" data-expiration="1821877558000"><meta name="shopify-s" content="fc745865-67b7-4002-a2aa-a77476219566" data-expiration="1790321758000"><meta name="new-cookie-storage-activated" content="t">
821</head>
822
823  <body>
824    <div class="darken" onclick="closeSearchPopout()"></div>
825<style>
826body.sidebar-open {
827  overflow: hidden;
828}
829body.sidebar-open .fila-sidebar__backdrop {
830  display: block;
831  opacity: 1;
832}
833body.sidebar-open .fila-sidebar__content {
834  transform: translateX(100%) translate3d(0, 0, 0);
835  box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.15);
836}
837
838.fila-sidebar {
839  --topOffset: calc(var(--headerHeight) + var(--announcementBarHeight));
840}
841.fila-sidebar__backdrop {
842  position: fixed;
843  top: 0;
844  left: 0;
845  right: 0;
846  bottom: 0;
847  background: var(--colorBlackAlpha150);
848  z-index: var(--zIndexSidebarBackdrop);
849  opacity: 0;
850  display: none;
851  transition: 300ms ease opacity;
852}
853.fila-sidebar__content {
854  position: fixed;
855  top: var(--topOffset);
856  right: 100%;
857  height: 100vh;
858  height: 100dvh;
859  display: flex;
860  flex-direction: column;
861  overflow-y: auto;
862  overflow-x: hidden;
863  background: var(--colorWhite);
864  color: var(--colorNavy);
865  z-index: var(--zIndexSidebar);
866  transform: translate3d(0, 0, 0);
867  transition: 300ms ease transform, 300ms ease box-shadow;
868  padding: 24px 24px 128px;
869  border-top: 1px solid var(--colorDivider);
870  width: 50vw;
871  min-width: 320px;
872}
873@media (max-width: 768px) {
874  .fila-sidebar__content {
875    width: 85vw;
876  }
877}
878.fila-sidebar__content-close {
879  font-weight: bold;
880  text-align: left;
881}
882.fila-sidebar__content h3 {
883  font-size: 28px;
884  margin-bottom: 24px;
885}
886.fila-sidebar__content-link {
887  font-size: 16px;
888  font-weight: 500;
889  display: flex;
890  justify-content: space-between;
891  align-items: center;
892  padding: 6px 0;
893  border-bottom: 1px solid var(--colorDivider);
894}
895.fila-sidebar__content-link .icon {
896  display: inline-flex;
897  align-items: center;
898  line-height: 1;
899  vertical-align: middle;
900}
901.fila-sidebar__content-link:last-child {
902  border-bottom: none;
903}
904.fila-sidebar__content-link--secondary {
905  font-size: 14px;
906  font-weight: 400;
907  color: var(--colorBlackAlpha700);
908  border-bottom: none;
909  margin-bottom: 4px;
910  padding: 4px 0;
911  margin-top: 0;
912}
913.fila-sidebar__content-link--secondary--first-item {
914  margin-top: 16px;
915}
916.fila-sidebar__content hr {
917  margin: 16px 0;
918}
919.fila-sidebar__content-search {
920  border: 1px solid var(--colorLightBlue300);
921  background-color: var(--colorBackgroundGray);
922  padding: 4px 20px 6px;
923  height: 48px;
924  width: 100%;
925  display: flex;
926  align-items: center;
927  border-radius: 32px;
928  position: relative;
929  color: var(--colorBlackAlpha600);
930  cursor: text;
931  transition: 200ms ease background-color, 200ms ease border-color;
932  margin-right: 8px;
933  margin-top: 8px;
934  margin-bottom: 24px;
935  flex-shrink: 0;
936}
937.fila-sidebar__content-search:hover {
938  border-color: var(--colorLightBlue);
939}
940.fila-sidebar__content-search .icon {
941  position: absolute;
942  right: 12px;
943  top: calc(50% - 1px);
944  transform: translateY(-50%);
945  font-size: 28px;
946}
947
948.fila-sidebar-slide {
949  --topOffset: calc(var(--headerHeight) + var(--announcementBarHeight));
950  position: fixed;
951  top: var(--topOffset);
952  right: 100%;
953  height: calc(100vh - var(--topOffset));
954  height: calc(100dvh - var(--topOffset));
955  display: flex;
956  flex-direction: column;
957  overflow-y: auto;
958  background: var(--colorWhite);
959  color: var(--colorNavy);
960  z-index: var(--zIndexSidebar);
961  transform: translate3d(0, 0, 0);
962  transition: 300ms ease transform;
963  padding: 16px 24px 128px;
964  border-top: 1px solid var(--colorDivider);
965  border-right: 1px solid var(--colorDivider);
966  width: 50vw;
967  min-width: 320px;
968}
969@media (max-width: 768px) {
970  .fila-sidebar-slide {
971    width: 85vw;
972  }
973}
974.fila-sidebar-slide--open {
975  transform: translateX(100%) translate3d(0, 0, 0);
976}
977.fila-sidebar-slide__close {
978  font-size: 14px;
979}
980.fila-sidebar-slide__title {
981  font-size: 28px;
982  margin-bottom: 24px;
983}
984.fila-sidebar-slide__group {
985  border-bottom: 1px solid var(--colorDivider);
986}
987.fila-sidebar-slide__group-content .fila-sidebar-slide__group {
988  border-bottom: none;
989  border-top: none;
990}
991.fila-sidebar-slide__group-title {
992  font-size: 16px;
993  font-weight: 500;
994  display: flex;
995  justify-content: space-between;
996  align-items: center;
997  padding: 8px 0;
998  line-height: 1;
999  width: 100%;
1000}
1001.fila-sidebar-slide__group-title .icon {
1002  display: inline-flex;
1003  align-items: center;
1004  line-height: 1;
1005  vertical-align: middle;
1006  transition: transform 200ms ease;
1007}
1008.fila-sidebar-slide__group-title.active .icon {
1009  transform: rotate(-180deg);
1010}
1011.fila-sidebar-slide__group-title-shop-by-size {
1012  font-size: 15px;
1013  font-weight: 400;
1014  display: flex;
1015  justify-content: space-between;
1016  align-items: center;
1017  padding: 8px 0;
1018  line-height: 1;
1019  width: 100%;
1020  border-top: none;
1021  border-bottom: none;
1022}
1023.fila-sidebar-slide__group-title-shop-by-size .icon {
1024  display: inline-flex;
1025  align-items: center;
1026  line-height: 1;
1027  vertical-align: middle;
1028  transition: transform 200ms ease;
1029}
1030.fila-sidebar-slide__group-title-shop-by-size.active .icon {
1031  transform: rotate(-180deg);
1032}
1033.fila-sidebar-slide__group-content {
1034  display: none;
1035  padding-bottom: 8px;
1036}
1037.fila-sidebar-slide__group-content hr {
1038  margin-bottom: 8px;
1039}
1040.fila-sidebar-slide__group-content-list {
1041  display: flex;
1042  flex-direction: row;
1043  flex-wrap: wrap;
1044}
1045.fila-sidebar-slide__group-item {
1046  display: block;
1047  font-size: 14px;
1048  color: var(--colorBlackAlpha700);
1049  padding: 6px 0;
1050}
1051.fila-sidebar-slide__group-list-bubble {
1052  color: var(--colorNavy);
1053  border: 2px solid var(--colorLightGray);
1054  text-decoration: none;
1055  font-weight: 500;
1056  padding: 12px;
1057  font-size: 16px;
1058  margin-right: 6px;
1059  margin-bottom: 6px;
1060  min-width: 40px;
1061  height: 40px;
1062  border-radius: 32px;
1063  transition: 200ms ease border;
1064  cursor: pointer;
1065  line-height: 1;
1066  display: flex;
1067  align-items: center;
1068  justify-content: center;
1069  background: white;
1070}
1071.fila-sidebar-slide__group-list-bubble:hover {
1072  border-color: var(--colorNavy);
1073}
1074.fila-sidebar-slide .link-with-left-icon-sidebar {
1075  display: flex;
1076  align-items: center;
1077  color: var(--colorNavy);
1078  margin-left: -8px;
1079}
1080.fila-sidebar-slide .link-with-left-icon-sidebar span {
1081  font-weight: bold;
1082  font-family: var(--fontSecondary);
1083}
1084.fila-sidebar-slide .link-with-left-icon-sidebar .icon {
1085  display: inline-flex;
1086  align-items: center;
1087  line-height: 1;
1088  vertical-align: middle;
1089  margin-top: -1.5px;
1090}
1091.fila-sidebar-slide .link-with-left-icon-sidebar:not(:disabled):hover {
1092  color: var(--colorBlue);
1093}
1094.fila-sidebar-slide .link-with-left-icon-sidebar:not(:disabled):hover .icon {
1095  transform: translateX(10%);
1096}
1097</style>
1098
1099
1100<div class="fila-sidebar">
1101  <div class="fila-sidebar__backdrop"></div>
1102
1103  <div class="fila-sidebar__content">
1104    
1105      
1106        <a href="/collections/shoes" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Shoes">
1107          <span>Shoes</span>
1108          <span><i class="material-icons icon icon-lg " >
1109  chevron_right
1110</i>
1111
1112
1113</span>
1114        </a>
1115      
1116    
1117      
1118        <a href="/collections/mens" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Mens">
1119          <span>Mens</span>
1120          <span><i class="material-icons icon icon-lg " >
1121  chevron_right
1122</i>
1123
1124
1125</span>
1126        </a>
1127      
1128    
1129      
1130        <a href="/collections/womens" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Womens">
1131          <span>Womens</span>
1132          <span><i class="material-icons icon icon-lg " >
1133  chevron_right
1134</i>
1135
1136
1137</span>
1138        </a>
1139      
1140    
1141      
1142        <a href="/collections/kids" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Kids">
1143          <span>Kids</span>
1144          <span><i class="material-icons icon icon-lg " >
1145  chevron_right
1146</i>
1147
1148
1149</span>
1150        </a>
1151      
1152    
1153      
1154        <a href="/collections/accessories" class="fila-sidebar__content-link">
1155          <span>Accessories</span>
1156          <span><i class="material-icons icon icon-lg " >
1157  chevron_right
1158</i>
1159
1160
1161</span>
1162        </a>
1163      
1164    
1165      
1166        <a href="/collections/mid-season-sale" class="fila-sidebar__content-link btn-sidebar-slide-open" data-sidebar-slide-id="Mid Season Sale">
1167          <span>Mid Season Sale</span>
1168          <span><i class="material-icons icon icon-lg " >
1169  chevron_right
1170</i>
1171
1172
1173</span>
1174        </a>
1175      
1176    
1177<a href="/account/login" class="fila-sidebar__content-link fila-sidebar__content-link--secondary fila-sidebar__content-link--secondary--first-item">Login</a><a href="/pages/returns" class="fila-sidebar__content-link fila-sidebar__content-link--secondary">
1178      Returns
1179    </a>
1180
1181    <a href="/pages/stores" class="fila-sidebar__content-link fila-sidebar__content-link--secondary">
1182      Stores
1183  </a>
1184
1185    <a href="/pages/contact" class="fila-sidebar__content-link fila-sidebar__content-link--secondary">
1186      Contact
1187    </a>
1188
1189    <a href="/pages/faqs" class="fila-sidebar__content-link fila-sidebar__content-link--secondary">
1190    FAQ
1191  </a>
1192
1193    
1194
1195  </div>
1196</div>
1197
1198<div class="sidebar-slides-wrapper">
1199  
1200    
1201    <div class="fila-sidebar-slide" data-sidebar-slide-id="Shoes">
1202      <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close">
1203        <i class="material-icons icon icon-sm " >
1204  chevron_left
1205</i>
1206
1207
1208
1209
1210        <span>Back</span>
1211      </button>
1212
1213      <a href="/collections/shoes" class="fila-sidebar-slide__group-title">
1214        <span>All Shoes</span>
1215        <span><i class="material-icons icon icon-lg " >
1216  arrow_right_alt
1217</i>
1218
1219
1220</span>
1221      </a>
1222
1223      <hr class="hr" />
1224
1225      
1226<div class="fila-sidebar-slide__group">
1227          
1228
1229
1230            <button class="fila-sidebar-slide__group-title">
1231              <span>Styles</span>
1232              <span><i class="material-icons icon icon-lg " >
1233  expand_more
1234</i>
1235
1236
1237</span>
1238            </button>
1239
1240            <div class="fila-sidebar-slide__group-content">
1241              <hr class="hr" />
1242
1243              <a href="/collections/shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1244                View all
1245              </a><a href="/collections/shoes-styles-new-arrivals" class="fila-sidebar-slide__group-item">
1246                  New Arrivals
1247                </a><a href="/collections/disruptor-ii" class="fila-sidebar-slide__group-item">
1248                  Disruptors
1249                </a><a href="/collections/shoes-workshift-shoes" class="fila-sidebar-slide__group-item">
1250                  Workshift
1251                </a><a href="/collections/shoes-slides" class="fila-sidebar-slide__group-item">
1252                  Slides
1253                </a><a href="/collections/shoes-styles-basketball" class="fila-sidebar-slide__group-item">
1254                  Basketball
1255                </a><a href="/collections/shoes-styles-tennis" class="fila-sidebar-slide__group-item">
1256                  Tennis
1257                </a><a href="/collections/shoes-black-shoes" class="fila-sidebar-slide__group-item">
1258                  Black
1259                </a><a href="/collections/white-shoes" class="fila-sidebar-slide__group-item">
1260                  White
1261                </a></div>
1262          
1263        </div><div class="fila-sidebar-slide__group">
1264          
1265
1266
1267            <button class="fila-sidebar-slide__group-title">
1268              <span>Mens</span>
1269              <span><i class="material-icons icon icon-lg " >
1270  expand_more
1271</i>
1272
1273
1274</span>
1275            </button>
1276
1277            <div class="fila-sidebar-slide__group-content">
1278              <hr class="hr" />
1279
1280              <a href="/collections/shoes-mens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1281                View all
1282              </a><a href="https://fila.com.au/collections/mens-classic-footwear" class="fila-sidebar-slide__group-item">
1283                  Classics
1284                </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=mens-or-unisex&sort_by=manual" class="fila-sidebar-slide__group-item">
1285                  $50 & Under
1286                </a><a href="/collections/shoes-mens-sale" class="fila-sidebar-slide__group-item">
1287                  Outlet
1288                </a><a href="/collections/shoes-mens-work" class="fila-sidebar-slide__group-item">
1289                  Work
1290                </a><a href="/collections/shoes-mens-lifestyle" class="fila-sidebar-slide__group-item">
1291                  Lifestyle
1292                </a><a href="/collections/shoes-mens-running-1" class="fila-sidebar-slide__group-item">
1293                  Running
1294                </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="fila-sidebar-slide__group-item">
1295                  Slides & Slippers
1296                </a><a href="/collections/shoes-mens-sports" class="fila-sidebar-slide__group-item">
1297                  Sports
1298                </a></div>
1299          
1300        </div><div class="fila-sidebar-slide__group">
1301          
1302
1303
1304            <button class="fila-sidebar-slide__group-title">
1305              <span>Womens</span>
1306              <span><i class="material-icons icon icon-lg " >
1307  expand_more
1308</i>
1309
1310
1311</span>
1312            </button>
1313
1314            <div class="fila-sidebar-slide__group-content">
1315              <hr class="hr" />
1316
1317              <a href="/collections/shoes-womens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1318                View all
1319              </a><a href="https://fila.com.au/collections/womens-classic-footwear" class="fila-sidebar-slide__group-item">
1320                  Classics
1321                </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=womens-or-unisex&sort_by=manual" class="fila-sidebar-slide__group-item">
1322                  $50 & Under
1323                </a><a href="/collections/shoes-womens-sale" class="fila-sidebar-slide__group-item">
1324                  Outlet
1325                </a><a href="/collections/shoes-womens-work" class="fila-sidebar-slide__group-item">
1326                  Work
1327                </a><a href="/collections/shoes-womens-lifestyle" class="fila-sidebar-slide__group-item">
1328                  Lifestyle
1329                </a><a href="/collections/shoes-womens-running" class="fila-sidebar-slide__group-item">
1330                  Running
1331                </a><a href="/collections/shoes-womens-slides-slippers" class="fila-sidebar-slide__group-item">
1332                  Slides & Slippers
1333                </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="fila-sidebar-slide__group-item">
1334                  Sports
1335                </a></div>
1336          
1337        </div><div class="fila-sidebar-slide__group">
1338          
1339
1340
1341            <button class="fila-sidebar-slide__group-title">
1342              <span>Kids</span>
1343              <span><i class="material-icons icon icon-lg " >
1344  expand_more
1345</i>
1346
1347
1348</span>
1349            </button>
1350
1351            <div class="fila-sidebar-slide__group-content">
1352              <hr class="hr" />
1353
1354              <a href="/collections/shoes-kids-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1355                View all
1356              </a><a href="https://fila.com.au/collections/kids-classic-footwear" class="fila-sidebar-slide__group-item">
1357                  Classics
1358                </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=kids&sort_by=manual" class="fila-sidebar-slide__group-item">
1359                  $50 & Under
1360                </a><a href="/collections/shoes-kids-sale" class="fila-sidebar-slide__group-item">
1361                  Outlet
1362                </a><a href="/collections/shoes-kids-school" class="fila-sidebar-slide__group-item">
1363                  School
1364                </a><a href="/collections/shoes-kids-sports" class="fila-sidebar-slide__group-item">
1365                  Sports
1366                </a><a href="/collections/shoes-kids-shoes-dial" class="fila-sidebar-slide__group-item">
1367                  Dial
1368                </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="fila-sidebar-slide__group-item">
1369                  Infant
1370                </a></div>
1371          
1372        </div>
1373        
1374          <!-- Shop by Size for Shoes -->
1375          <div class="fila-sidebar-slide__group">
1376            <button class="fila-sidebar-slide__group-title">
1377              <span>Shop by Size</span>
1378              <span><i class="material-icons icon icon-lg " >
1379  expand_more
1380</i>
1381
1382
1383</span>
1384            </button>
1385
1386            <div class="fila-sidebar-slide__group-content">
1387              <div class="fila-sidebar-slide__group-content-list">
1388                
1389                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a>
1390                
1391                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a>
1392                
1393                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a>
1394                
1395                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a>
1396                
1397                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a>
1398                
1399                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a>
1400                
1401                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
1402                
1403                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a>
1404                
1405                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a>
1406                
1407                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a>
1408                
1409                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
1410                
1411                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a>
1412                
1413                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a>
1414                
1415                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a>
1416                
1417                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
1418                
1419                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a>
1420                
1421                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a>
1422                
1423                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a>
1424                
1425                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
1426                
1427                  <a href="/collections/shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a>
1428                
1429              </div>
1430            </div>
1431          </div>
1432        
1433      
1434
1435        <div class="fila-sidebar-slide__promotions" data-menu-name="Shoes">
1436        </div>
1437    </div>
1438    
1439  
1440    
1441    <div class="fila-sidebar-slide" data-sidebar-slide-id="Mens">
1442      <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close">
1443        <i class="material-icons icon icon-sm " >
1444  chevron_left
1445</i>
1446
1447
1448
1449
1450        <span>Back</span>
1451      </button>
1452
1453      <a href="/collections/mens" class="fila-sidebar-slide__group-title">
1454        <span>All Mens</span>
1455        <span><i class="material-icons icon icon-lg " >
1456  arrow_right_alt
1457</i>
1458
1459
1460</span>
1461      </a>
1462
1463      <hr class="hr" />
1464
1465      
1466<div class="fila-sidebar-slide__group">
1467          
1468
1469
1470            <button class="fila-sidebar-slide__group-title">
1471              <span>Featured</span>
1472              <span><i class="material-icons icon icon-lg " >
1473  expand_more
1474</i>
1475
1476
1477</span>
1478            </button>
1479
1480            <div class="fila-sidebar-slide__group-content">
1481              <hr class="hr" />
1482
1483              <a href="/collections/mens" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1484                View all
1485              </a><a href="/collections/mens-mens-new-arrivals" class="fila-sidebar-slide__group-item">
1486                  New Arrivals
1487                </a><a href="/collections/mens-mens-best-sellers" class="fila-sidebar-slide__group-item">
1488                  Best Sellers
1489                </a><a href="/collections/mens-mens-classics" class="fila-sidebar-slide__group-item">
1490                  Classics
1491                </a><a href="/collections/outlet-mens" class="fila-sidebar-slide__group-item">
1492                  Outlet
1493                </a><a href="/collections/mens-international" class="fila-sidebar-slide__group-item">
1494                  International
1495                </a><a href="/collections/mens-matching-sets" class="fila-sidebar-slide__group-item">
1496                  Matching Sets
1497                </a></div>
1498          
1499        </div><div class="fila-sidebar-slide__group">
1500          
1501
1502
1503            <button class="fila-sidebar-slide__group-title">
1504              <span>Apparel</span>
1505              <span><i class="material-icons icon icon-lg " >
1506  expand_more
1507</i>
1508
1509
1510</span>
1511            </button>
1512
1513            <div class="fila-sidebar-slide__group-content">
1514              <hr class="hr" />
1515
1516              <a href="/collections/mens-mens-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1517                View all
1518              </a><a href="/collections/mens-mens-apparel-mens-tops" class="fila-sidebar-slide__group-item">
1519                  Tops
1520                </a><a href="/collections/mens-mens-apparel-mens-shorts" class="fila-sidebar-slide__group-item">
1521                  Shorts
1522                </a><a href="/collections/mens-mens-apparel-mens-hoodies-crews" class="fila-sidebar-slide__group-item">
1523                  Hoodies & Crews
1524                </a><a href="/collections/mens-mens-apparel-mens-jackets-vests" class="fila-sidebar-slide__group-item">
1525                  Jackets & Vests
1526                </a><a href="/collections/mens-mens-apparel-mens-pants" class="fila-sidebar-slide__group-item">
1527                  Pants
1528                </a><a href="/collections/mens-mens-apparel-mens-sportswear" class="fila-sidebar-slide__group-item">
1529                  Sportswear
1530                </a></div>
1531          
1532        </div><div class="fila-sidebar-slide__group">
1533          
1534
1535
1536            <button class="fila-sidebar-slide__group-title">
1537              <span>Footwear</span>
1538              <span><i class="material-icons icon icon-lg " >
1539  expand_more
1540</i>
1541
1542
1543</span>
1544            </button>
1545
1546            <div class="fila-sidebar-slide__group-content">
1547              <hr class="hr" />
1548
1549              <a href="/collections/shoes-mens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1550                View all
1551              </a><a href="/collections/shoes-mens-lifestyle" class="fila-sidebar-slide__group-item">
1552                  Lifestyle
1553                </a><a href="/collections/shoes-mens-sale" class="fila-sidebar-slide__group-item">
1554                  Outlet
1555                </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="fila-sidebar-slide__group-item">
1556                  Slides & Slippers
1557                </a><a href="/collections/shoes-mens-running-1" class="fila-sidebar-slide__group-item">
1558                  Running
1559                </a><a href="/collections/shoes-mens-sports" class="fila-sidebar-slide__group-item">
1560                  Sports
1561                </a><a href="/collections/shoes-mens-work" class="fila-sidebar-slide__group-item">
1562                  Work
1563                </a></div>
1564          
1565        </div><div class="fila-sidebar-slide__group">
1566          
1567
1568
1569            <button class="fila-sidebar-slide__group-title">
1570              <span>Accessories</span>
1571              <span><i class="material-icons icon icon-lg " >
1572  expand_more
1573</i>
1574
1575
1576</span>
1577            </button>
1578
1579            <div class="fila-sidebar-slide__group-content">
1580              <hr class="hr" />
1581
1582              <a href="/collections/mens-mens-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1583                View all
1584              </a><a href="/collections/mens-mens-accessories-mens-hats-caps" class="fila-sidebar-slide__group-item">
1585                  Hats & Caps
1586                </a><a href="/collections/mens-mens-accessories-mens-bags-backpacks" class="fila-sidebar-slide__group-item">
1587                  Bags & Backpacks
1588                </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item">
1589                  Socks
1590                </a><a href="/collections/mens-mens-accessories-mens-towels" class="fila-sidebar-slide__group-item">
1591                  Towels
1592                </a></div>
1593          
1594        </div>
1595        
1596          <!-- Apparel and Footwear dropdowns for non-Shoes categories -->
1597          <div class="fila-sidebar-slide__group">
1598            <button class="fila-sidebar-slide__group-title">
1599              <span>Shop by Size</span>
1600              <span><i class="material-icons icon icon-lg " >
1601  expand_more
1602</i>
1603
1604
1605</span>
1606            </button>
1607
1608            <div class="fila-sidebar-slide__group-content">
1609              <hr class="hr" />
1610              
1611              <!-- Apparel Dropdown -->
1612              <div class="fila-sidebar-slide__group">
1613                <button class="fila-sidebar-slide__group-title-shop-by-size">
1614                  <span>Apparel</span>
1615                  <span><i class="material-icons icon icon-lg " >
1616  expand_more
1617</i>
1618
1619
1620</span>
1621                </button>
1622                
1623                <div class="fila-sidebar-slide__group-content">
1624                  <div class="fila-sidebar-slide__group-content-list">
1625                    
1626                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXS</a>
1627                    
1628                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XS</a>
1629                    
1630                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">S</a>
1631                    
1632                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">M</a>
1633                    
1634                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">L</a>
1635                    
1636                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XL</a>
1637                    
1638                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXL</a>
1639                    
1640                      <a href="/collections/mens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3XL</a>
1641                    
1642                  </div>
1643                </div>
1644              </div>
1645
1646              <!-- Footwear Dropdown -->
1647              <div class="fila-sidebar-slide__group">
1648                <button class="fila-sidebar-slide__group-title-shop-by-size">
1649                  <span>Footwear</span>
1650                  <span><i class="material-icons icon icon-lg " >
1651  expand_more
1652</i>
1653
1654
1655</span>
1656                </button>
1657                
1658                <div class="fila-sidebar-slide__group-content">
1659                  <div class="fila-sidebar-slide__group-content-list">
1660                    
1661                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a>
1662                    
1663                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a>
1664                    
1665                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a>
1666                    
1667                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a>
1668                    
1669                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a>
1670                    
1671                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a>
1672                    
1673                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
1674                    
1675                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a>
1676                    
1677                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a>
1678                    
1679                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a>
1680                    
1681                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
1682                    
1683                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a>
1684                    
1685                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a>
1686                    
1687                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a>
1688                    
1689                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
1690                    
1691                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a>
1692                    
1693                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a>
1694                    
1695                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a>
1696                    
1697                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
1698                    
1699                      <a href="/collections/shoes-mens-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a>
1700                    
1701                  </div>
1702                </div>
1703              </div>
1704            </div>
1705          </div>
1706        
1707      
1708
1709        <div class="fila-sidebar-slide__promotions" data-menu-name="Mens">
1710        </div>
1711    </div>
1712    
1713  
1714    
1715    <div class="fila-sidebar-slide" data-sidebar-slide-id="Womens">
1716      <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close">
1717        <i class="material-icons icon icon-sm " >
1718  chevron_left
1719</i>
1720
1721
1722
1723
1724        <span>Back</span>
1725      </button>
1726
1727      <a href="/collections/womens" class="fila-sidebar-slide__group-title">
1728        <span>All Womens</span>
1729        <span><i class="material-icons icon icon-lg " >
1730  arrow_right_alt
1731</i>
1732
1733
1734</span>
1735      </a>
1736
1737      <hr class="hr" />
1738
1739      
1740<div class="fila-sidebar-slide__group">
1741          
1742
1743
1744            <button class="fila-sidebar-slide__group-title">
1745              <span>Featured</span>
1746              <span><i class="material-icons icon icon-lg " >
1747  expand_more
1748</i>
1749
1750
1751</span>
1752            </button>
1753
1754            <div class="fila-sidebar-slide__group-content">
1755              <hr class="hr" />
1756
1757              <a href="/collections/womens" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1758                View all
1759              </a><a href="/collections/womens-womens-new-arrivals" class="fila-sidebar-slide__group-item">
1760                  New Arrivals
1761                </a><a href="/collections/womens-womens-best-sellers" class="fila-sidebar-slide__group-item">
1762                  Best Sellers
1763                </a><a href="/collections/womens-womens-classics" class="fila-sidebar-slide__group-item">
1764                  Classics
1765                </a><a href="/collections/outlet-womens" class="fila-sidebar-slide__group-item">
1766                  Outlet
1767                </a><a href="/collections/womens-international" class="fila-sidebar-slide__group-item">
1768                  International
1769                </a><a href="/collections/womens-matching-sets" class="fila-sidebar-slide__group-item">
1770                  Matching Sets
1771                </a></div>
1772          
1773        </div><div class="fila-sidebar-slide__group">
1774          
1775
1776
1777            <button class="fila-sidebar-slide__group-title">
1778              <span>Apparel</span>
1779              <span><i class="material-icons icon icon-lg " >
1780  expand_more
1781</i>
1782
1783
1784</span>
1785            </button>
1786
1787            <div class="fila-sidebar-slide__group-content">
1788              <hr class="hr" />
1789
1790              <a href="/collections/womens-womens-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1791                View all
1792              </a><a href="/collections/womens-womens-apparel-womens-tops" class="fila-sidebar-slide__group-item">
1793                  Tops
1794                </a><a href="/collections/womens-womens-apparel-womens-shorts-skirts" class="fila-sidebar-slide__group-item">
1795                  Shorts & Skirts
1796                </a><a href="/collections/womens-womens-apparel-womens-hoodies-crews" class="fila-sidebar-slide__group-item">
1797                  Hoodies & Crews
1798                </a><a href="/collections/womens-womens-apparel-womens-jackets-vests" class="fila-sidebar-slide__group-item">
1799                  Jackets & Vests
1800                </a><a href="/collections/womens-womens-apparel-womens-pants" class="fila-sidebar-slide__group-item">
1801                  Pants
1802                </a><a href="/collections/womens-womens-apparel-womens-tights-leggings" class="fila-sidebar-slide__group-item">
1803                  Tights & Leggings
1804                </a><a href="https://fila.com.au/collections/womens-featured-womens-womens-activewear" class="fila-sidebar-slide__group-item">
1805                  Activewear
1806                </a></div>
1807          
1808        </div><div class="fila-sidebar-slide__group">
1809          
1810
1811
1812            <button class="fila-sidebar-slide__group-title">
1813              <span>Footwear</span>
1814              <span><i class="material-icons icon icon-lg " >
1815  expand_more
1816</i>
1817
1818
1819</span>
1820            </button>
1821
1822            <div class="fila-sidebar-slide__group-content">
1823              <hr class="hr" />
1824
1825              <a href="/collections/shoes-womens-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1826                View all
1827              </a><a href="/collections/shoes-womens-lifestyle" class="fila-sidebar-slide__group-item">
1828                  Lifestyle
1829                </a><a href="/collections/shoes-womens-sale" class="fila-sidebar-slide__group-item">
1830                  Outlet
1831                </a><a href="/collections/shoes-womens-running" class="fila-sidebar-slide__group-item">
1832                  Running
1833                </a><a href="/collections/shoes-womens-slides-slippers" class="fila-sidebar-slide__group-item">
1834                  Slides & Slippers
1835                </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="fila-sidebar-slide__group-item">
1836                  Sports
1837                </a><a href="/collections/shoes-womens-work" class="fila-sidebar-slide__group-item">
1838                  Work
1839                </a></div>
1840          
1841        </div><div class="fila-sidebar-slide__group">
1842          
1843
1844
1845            <button class="fila-sidebar-slide__group-title">
1846              <span>Accessories</span>
1847              <span><i class="material-icons icon icon-lg " >
1848  expand_more
1849</i>
1850
1851
1852</span>
1853            </button>
1854
1855            <div class="fila-sidebar-slide__group-content">
1856              <hr class="hr" />
1857
1858              <a href="/collections/womens-womens-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
1859                View all
1860              </a><a href="/collections/womens-womens-accessories-womens-hats-caps" class="fila-sidebar-slide__group-item">
1861                  Hats & Caps
1862                </a><a href="/collections/womens-womens-accessories-womens-bags-backpacks" class="fila-sidebar-slide__group-item">
1863                  Bags & Backpacks
1864                </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item">
1865                  Socks
1866                </a><a href="/collections/womens-womens-accessories-womens-towels" class="fila-sidebar-slide__group-item">
1867                  Towels
1868                </a></div>
1869          
1870        </div>
1871        
1872          <!-- Apparel and Footwear dropdowns for non-Shoes categories -->
1873          <div class="fila-sidebar-slide__group">
1874            <button class="fila-sidebar-slide__group-title">
1875              <span>Shop by Size</span>
1876              <span><i class="material-icons icon icon-lg " >
1877  expand_more
1878</i>
1879
1880
1881</span>
1882            </button>
1883
1884            <div class="fila-sidebar-slide__group-content">
1885              <hr class="hr" />
1886              
1887              <!-- Apparel Dropdown -->
1888              <div class="fila-sidebar-slide__group">
1889                <button class="fila-sidebar-slide__group-title-shop-by-size">
1890                  <span>Apparel</span>
1891                  <span><i class="material-icons icon icon-lg " >
1892  expand_more
1893</i>
1894
1895
1896</span>
1897                </button>
1898                
1899                <div class="fila-sidebar-slide__group-content">
1900                  <div class="fila-sidebar-slide__group-content-list">
1901                    
1902                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXS</a>
1903                    
1904                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XS</a>
1905                    
1906                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">S</a>
1907                    
1908                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">M</a>
1909                    
1910                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">L</a>
1911                    
1912                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XL</a>
1913                    
1914                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">XXL</a>
1915                    
1916                      <a href="/collections/womens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3XL</a>
1917                    
1918                  </div>
1919                </div>
1920              </div>
1921
1922              <!-- Footwear Dropdown -->
1923              <div class="fila-sidebar-slide__group">
1924                <button class="fila-sidebar-slide__group-title-shop-by-size">
1925                  <span>Footwear</span>
1926                  <span><i class="material-icons icon icon-lg " >
1927  expand_more
1928</i>
1929
1930
1931</span>
1932                </button>
1933                
1934                <div class="fila-sidebar-slide__group-content">
1935                  <div class="fila-sidebar-slide__group-content-list">
1936                    
1937                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a>
1938                    
1939                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a>
1940                    
1941                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a>
1942                    
1943                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a>
1944                    
1945                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a>
1946                    
1947                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a>
1948                    
1949                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
1950                    
1951                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a>
1952                    
1953                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a>
1954                    
1955                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a>
1956                    
1957                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
1958                    
1959                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a>
1960                    
1961                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a>
1962                    
1963                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a>
1964                    
1965                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
1966                    
1967                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a>
1968                    
1969                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a>
1970                    
1971                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a>
1972                    
1973                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
1974                    
1975                      <a href="/collections/shoes-womens-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a>
1976                    
1977                  </div>
1978                </div>
1979              </div>
1980            </div>
1981          </div>
1982        
1983      
1984
1985        <div class="fila-sidebar-slide__promotions" data-menu-name="Womens">
1986        </div>
1987    </div>
1988    
1989  
1990    
1991    <div class="fila-sidebar-slide" data-sidebar-slide-id="Kids">
1992      <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close">
1993        <i class="material-icons icon icon-sm " >
1994  chevron_left
1995</i>
1996
1997
1998
1999
2000        <span>Back</span>
2001      </button>
2002
2003      <a href="/collections/kids" class="fila-sidebar-slide__group-title">
2004        <span>All Kids</span>
2005        <span><i class="material-icons icon icon-lg " >
2006  arrow_right_alt
2007</i>
2008
2009
2010</span>
2011      </a>
2012
2013      <hr class="hr" />
2014
2015      
2016<div class="fila-sidebar-slide__group">
2017          
2018
2019
2020            <button class="fila-sidebar-slide__group-title">
2021              <span>Featured</span>
2022              <span><i class="material-icons icon icon-lg " >
2023  expand_more
2024</i>
2025
2026
2027</span>
2028            </button>
2029
2030            <div class="fila-sidebar-slide__group-content">
2031              <hr class="hr" />
2032
2033              <a href="/collections/kids" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
2034                View all
2035              </a><a href="/collections/kids-kids-new-arrivals" class="fila-sidebar-slide__group-item">
2036                  New Arrivals
2037                </a><a href="/collections/kids-kids-best-sellers" class="fila-sidebar-slide__group-item">
2038                  Best Sellers
2039                </a><a href="/collections/kids-kids-classics" class="fila-sidebar-slide__group-item">
2040                  Classics
2041                </a><a href="/collections/outlet-kids" class="fila-sidebar-slide__group-item">
2042                  Outlet
2043                </a><a href="/collections/kids-schoolwear" class="fila-sidebar-slide__group-item">
2044                  Schoolwear
2045                </a><a href="/collections/kids-matching-sets" class="fila-sidebar-slide__group-item">
2046                  Matching Sets
2047                </a></div>
2048          
2049        </div><div class="fila-sidebar-slide__group">
2050          
2051
2052
2053            <button class="fila-sidebar-slide__group-title">
2054              <span>Apparel</span>
2055              <span><i class="material-icons icon icon-lg " >
2056  expand_more
2057</i>
2058
2059
2060</span>
2061            </button>
2062
2063            <div class="fila-sidebar-slide__group-content">
2064              <hr class="hr" />
2065
2066              <a href="/collections/kids-kids-apparel" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
2067                View all
2068              </a><a href="/collections/kids-kids-apparel-kids-tops" class="fila-sidebar-slide__group-item">
2069                  Tops
2070                </a><a href="/collections/kids-kids-apparel-kids-bottoms" class="fila-sidebar-slide__group-item">
2071                  Bottoms
2072                </a><a href="/collections/kids-kids-apparel-boys-apparel" class="fila-sidebar-slide__group-item">
2073                  Boys
2074                </a><a href="/collections/kids-kids-apparel-girls-apparel" class="fila-sidebar-slide__group-item">
2075                  Girls
2076                </a><a href="/collections/kids-kids-apparel-school" class="fila-sidebar-slide__group-item">
2077                  School
2078                </a></div>
2079          
2080        </div><div class="fila-sidebar-slide__group">
2081          
2082
2083
2084            <button class="fila-sidebar-slide__group-title">
2085              <span>Footwear</span>
2086              <span><i class="material-icons icon icon-lg " >
2087  expand_more
2088</i>
2089
2090
2091</span>
2092            </button>
2093
2094            <div class="fila-sidebar-slide__group-content">
2095              <hr class="hr" />
2096
2097              <a href="/collections/shoes-kids-shoes" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
2098                View all
2099              </a><a href="/collections/kids-kids-footwear-sneakers" class="fila-sidebar-slide__group-item">
2100                  Sneakers
2101                </a><a href="/collections/kids-kids-footwear-kids-running-sport-shoes" class="fila-sidebar-slide__group-item">
2102                  Running & Sports
2103                </a><a href="/collections/shoes-kids-school" class="fila-sidebar-slide__group-item">
2104                  School Shoes
2105                </a><a href="/collections/shoes-kids-shoes-dial" class="fila-sidebar-slide__group-item">
2106                  Dial
2107                </a><a href="/collections/kids-strap-shoes" class="fila-sidebar-slide__group-item">
2108                  Strap Shoes
2109                </a><a href="/collections/shoes-kids-shoes-kids-slides-slippers" class="fila-sidebar-slide__group-item">
2110                  Slides
2111                </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="fila-sidebar-slide__group-item">
2112                  Infant
2113                </a></div>
2114          
2115        </div><div class="fila-sidebar-slide__group">
2116          
2117
2118
2119            <button class="fila-sidebar-slide__group-title">
2120              <span>Accessories</span>
2121              <span><i class="material-icons icon icon-lg " >
2122  expand_more
2123</i>
2124
2125
2126</span>
2127            </button>
2128
2129            <div class="fila-sidebar-slide__group-content">
2130              <hr class="hr" />
2131
2132              <a href="/collections/kids-kids-accessories" class="fila-sidebar-slide__group-item" style="font-weight: 500;">
2133                View all
2134              </a><a href="/collections/kids-kids-accessories-kids-bags-backpacks" class="fila-sidebar-slide__group-item">
2135                  Bags & Backpacks
2136                </a><a href="https://fila.com.au/collections/accessories-socks" class="fila-sidebar-slide__group-item">
2137                  Socks
2138                </a></div>
2139          
2140        </div>
2141        
2142          <!-- Apparel and Footwear dropdowns for non-Shoes categories -->
2143          <div class="fila-sidebar-slide__group">
2144            <button class="fila-sidebar-slide__group-title">
2145              <span>Shop by Size</span>
2146              <span><i class="material-icons icon icon-lg " >
2147  expand_more
2148</i>
2149
2150
2151</span>
2152            </button>
2153
2154            <div class="fila-sidebar-slide__group-content">
2155              <hr class="hr" />
2156              
2157              <!-- Apparel Dropdown -->
2158              <div class="fila-sidebar-slide__group">
2159                <button class="fila-sidebar-slide__group-title-shop-by-size">
2160                  <span>Apparel</span>
2161                  <span><i class="material-icons icon icon-lg " >
2162  expand_more
2163</i>
2164
2165
2166</span>
2167                </button>
2168                
2169                <div class="fila-sidebar-slide__group-content">
2170                  <div class="fila-sidebar-slide__group-content-list">
2171                    
2172                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=6&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
2173                    
2174                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=8&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
2175                    
2176                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=10&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
2177                    
2178                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=12&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
2179                    
2180                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=14&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">14</a>
2181                    
2182                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=16&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">16</a>
2183                    
2184                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=18&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">18</a>
2185                    
2186                      <a href="/collections/kids?filter.v.availability=1&filter.v.option.size=20&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">20</a>
2187                    
2188                  </div>
2189                </div>
2190              </div>
2191
2192              <!-- Footwear Dropdown -->
2193              <div class="fila-sidebar-slide__group">
2194                <button class="fila-sidebar-slide__group-title-shop-by-size">
2195                  <span>Footwear</span>
2196                  <span><i class="material-icons icon icon-lg " >
2197  expand_more
2198</i>
2199
2200
2201</span>
2202                </button>
2203                
2204                <div class="fila-sidebar-slide__group-content">
2205                  <div class="fila-sidebar-slide__group-content-list">
2206                    
2207                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a>
2208                    
2209                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a>
2210                    
2211                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a>
2212                    
2213                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a>
2214                    
2215                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a>
2216                    
2217                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a>
2218                    
2219                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
2220                    
2221                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a>
2222                    
2223                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a>
2224                    
2225                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a>
2226                    
2227                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
2228                    
2229                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a>
2230                    
2231                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a>
2232                    
2233                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a>
2234                    
2235                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
2236                    
2237                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a>
2238                    
2239                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a>
2240                    
2241                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a>
2242                    
2243                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
2244                    
2245                      <a href="/collections/shoes-kids-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a>
2246                    
2247                  </div>
2248                </div>
2249              </div>
2250            </div>
2251          </div>
2252        
2253      
2254
2255        <div class="fila-sidebar-slide__promotions" data-menu-name="Kids">
2256        </div>
2257    </div>
2258    
2259  
2260    
2261  
2262    
2263    <div class="fila-sidebar-slide" data-sidebar-slide-id="Mid Season Sale">
2264      <button class="fila-sidebar-slide__close link-with-left-icon-sidebar btn-sidebar-slide-close">
2265        <i class="material-icons icon icon-sm " >
2266  chevron_left
2267</i>
2268
2269
2270
2271
2272        <span>Back</span>
2273      </button>
2274
2275      <a href="/collections/mid-season-sale" class="fila-sidebar-slide__group-title">
2276        <span>All Mid Season Sale</span>
2277        <span><i class="material-icons icon icon-lg " >
2278  arrow_right_alt
2279</i>
2280
2281
2282</span>
2283      </a>
2284
2285      <hr class="hr" />
2286
2287      
2288
2289        
2290          <!-- Apparel and Footwear dropdowns for non-Shoes categories -->
2291          <div class="fila-sidebar-slide__group">
2292            <button class="fila-sidebar-slide__group-title">
2293              <span>Shop by Size</span>
2294              <span><i class="material-icons icon icon-lg " >
2295  expand_more
2296</i>
2297
2298
2299</span>
2300            </button>
2301
2302            <div class="fila-sidebar-slide__group-content">
2303              <hr class="hr" />
2304              
2305              <!-- Apparel Dropdown -->
2306              <div class="fila-sidebar-slide__group">
2307                <button class="fila-sidebar-slide__group-title-shop-by-size">
2308                  <span>Apparel</span>
2309                  <span><i class="material-icons icon icon-lg " >
2310  expand_more
2311</i>
2312
2313
2314</span>
2315                </button>
2316                
2317                <div class="fila-sidebar-slide__group-content">
2318                  <div class="fila-sidebar-slide__group-content-list">
2319                    
2320                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=6&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
2321                    
2322                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=8&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
2323                    
2324                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=10&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
2325                    
2326                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=12&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
2327                    
2328                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=14&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">14</a>
2329                    
2330                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=16&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">16</a>
2331                    
2332                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=18&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">18</a>
2333                    
2334                      <a href="/collections/mid season sale?filter.v.availability=1&filter.v.option.size=20&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">20</a>
2335                    
2336                  </div>
2337                </div>
2338              </div>
2339
2340              <!-- Footwear Dropdown -->
2341              <div class="fila-sidebar-slide__group">
2342                <button class="fila-sidebar-slide__group-title-shop-by-size">
2343                  <span>Footwear</span>
2344                  <span><i class="material-icons icon icon-lg " >
2345  expand_more
2346</i>
2347
2348
2349</span>
2350                </button>
2351                
2352                <div class="fila-sidebar-slide__group-content">
2353                  <div class="fila-sidebar-slide__group-content-list">
2354                    
2355                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=1 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">1</a>
2356                    
2357                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=2 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">2</a>
2358                    
2359                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=3 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">3</a>
2360                    
2361                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=4 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">4</a>
2362                    
2363                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5</a>
2364                    
2365                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">5.5</a>
2366                    
2367                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6</a>
2368                    
2369                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">6.5</a>
2370                    
2371                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7</a>
2372                    
2373                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">7.5</a>
2374                    
2375                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8</a>
2376                    
2377                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">8.5</a>
2378                    
2379                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9</a>
2380                    
2381                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">9.5</a>
2382                    
2383                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10</a>
2384                    
2385                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">10.5</a>
2386                    
2387                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11</a>
2388                    
2389                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">11.5</a>
2390                    
2391                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">12</a>
2392                    
2393                      <a href="/collections/shoes-mid season sale-shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual" class="fila-sidebar-slide__group-list-bubble">13</a>
2394                    
2395                  </div>
2396                </div>
2397              </div>
2398            </div>
2399          </div>
2400        
2401      
2402
2403        <div class="fila-sidebar-slide__promotions" data-menu-name="Mid Season Sale">
2404        </div>
2405    </div>
2406    
2407  
2408</div>
2409
2410
2411
2412<script>
2413"use strict";
2414
2415$(function () {
2416  var selectors = {
2417    openButton: ".btn-sidebar-open",
2418    closeButton: ".btn-sidebar-close",
2419    backdrop: ".fila-sidebar__backdrop",
2420    sidebar: ".fila-sidebar",
2421    sidebarContent: ".fila-sidebar__content",
2422    slide: ".fila-sidebar-slide",
2423    slideOpenButton: ".btn-sidebar-slide-open",
2424    slideCloseButton: ".btn-sidebar-slide-close",
2425    slideGroupHeader: "button.fila-sidebar-slide__group-title, button.fila-sidebar-slide__group-title-shop-by-size",
2426    slideGroupContent: ".fila-sidebar-slide__group-content",
2427    wrapper: ".header-wrapper",
2428    header: ".header"
2429  };
2430  var classes = {
2431    sidebarOpenBody: "sidebar-open",
2432    sidebarSlideOpen: "fila-sidebar-slide--open"
2433  };
2434  var wrapper = document.querySelector(selectors.wrapper);
2435  var $header = $(selectors.header);
2436
2437  //Update header position based on wrapper state
2438  function updateHeaderPosition() {
2439    var stickyHeader = wrapper.classList.contains("header-wrapper--awake");
2440    $header.css("top", stickyHeader ? "42px" : "32px");
2441  }
2442
2443  //Initial check
2444  updateHeaderPosition();
2445
2446  //Listen for scroll events to update position
2447  $(window).on("scroll", function () {
2448    updateHeaderPosition();
2449  });
2450  $(selectors.openButton).on("click", function () {
2451    openSidebar();
2452  });
2453  $(selectors.closeButton).on("click", function () {
2454    closeSidebar();
2455  });
2456  $(selectors.backdrop).on("click", function () {
2457    closeSidebar();
2458  });
2459  $(selectors.slideOpenButton).on("click", function (event) {
2460    event.preventDefault();
2461    var id = event.currentTarget.dataset.sidebarSlideId;
2462    var slide = document.querySelector(selectors.slide + '[data-sidebar-slide-id="' + id + '"]');
2463    $(slide).addClass(classes.sidebarSlideOpen);
2464    theme.a11y.lockScrolling(slide);
2465    return false;
2466  });
2467  $(selectors.slideCloseButton).on("click", function (event) {
2468    var slide = $(event.currentTarget).closest(selectors.slide);
2469    slide.removeClass(classes.sidebarSlideOpen);
2470    document.body.classList.remove(classes.sidebarSlideOpenBody);
2471    theme.a11y.unlockScrolling(slide[0]);
2472  });
2473  $(selectors.slideGroupHeader).on("click", function (event) {
2474    $(event.currentTarget).next(selectors.slideGroupContent).slideToggle(200);
2475    $(event.currentTarget).toggleClass("active");
2476
2477    /* Once the dropdown is finished, scroll what was just clicked into view. */
2478    setTimeout(function () {
2479      event.currentTarget.scrollIntoView({
2480        block: "start",
2481        behavior: "smooth"
2482      });
2483    }, 200);
2484  });
2485  function openSidebar() {
2486    document.body.classList.add(classes.sidebarOpenBody);
2487    var $sidebarContent = $(selectors.sidebarContent);
2488    var stickyHeader = wrapper.classList.contains("header-wrapper--awake");
2489    if (window.innerWidth < 1024) {
2490      $header.css({
2491        position: "fixed",
2492        top: stickyHeader ? "-62px" : "32px",
2493        width: "100%",
2494        "background-color": "var(--colorWhite)",
2495        "box-shadow": stickyHeader ? "0 10px 12px 0 rgba(0 0 0 / 5%)" : "none"
2496      });
2497    }
2498    $sidebarContent.css("top", window.innerWidth < 1024 ? "66px" : "72px");
2499    theme.a11y.lockScrolling($sidebarContent);
2500  }
2501  function closeSidebar() {
2502    document.body.classList.remove(classes.sidebarOpenBody);
2503    $(selectors.slide).removeClass(classes.sidebarSlideOpen);
2504    var stickyHeader = wrapper.classList.contains("header-wrapper--awake");
2505    if (window.innerWidth < 1024) {
2506      $header.css({
2507        position: "absolute",
2508        top: stickyHeader ? "-20px" : "32px",
2509        width: "auto",
2510        "background-color": "",
2511        "box-shadow": "none"
2512      });
2513    }
2514    var sidebarContent = document.querySelector(selectors.sidebarContent);
2515    theme.a11y.unlockScrolling(sidebarContent);
2516  }
2517  window.openSidebar = openSidebar;
2518  window.closeSidebar = closeSidebar;
2519});
2520</script>
2520<div id="shopify-section-header" class="shopify-section">
2521
2522<style>
2523.header-wrapper {
2524  position: absolute;
2525  top: 0;
2526  left: 0;
2527  right: 0;
2528  z-index: var(--zIndexHeaderWrapper);
2529}
2530.header-wrapper--awake .header {
2531  transform: translateY(100%) translate3d(0, 0, 0);
2532}
2533
2534.header__spacer {
2535  height: calc(var(--headerHeight) + var(--announcementBarHeight) + var(--announcementBarHeight) - 48px);
2536}
2537
2538body.sidebar-open .header {
2539  background-color: var(--colorWhite) !important;
2540}
2541body.sidebar-open .header__menu-button {
2542  display: none;
2543}
2544body.sidebar-open .header__sidebar-close-button {
2545  display: flex;
2546}
2547
2548button:focus {
2549  outline: none;
2550}
2551
2552.header__backdrop {
2553  display: none;
2554  position: fixed;
2555  z-index: var(--zIndexHeaderBackdrop);
2556  top: 0;
2557  left: 0;
2558  bottom: 0;
2559  right: 0;
2560  background-color: var(--colorModalBackdrop);
2561}
2562
2563html.megamenu-active .header {
2564  background-color: var(--colorWhite) !important;
2565}
2566html.megamenu-active .header__backdrop {
2567  display: block;
2568}
2569
2570html.layout-alternate .header {
2571  --colorHeaderBackgroun
2571d: var(--colorBackgroundGray);
2572  --colorHeaderSearch: var(--colorWhite);
2573}
2574
2575.header {
2576  --colorHeaderBackground: var(--colorWhite);
2577  --colorHeaderSearch: var(--colorBackgroundGray);
2578  display: flex;
2579  height: var(--headerHeight);
2580  background-color: var(--colorHeaderBackground);
2581  z-index: var(--zIndexHeader);
2582  position: absolute;
2583  left: 0;
2584  right: 0;
2585  transition: 200ms ease box-shadow, 100ms ease-in transform;
2586}
2587@media (max-width: 1024px) {
2588  .header {
2589    top: 32px;
2590  }
2591}
2592@media (min-width: 1024px) {
2593  .header {
2594    top: 45px !important;
2595  }
2596}
2597@media (min-width: 1024px) {
2598  .header:not(.flex) {
2599    display: block;
2600    /* If caption is shown add margin to move header down */
2601  }
2602  .header:not(.flex) div.header-sub-caption {
2603    margin-bottom: 10px;
2604  }
2605}
2606.header--fixed {
2607  position: fixed !important;
2608  top: 0 !important;
2609}
2610.header .header-sub-caption {
2611  display: none;
2612  background-color: #ebebeb;
2613  padding: 10px 0;
2614  gap: 0.5rem;
2615  text-align: center;
2616  justify-content: center;
2617  font-size: 14px;
2618}
2619.header .header-sub-caption a {
2620  opacity: 0.75;
2621}
2622.header .header-sub-caption .cta {
2623  font-weight: bold;
2624  margin-left: 3px;
2625}
2626@media (min-width: 1024px) {
2627  .header .header-sub-caption {
2628    display: flex;
2629  }
2630}
2631.header--floating {
2632  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
2633}
2634.header__inner {
2635  display: flex;
2636  align-items: center;
2637  width: 100%;
2638  background-color: var(--colorHeader);
2639}
2640.header__logo {
2641  border-top: 5px solid transparent;
2642  border-bottom: 5px solid transparent;
2643  transition: 100ms ease border-bottom-color;
2644  position: relative;
2645  flex-shrink: 0;
2646}
2647@media (min-width: 1025px) {
2648  .header__logo {
2649    padding: 12px 8px;
2650    margin: 0 32px 0 -8px;
2651  }
2652}
2653@media (max-width: 1024px) {
2654  .header__logo {
2655    position: absolute;
2656    top: 50%;
2657    left: 50%;
2658    transform: translate(-50%, -50%);
2659  }
2660}
2661.header__logo:hover::after {
2662  transform: scaleX(1) translate3d(0, 0, 0);
2663}
2664.header__logo::after {
2665  content: "";
2666  position: absolute;
2667  top: 100%;
2668  left: 0;
2669  height: 2px;
2670  width: 100%;
2671  background-color: var(--colorRed);
2672  transition: 200ms ease transform;
2673  transform: scaleX(0) translate3d(0, 0, 0);
2674}
2675@media (max-width: 1024px) {
2676  .header__logo::after {
2677    margin-top: 8px;
2678  }
2679}
2680.header__logo img {
2681  height: 32px;
2682}
2683@media (max-width: 1024px) {
2684  .header__logo img {
2685    height: 30px;
2686  }
2687}
2688.header__sidebar-close-button {
2689  display: none;
2690}
2691.header__menu-button, .header__sidebar-close-button {
2692  padding: 8px;
2693  margin: -8px;
2694  line-height: 1;
2695}
2696.header__menu-button-wrapper, .header__sidebar-close-button-wrapper {
2697  flex: 1;
2698  display: flex;
2699  align-items: center;
2700  gap: 8px;
2701}
2702@media (min-width: 1025px) {
2703  .header__menu-button-wrapper, .header__sidebar-close-button-wrapper {
2704    display: none;
2705  }
2706}
2707.header__nav {
2708  justify-content: space-around;
2709  margin-top: 3px;
2710  flex-grow: 1;
2711}
2712@media (max-width: 1024px) {
2713  .header__nav {
2714    display: none;
2715  }
2716}
2717.header__nav-spacer {
2718  width: 25%;
2719}
2720@media (max-width: 1200px) {
2721  .header__nav-spacer {
2722    width: 15%;
2723  }
2724}
2725.header__nav-item.active .header__megamenu {
2726  visibility: visible;
2727  opacity: 1;
2728  animation: slightSlideDown 200ms;
2729}
2730.header__nav-item.active .header__megamenu-column {
2731  animation: fadeIn 250ms;
2732  animation-fill-mode: forwards;
2733}
2734.header__nav-item.active .header__megamenu-column:nth-of-type(1) {
2735  animation-delay: 100ms;
2736}
2737.header__nav-item.active .header__megamenu-column:nth-of-type(2) {
2738  animation-delay: 150ms;
2739}
2740.header__nav-item.active .header__megamenu-column:nth-of-type(3) {
2741  animation-delay: 200ms;
2742}
2743.header__nav-item.active .header__megamenu-column:nth-of-type(4) {
2744  animation-delay: 250ms;
2745}
2746.header__nav-item.active .header__megamenu-column:nth-of-type(5) {
2747  animation-delay: 300ms;
2748}
2749.header__nav-item.active .header__nav-item-link span::after {
2750  transform: scaleX(1) translate3d(0, 0, 0);
2751}
2752.header__nav-item::after {
2753  content: "";
2754  position: absolute;
2755  bottom: -20px;
2756  left: 20px;
2757  right: 20px;
2758  width: 100%;
2759  height: 20px;
2760  background: transparent;
2761}
2762.header__nav-item-link {
2763  text-decoration: none;
2764  color: var(--colorNavy);
2765  font-weight: bold;
2766  font-size: 19px;
2767  font-family: var(--fontSecondary);
2768  padding: 5px 0;
2769  transition: 100ms ease color;
2770  white-space: nowrap;
2771  position: relative;
2772}
2773@media (max-width: 1200px) {
2774  .header__nav-item-link {
2775    font-size: 18px;
2776  }
2777}
2778.header__nav-item-link--red {
2779  color: var(--colorRed);
2780}
2781@media (max-width: 1024px) {
2782  .header__links .icon-button {
2783    height: 32px;
2784    width: 32px;
2785    margin-left: 8px;
2786  }
2787  .header__links .icon-button .icon {
2788    font-size: 26px;
2789  }
2790}
2791.header__wishlist {
2792  position: relative;
2793}
2794.header__search--mobile {
2795  display: none;
2796  margin: -8px;
2797}
2798@media (max-width: 1024px) {
2799  .header__search--mobile {
2800    display: flex;
2801  }
2802  .header__search--mobile .icon {
2803    font-size: 28px;
2804  }
2805}
2806.header__search--desktop {
2807  border: 1px solid var(--colorLightBlue300);
2808  background-color: var(--colorHeaderSearch);
2809  padding: 4px 20px 6px;
2810  height: 48px;
2811  width: 200px;
2812  display: flex;
2813  align-items: center;
2814  border-radius: 24px;
2815  position: relative;
2816  margin-right: 8px;
2817  color: var(--colorBlackAlpha600);
2818  cursor: text;
2819  transition: 200ms ease background-color, 200ms ease border-color;
2820}
2821@media (max-width: 1024px) {
2822  .header__search--desktop {
2823    display: none;
2824  }
2825}
2826.header__search--desktop:hover {
2827  border-color: var(--colorRed);
2828}
2829.header__search--desktop:focus {
2830  outline: none;
2831  border-color: var(--colorRed);
2832}
2833.header__search--desktop .icon {
2834  position: absolute;
2835  right: 12px;
2836  top: calc(50% - 1px);
2837  transform: translateY(-50%);
2838  font-size: 32px;
2839}
2840
2841.header__megamenu {
2842  visibility: hidden;
2843  position: absolute;
2844  left: 0;
2845  right: 0;
2846  top: calc(100% - 1px);
2847  z-index: var(--zIndexHeaderMegamenu);
2848  background-color: var(--colorWhite);
2849  padding: 0px 0 80px;
2850  box-shadow: 0 10px 20px -10px var(--colorBlackAlpha150);
2851  opacity: 0;
2852  transition: visibility 0s, opacity 0.15s ease-in-out;
2853}
2854.header__megamenu-wrapper {
2855  display: flex;
2856}
2857.header__megamenu-column {
2858  flex: 1 0 20%;
2859  display: flex;
2860  flex-direction: column;
2861  padding: 16px 40px 40px;
2862  overflow: hidden;
2863  opacity: 0;
2864}
2865.header__megamenu-column:not(:last-child) {
2866  border-right: 1px solid var(--colorLighterGray);
2867}
2868.header__megamenu-column:first-child {
2869  padding-left: 0;
2870}
2871.header__megamenu-column:last-child {
2872  padding-right: 0;
2873}
2874.header__megamenu-column-title {
2875  margin-bottom: 16px;
2876}
2877.header__megamenu-column-title a {
2878  font-size: 18px;
2879  font-weight: bold;
2880  font-family: var(--fontSecondary);
2881  color: var(--colorNavy);
2882}
2883.header__megamenu-column-title a:hover {
2884  text-decoration: underline;
2885}
2886.header__megamenu-link {
2887  padding: 8px 0;
2888  color: var(--colorBlackAlpha700);
2889  font-size: 14px;
2890}
2891.header__megamenu-link:hover {
2892  text-decoration: underline;
2893}
2894.header__megamenu-promotion {
2895  display: flex;
2896  flex-direction: column;
2897}
2898.header__megamenu-promotion-image {
2899  width: 100%;
2900  height: 192px;
2901  object-fit: cover;
2902  margin-bottom: 16px;
2903}
2904.header__megamenu-promotion-heading {
2905  font-size: 18px;
2906  font-weight: bold;
2907  font-family: var(--fontSecondary);
2908  margin-bottom: 8px;
2909  color: var(--colorNavy);
2910}
2911.header__megamenu-promotion-action {
2912  font-size: 14px;
2913}
2914
2915.shopping-bag-button {
2916  position: relative;
2917}
2918
2919.header__wishlist-count,
2920.shopping-bag-count {
2921  background: var(--colorRed);
2922  color: white;
2923  border-radius: 50%;
2924  width: 22px;
2925  height: 22px;
2926  position: absolute;
2927  bottom: 0px;
2928  right: 0px;
2929  font-size: 12px;
2930  display: flex;
2931  align-items: center;
2932  justify-content: center;
2933  opacity: 0;
2934  font-weight: bold;
2935  font-family: var(--fontSecondary);
2936}
2937@media (max-width: 1024px) {
2938  .header__wishlist-count,
2939  .shopping-bag-count {
2940    height: 16px;
2941    width: 16px;
2942    font-size: 10px;
2943  }
2944}
2945.header__wishlist-count.visible,
2946.shopping-bag-count.visible {
2947  opacity: 1;
2948}
2949
2950@keyframes slightSlideDown {
2951  from {
2952    transform: translateY(-10%) translate3d(0, 0, 0);
2953  }
2954  to {
2955    transform: translateY(0) translate3d(0, 0, 0);
2956  }
2957}
2958@keyframes fadeIn {
2959  to {
2960    opacity: 1;
2961  }
2962}
2963.header__sizes {
2964  background: var(--colorBackgroundGray);
2965  border: 1px solid var(--colorLighterGray);
2966  padding: 8px 16px 2px;
2967  margin-bottom: 24px;
2968  display: flex;
2969  flex-direction: row;
2970}
2971.header__sizes-list-item--bubble {
2972  color: var(--colorNavy);
2973  border: 2px solid var(--colorLightGray);
2974  text-decoration: none;
2975  font-weight: bold;
2976  font-family: var(--fontSecondary);
2977  padding: 12px;
2978  font-size: 16px;
2979  margin-right: 6px;
2980  margin-bottom: 6px;
2981  min-width: 40px;
2982  height: 40px;
2983  border-radius: 32px;
2984  transition: 200ms ease border;
2985  cursor: pointer;
2986  line-height: 1;
2987  display: flex;
2988  align-items: center;
2989  justify-content: center;
2990  background: white;
2991}
2992.header__sizes-list-item--bubble:hover {
2993  border-color: var(--colorNavy);
2994}
2995.header__sizes-list-item--link {
2996  color: var(--colorNavy);
2997  text-decoration: none;
2998  font-weight: bold;
2999  font-family: var(--fontSecondary);
3000  padding: 8px 16px;
3001  font-size: 16px;
3002  margin-right: 8px;
3003  margin-bottom: 6px;
3004  cursor: pointer;
3005  position: relative;
3006}
3007.header__sizes-list-item--link:after {
3008  content: "";
3009  position: absolute;
3010  bottom: 4px;
3011  left: 16px;
3012  right: 16px;
3013  height: 2px;
3014  background: var(--colorRed);
3015  transform: scaleX(0);
3016  transform-origin: center;
3017  transition: transform 200ms ease;
3018}
3019.header__sizes-list-item--link:hover:after {
3020  transform: scaleX(1);
3021}
3022.header__sizes-heading {
3023  font-weight: bold;
3024  font-family: var(--fontSecondary);
3025  color: var(--colorNavy);
3026  height: 40px;
3027  margin-right: 12px;
3028  font-size: 15px;
3029  display: flex;
3030  align-items: center;
3031  flex-shrink: 0;
3032}
3033.header__sizes-list {
3034  display: flex;
3035  flex-wrap: wrap;
3036  align-items: center;
3037}
3038.header__sizes-list-divider {
3039  margin-left: 4px;
3040  margin-bottom: 6px;
3041  height: 32px;
3042  width: 2px;
3043  background: var(--colorLightGray);
3044}
3045
3046.header .slick-dots {
3047  text-align: left;
3048  margin: 0 -5px;
3049  bottom: -32px;
3050}
3051</style>
3052
3053<div class="header__spacer"></div>
3054<div class="header__backdrop"></div>
3055
3056
3057<style>
3058.search-popout {
3059  background: var(--colorWhite);
3060  position: absolute;
3061  top: var(--announcementBarHeight);
3062  width: 100%;
3063  left: 0;
3064  right: 0;
3065  z-index: var(--zIndexSearchPopout);
3066  transform: translateY(-100%);
3067  -webkit-transform: translateY(-100%);
3068  will-change: transform;
3069  -webkit-backface-visibility: hidden;
3070  backface-visibility: hidden;
3071  padding: 24px;
3072  transition: 300ms ease transform;
3073  -webkit-transition: 300ms ease -webkit-transform;
3074  overflow-y: auto;
3075  overflow-x: hidden;
3076  -webkit-overflow-scrolling: touch;
3077  max-height: calc(100vh - var(--announcementBarHeight));
3078  max-height: calc(100dvh - var(--announcementBarHeight));
3079  /* Fallback for older iOS */
3080  /* iPhone specific fixes */
3081}
3082@media (max-width: 767px) {
3083  .search-popout {
3084    max-height: calc(95vh - var(--announcementBarHeight));
3085    max-height: calc(95dvh - var(--announcementBarHeight));
3086  }
3087}
3088@supports not (height: 100dvh) {
3089  .search-popout {
3090    max-height: calc(100vh - var(--announcementBarHeight));
3091  }
3092}
3093@supports (-webkit-touch-callout: none) {
3094  .search-popout {
3095    position: fixed;
3096    top: 0;
3097    transform: translateY(-100vh);
3098    -webkit-transform: translateY(-100vh);
3099  }
3100  .search-popout.open {
3101    transform: translateY(0);
3102    -webkit-transform: translateY(0);
3103  }
3104}
3105.search-popout__view-all {
3106  padding: 4px 16px;
3107  min-height: 48px;
3108  max-width: 350px;
3109  margin: 24px auto 0;
3110  display: flex;
3111  align-items: center;
3112  justify-content: center;
3113  background-color: var(--colorWhite);
3114  border: 2px solid var(--colorNavy);
3115  width: 100%;
3116  color: var(--colorNavy);
3117  border-radius: 24px;
3118  transition: 300ms ease background-color;
3119}
3120.search-popout__view-all:hover {
3121  background-color: var(--colorLighterGray);
3122}
3123.search-popout__view-all .icon {
3124  margin-left: 4px;
3125}
3126@media (max-width: 767px) {
3127  .search-popout__view-all {
3128    display: none !important;
3129  }
3130}
3131.search-popout__view-all-text {
3132  display: none;
3133  color: var(--colorNavy);
3134  font-size: 14px;
3135  font-weight: 500;
3136  text-decoration: underline;
3137  cursor: pointer;
3138  white-space: nowrap;
3139  flex-shrink: 0;
3140}
3141@media (max-width: 767px) {
3142  .search-popout__view-all-text {
3143    display: block;
3144  }
3145}
3146@media (max-width: 1024px) {
3147  .search-popout {
3148    top: 40px;
3149  }
3150}
3151@media (max-width: 767px) {
3152  .search-popout {
3153    top: 16px;
3154    padding: 24px 0;
3155  }
3156}
3157.search-popout.open {
3158  transform: translateY(0%);
3159  -webkit-transform: translateY(0%);
3160  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
3161}
3162.search-popout .search-popout-content {
3163  display: flex;
3164  align-items: center;
3165  position: relative;
3166}
3167.search-popout .search-popout-content .icon {
3168  color: var(--colorNavy);
3169}
3170.search-popout .search-popout-content .icon-button-close {
3171  display: flex;
3172  align-items: center;
3173  justify-content: center;
3174  border-radius: 50%;
3175  height: 48px;
3176  transition: 200ms ease background-color, 200ms ease box-shadow;
3177  cursor: pointer;
3178  flex-shrink: 0;
3179}
3180.search-popout .search-popout-content-loading {
3181  position: absolute;
3182  right: 64px;
3183  top: 50%;
3184  transform: translateY(-50%);
3185  background: var(--colorWhiteAlpha950);
3186}
3187@media (max-width: 767px) {
3188  .search-popout .search-popout-content-loading {
3189    right: 48px;
3190  }
3191}
3192.search-popout .search-popout-content-loading .loading-spinner {
3193  opacity: 0;
3194  display: flex;
3195  justify-content: center;
3196  align-items: center;
3197  width: 32px;
3198  height: 32px;
3199  transition: 100ms ease opacity;
3200}
3201.search-popout .search-popout-content-loading .loading-spinner > div {
3202  width: 24px;
3203  height: 24px;
3204  margin: 0;
3205  border-width: 2px;
3206}
3207.search-popout input {
3208  display: block;
3209  flex-grow: 1;
3210  padding: 16px 0;
3211  padding-right: 80px;
3212  background: transparent;
3213  border-bottom: 2px solid var(--colorLightGray);
3214  outline: 0;
3215  font-size: 18px;
3216  margin-left: 12px;
3217  margin-right: 12px;
3218  /* iOS Safari fixes */
3219  -webkit-appearance: none;
3220  appearance: none;
3221  border-radius: 0;
3222  border-top: none;
3223  border-left: none;
3224  border-right: none;
3225}
3226@media (max-width: 767px) {
3227  .search-popout input {
3228    font-size: 16px;
3229    padding: 8px 0;
3230    padding-right: 60px;
3231    border-bottom-width: 1px;
3232  }
3233}
3234.search-popout .search-clear-button {
3235  position: absolute;
3236  right: 32px;
3237  top: 50%;
3238  transform: translateY(-50%);
3239  background: none;
3240  border: none;
3241  color: var(--colorNavy);
3242  font-size: 14px;
3243  font-weight: 500;
3244  cursor: pointer;
3245  padding: 8px 12px;
3246  transition: color 200ms ease;
3247}
3248.search-popout .search-clear-button:hover {
3249  color: var(--colorRed);
3250}
3251@media (max-width: 767px) {
3252  .search-popout .search-clear-button {
3253    font-size: 13px;
3254    padding: 6px 10px;
3255    right: 32px;
3256  }
3257}
3258
3259.search-popout-product-template,
3260.search-popout-collection-template,
3261.search-popout-redirect-template {
3262  display: none;
3263}
3264
3265.search-trending,
3266.search-recent {
3267  display: none;
3268  align-items: center;
3269  overflow-x: auto;
3270  color: var(--colorNavy);
3271  margin-top: 24px;
3272  margin-left: 32px;
3273}
3274@media (max-width: 767px) {
3275  .search-trending,
3276  .search-recent {
3277    margin-top: 16px;
3278    margin-left: 40px;
3279    flex-direction: column;
3280    align-items: flex-start;
3281    overflow-x: visible;
3282  }
3283  .search-trending p,
3284  .search-recent p {
3285    display: block;
3286    font-size: 18px;
3287    font-weight: 500;
3288    margin-bottom: 6px;
3289    color: var(--colorNavy);
3290  }
3291}
3292.search-trending__tag,
3293.search-recent__tag {
3294  padding: 4px 16px;
3295  min-height: 48px;
3296  display: flex;
3297  align-items: center;
3298  justify-content: center;
3299  border: 1px solid var(--colorLightBlue300);
3300  background: var(--colorBackgroundGray);
3301  border-radius: 24px;
3302  margin-left: 16px;
3303  position: relative;
3304  flex-shrink: 0;
3305}
3306.search-trending__tag:focus,
3307.search-recent__tag:focus {
3308  outline: none;
3309}
3310@media (max-width: 767px) {
3311  .search-trending__tag,
3312  .search-recent__tag {
3313    padding: 0;
3314    min-height: auto;
3315    font-size: 16px;
3316    font-weight: 400;
3317    margin-left: 0;
3318    margin-bottom: 6px;
3319    border: none;
3320    background: transparent;
3321    border-radius: 0;
3322    justify-content: flex-start;
3323    color: var(--colorNavy);
3324    cursor: pointer;
3325    transition: color 200ms ease;
3326  }
3327  .search-trending__tag:hover,
3328  .search-recent__tag:hover {
3329    color: var(--colorRed);
3330  }
3331  .search-trending__tag:last-child,
3332  .search-recent__tag:last-child {
3333    margin-bottom: 0;
3334  }
3335}
3336.search-trending__tag::before,
3337.search-recent__tag::before {
3338  content: "";
3339  position: absolute;
3340  top: -1px;
3341  left: -1px;
3342  right: -1px;
3343  bottom: -1px;
3344  border-radius: 24px;
3345  border: 2px solid transparent;
3346  transition: 200ms ease border;
3347}
3348@media (max-width: 767px) {
3349  .search-trending__tag::before,
3350  .search-recent__tag::before {
3351    display: none;
3352  }
3353}
3354.search-trending__tag:hover::before,
3355.search-recent__tag:hover::before {
3356  border-color: var(--colorRed);
3357}
3358@media (max-width: 767px) {
3359  .search-trending__tag:hover::before,
3360  .search-recent__tag:hover::before {
3361    display: none;
3362  }
3363}
3364
3365.search-results {
3366  margin-top: 40px;
3367  display: none;
3368  grid-template-columns: 4fr 1fr;
3369  gap: 20px;
3370  padding-bottom: 40px;
3371}
3372@media (max-width: 1024px) {
3373  .search-results {
3374    grid-template-columns: 2fr 1fr;
3375  }
3376}
3377@media (max-width: 767px) {
3378  .search-results {
3379    grid-template-columns: 1fr;
3380    padding: 0 8px 64px;
3381    margin-top: 16px;
3382  }
3383}
3384.search-results h2 {
3385  margin-bottom: 24px;
3386  font-size: 18px;
3387  color: var(--colorBlackAlpha700);
3388}
3389
3390.search-results-products-header-wrapper {
3391  display: flex;
3392  justify-content: space-between;
3393  align-items: baseline;
3394  margin-bottom: 24px;
3395  width: 88%;
3396}
3397.search-results-products-header-wrapper h2 {
3398  margin-bottom: 0;
3399  flex: 1;
3400}
3401
3402.search-results-collections {
3403  color: var(--colorNavy);
3404}
3405.search-results-collections .search-result-collection {
3406  text-decoration: underline;
3407  font-weight: bold;
3408  font-family: var(--fontSecondary);
3409  margin-bottom: 10px;
3410  display: flex;
3411  align-items: center;
3412}
3413.search-results-collections .search-result-collection svg {
3414  margin-left: 5px;
3415}
3416
3417.search-results-products {
3418  display: grid;
3419  grid-template-columns: 1fr 1fr 1fr 1fr;
3420  gap: 24px;
3421}
3422@media (max-width: 1024px) {
3423  .search-results-products {
3424    grid-template-columns: 1fr 1fr;
3425  }
3426}
3427@media (max-width: 767px) {
3428  .search-results-products {
3429    display: flex;
3430    overflow-x: scroll !important;
3431    overflow-y: hidden;
3432    gap: 16px;
3433    width: 100vw;
3434    max-width: 100vw;
3435    height: auto;
3436    -webkit-overflow-scrolling: touch;
3437    scroll-behavior: smooth;
3438  }
3439  .search-results-products a {
3440    width: 50vw;
3441    min-width: 50vw;
3442    max-width: 50vw;
3443    flex-shrink: 0;
3444    flex-grow: 0;
3445    display: block;
3446  }
3447}
3448.search-results-products.no-results {
3449  grid-template-columns: 1fr;
3450}
3451.search-results-products .search-result-product {
3452  color: var(--colorNavy);
3453  margin-bottom: 16px;
3454}
3455.search-results-products .search-result-product .image-wrapper {
3456  margin-bottom: 16px;
3457  padding-top: 125%;
3458  position: relative;
3459  background-color: var(--colorLightGray);
3460  background-size: cover;
3461  background-position: center;
3462  animation: search-image-loading 2s linear infinite;
3463}
3464.search-results-products .search-result-product .product-title {
3465  font-size: 16px;
3466  margin-bottom: 8px;
3467}
3468.search-results-products .search-result-product .product-price {
3469  font-weight: bold;
3470  font-family: var(--fontSecondary);
3471}
3472.search-results-products .search-result-product img {
3473  display: none;
3474}
3475
3476@keyframes search-image-loading {
3477  0% {
3478    background-color: var(--colorLightGray);
3479  }
3480  50% {
3481    background-color: var(--colorLightBlue);
3482  }
3483  100% {
3484    background-color: var(--colorLightGray);
3485  }
3486}
3487</style>
3488
3489
3490<div class="search-popout">
3491  <div class="page-width">
3492    <div class="search-popout-content"><i class="material-icons icon icon-lg " >
3493  search
3494</i>
3495
3496
3497
3498
3499      <input type="text" placeholder="Search.." enterkeyhint="go">
3500
3501      <div class="search-popout-content-loading">
3502<style>
3503.alert {
3504  padding: 12px 16px 12px 8px;
3505  border: 1px solid;
3506  font-weight: bold;
3507  font-family: var(--fontSecondary);
3508  text-align: left;
3509  width: 100%;
3510  border-radius: 2px;
3511  position: relative;
3512}
3513.alert a {
3514  text-decoration: underline;
3515}
3516.alert--success {
3517  background-color: #e3fae4;
3518  border-color: #b8ddb9;
3519  color: #2b882e;
3520}
3521.alert--error {
3522  background-color: #f8d7da;
3523  border-color: #f5c6cb;
3524  color: #721c24;
3525}
3526.alert--info {
3527  background-color: #e9f1ff;
3528  border-color: #baccee;
3529  color: #0b3587;
3530}
3531.alert--warning {
3532  background-color: #fbf4d0;
3533  border-color: #d8c97d;
3534  color: #665519;
3535}
3536.alert__caption {
3537  opacity: 0.7;
3538  font-size: 10px;
3539  margin-bottom: 4px;
3540  text-transform: uppercase;
3541  display: block;
3542  line-height: 1.2;
3543}
3544.alert__text {
3545  font-size: 14px;
3546  line-height: 1.4;
3547}
3548.alert__dismiss {
3549  position: absolute;
3550  right: 4px;
3551  top: 4px;
3552  opacity: 0.5;
3553  cursor: pointer;
3554  transition: 100ms ease opacity;
3555  line-height: 1;
3556}
3557.alert__dismiss:hover {
3558  opacity: 1;
3559}
3560</style>
3561
3562
3563
3564
3565<div class="loading-spinner lds-ring">
3566  <div 
3567  style="
3568    border: 4px solid #0b203f;
3569    border-color: #0b203f transparent transparent transparent;
3570  "></div>
3571  <div 
3572  style="
3573    border: 4px solid #0b203f;
3574    border-color: #0b203f transparent transparent transparent;
3575  "></div>
3576  <div 
3577  style="
3578    border: 4px solid #0b203f;
3579    border-color: #0b203f transparent transparent transparent;
3580  "></div>
3581  <div 
3582  style="
3583    border: 4px solid #0b203f;
3584    border-color: #0b203f transparent transparent transparent;
3585  "></div>
3586</div>
3587
3588
3589      </div>
3590
3591      <button class="search-clear-button" onclick="clearSearchQuery()">
3592        Clear
3593      </button>
3594
3595      <button class="icon-button-close" onclick="closeSearchPopout()"><i class="material-icons icon icon-lg " >
3596  close
3597</i>
3598
3599
3600
3601      </button>
3602    </div>
3603
3604    <div class="search-trending">
3605      <p>Trending:</p>
3606      
3607    </div>
3608
3609    <div class="search-recent">
3610      <p>Recent:</p>
3611      
3612    </div>
3613
3614    <div class="search-results">
3615      <div>
3616        <div class="search-results-products-header-wrapper">
3617          <h2 class="search-results-products-header">Products</h2>
3618          <a href="#" class="search-popout__view-all-text">View All Results</a>
3619        </div>
3620
3621        <div class="search-results-products"></div>
3622
3623        <a href="#" class="search-popout__view-all">
3624          <i class="material-icons icon icon-md " >
3625  arrow_right_alt
3626</i>
3627
3628
3629
3630
3631        </a>
3632      </div>
3633
3634      <div>
3635        <h2>Collections</h2>
3636
3637        <div class="search-results-collections"></div>
3638      </div>
3639    </div>
3640  </div>
3641
3642  <div class="search-popout-product-template">
3643    <a href="[[url]]">
3644      <div class="search-result-product">
3645        <img data-image-url onload="handleSearchProductImageLoad(this)">
3646        <div class="image-wrapper"></div>
3647        <p class="product-title">[[title]]</p>
3648        <p class="product-price">$[[price]]</p>
3649      </div>
3650    </a>
3651  </div>
3652  <div class="search-popout-collection-template">
3653    <a href="[[url]]">
3654      <div class="search-result-collection">
3655        <span>[[title]]</span>
3656        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3657          <path d="M16.01 11H4V13H16.01V16L20 12L16.01 8V11Z" fill="#0B203F"/>
3658        </svg>
3659      </div>
3660    </a>
3661  </div>
3662  <div class="search-popout-redirect-template">
3663    <a href="[[url]]">
3664      <div class="search-result-collection">
3665        <span>[[title]]</span>
3666      </div>
3667    </a>
3668  </div>
3669</div>
3670
3671
3672<script>
3673"use strict";
3674
3675var tagalysDisableLegacyScript = true; // This will disable the default script included via Shopify app Script Tags, thereby preventing conflicts with the new code.
3676
3677// Ensures links go to correct TLD eg. .com.au or .co.nz
3678function localiseUrl(link) {
3679  // If the link is already an absolute URL, use it as is
3680  try {
3681    var url = new URL(link);
3682    return window.location.origin + url.pathname;
3683  } catch (e) {
3684    // If link is a relative path, construct the URL manually
3685    return window.location.origin + link;
3686  }
3687}
3688
3689// Process search results whether they come from Tagalys or Shopify
3690function processSearchResults(response) {
3691  var productTemplate = document.querySelector(".search-popout-product-template").innerHTML;
3692  var collectionTemplate = document.querySelector(".search-popout-collection-template").innerHTML;
3693  var redirectTemplate = document.querySelector(".search-popout-redirect-template").innerHTML;
3694  var products = response.products;
3695  var queries = response.queries.length > 0 ? response.queries[0].items : [];
3696  var productsHTML = [];
3697  var queriesHTML = [];
3698  document.querySelector(".search-results-products-header").innerText = "Products";
3699  if (document.querySelector(".search-trending")) {
3700    document.querySelector(".search-trending").style.display = "none";
3701  }
3702  if (document.querySelector(".search-recent")) {
3703    document.querySelector(".search-recent").style.display = "none";
3704  }
3705  document.querySelector(".search-results").style.display = "grid";
3706  document.querySelector(".search-results-products").innerHTML = "";
3707  products.forEach(function (product) {
3708    productsHTML.push(productTemplate.replace("[[title]]", product.title).replace("data-image-url", 'src="' + product.featured_image.src + '"').replace("[[price]]", product.price).replace("[[url]]", localiseUrl("/products/" + product.handle)));
3709  });
3710  queries.forEach(function (query) {
3711    queriesHTML.push(redirectTemplate.replace("[[title]]", query.displayString).replace("[[url]]", localiseUrl(query.link)));
3712  });
3713  if (products.length === 0 && queries.length > 0) {
3714    document.querySelector(".search-results-products-header").innerText = "Pages";
3715    document.querySelector(".search-results-products").innerHTML = queriesHTML.join("");
3716    document.querySelector(".search-popout__view-all").innerText = "Go to ".concat(queries[0].displayString);
3717    document.querySelector(".search-popout__view-all").href = localiseUrl(queries[0].link);
3718    document.querySelector(".search-popout__view-all-text").innerText = "Go to ".concat(queries[0].displayString);
3719    document.querySelector(".search-popout__view-all-text").href = localiseUrl(queries[0].link);
3720  } else if (products.length === 0) {
3721    showRecentPopularSearches();
3722    document.querySelector(".search-results-products").innerHTML = "No matching products";
3723    document.querySelector(".search-results-products").classList.add("no-results");
3724    document.querySelector(".search-popout__view-all").style.display = "none";
3725  } else {
3726    productsHTML = productsHTML.join("");
3727    document.querySelector(".search-results-products").classList.remove("no-results");
3728    document.querySelector(".search-results-products").innerHTML = productsHTML;
3729  }
3730  document.querySelector(".search-results-collections").innerHTML = "";
3731  var collections = response.queries.find(function (q) {
3732    return q.section_id === "collections";
3733  }) && response.queries.find(function (q) {
3734    return q.section_id === "collections";
3735  }).items || [];
3736  var collectionsHTML = [];
3737  for (var i = 0; i < collections.length; i++) {
3738    collectionsHTML.push(collectionTemplate.replace("[[title]]", collections[i].displayString.split("|").slice(-1)[0]).replace("[[url]]", localiseUrl(collections[i].link)));
3739  }
3740  if (collections.length == 0) {
3741    document.querySelector(".search-results-collections").innerHTML = "No matching collections";
3742    document.querySelector(".search-results-collections").classList.add("no-results");
3743  } else {
3744    collectionsHTML = collectionsHTML.join("");
3745    document.querySelector(".search-results-collections").classList.remove("no-results");
3746    document.querySelector(".search-results-collections").innerHTML = collectionsHTML;
3747  }
3748  document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0;
3749}
3750function initializeTagalys() {
3751  // Step 1: Set basic configuration
3752  Tagalys.setConfiguration({
3753    api: {
3754      serverUrl: "https://api-r3.tagalys.com",
3755      credentials: {
3756        clientCode: "83F7BD306FAB6C8E",
3757        // FIXME: Shouldn't be hardcoded
3758        apiKey: "431ad6453b9da48946389ad28dc949a6"
3759      },
3760      storeId: "55053648108"
3761    },
3762    locale: "en-AU",
3763    currency: {
3764      code: "AUD",
3765      fractionalDigits: 2
3766    },
3767    analyticsStorageConsentProvided: function analyticsStorageConsentProvided() {
3768      // FIXME: This probably shouldn't be hardcoded
3769      // return true/false based on user's consent settings
3770      return true;
3771    },
3772    track: true
3773  });
3774
3775  // Step 2: Set platform configuration (must be done before initialising any widgets)
3776  Tagalys.setPlatformConfiguration({
3777    platform: "Shopify",
3778    countryCode: "AU",
3779    baseCountryCode: "AU",
3780    useStorefrontAPIForSecondaryMarkets: true,
3781    waitForStorefrontAPI: true,
3782    storefrontAPI: {
3783      // FIXME: Don't hardcode
3784      accessToken: "42586a5ab14bd2ee1e3d3e9a4b96f551",
3785      myShopifyDomain: "fila-australia-production.myshopify.com"
3786    }
3787  });
3788
3789  // Step 3: Initialise search widgets after both configurations are set
3790  var searchSuggestionOptions = {
3791    params: {
3792      request: {
3793        collections: {
3794          limit: 10
3795        },
3796        products: {
3797          limit: 10
3798        }
3799      }
3800    },
3801    onSuccess: function onSuccess(response, helpers) {
3802      processSearchResults(response);
3803    },
3804    onFailure: function onFailure(response, helpers) {
3805      // Called after a failed API call
3806      console.error("Search API call failed:", response);
3807      document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0;
3808    }
3809  };
3810
3811  // If NZ, use Shopify search results (provided via Tagalys API for c
3811onsistency)
3812  if (window.location.hostname.endsWith("fila.co.nz")) {
3813    // Leaving this here in case Tagalys improves it, but at the moment we don't use tagalys at all for NZ
3814    // window.searchSuggestions = Tagalys.APIConnector.ShopifySearchSuggestions.new(searchSuggestionOptions);
3815  } else {
3816    // If Australia, or default markets use Tagalys search suggestions
3817    // include pages in params (including pages in ShopifySearchSuggestions causes a failure)
3818    searchSuggestionOptions.params.request.pages = {
3819      limit: 10
3820    };
3821    window.searchSuggestions = Tagalys.APIConnector.SearchSuggestions["new"](searchSuggestionOptions);
3822
3823    // Step 4: Once all configurations are set and widgets initialised, load trending searches as per tagalys
3824    window.searchSuggestions.helpers.getRecentAndPopularSearches(5, 10).then(function (response) {
3825      populateTrendingAndRecentSearches(response);
3826    })["catch"](function (error) {
3827      console.error("Error fetching recent and popular searches:", error);
3828    });
3829  }
3830}
3831function onTagalysReady(callback) {
3832  if (window.Tagalys) {
3833    initializeTagalys();
3834    callback();
3835  } else {
3836    window.addEventListener("DOMContentLoaded", function () {
3837      initializeTagalys();
3838      callback();
3839    });
3840  }
3841}
3842onTagalysReady(function () {
3843  Tagalys.Analytics.trackPlatformEvents();
3844});
3845function openSearchPopout() {
3846  var searchPopout = document.querySelector(".search-popout");
3847
3848  // Force trending container to display flex if it has children; this is a workaround where trending wasn't showing on initial click of search bar
3849  if (document.querySelector(".search-trending")) {
3850    var trendingContainer = document.querySelector(".search-trending");
3851    if (trendingContainer.childElementCount > 1) {
3852      trendingContainer.style.display = "flex";
3853    }
3854  }
3855  searchPopout.classList.add("open");
3856  document.querySelector(".darken").classList.add("show");
3857  theme.a11y.lockScrolling(searchPopout);
3858
3859  // https://stackoverflow.com/a/55652503
3860  // create invisible dummy input to receive the focus first
3861  var fakeInput = document.createElement("input");
3862  fakeInput.setAttribute("type", "text");
3863  fakeInput.style.position = "absolute";
3864  fakeInput.style.opacity = 0;
3865  fakeInput.style.height = 0;
3866  fakeInput.style.fontSize = "16px"; // disable auto zoom
3867
3868  // you may need to append to another element depending on the browser's auto zoom/scroll behavior
3869  document.body.prepend(fakeInput);
3870
3871  // focus so that subsequent async focus will work
3872  fakeInput.focus();
3873
3874  /* Delay so the input isn't focused before the animation finishes */
3875  setTimeout(function () {
3876    // now we can focus on the target input
3877    document.querySelector(".search-popout input").focus();
3878
3879    // cleanup
3880    fakeInput.remove();
3881  }, 300);
3882}
3883function populateTrendingAndRecentSearches(response) {
3884  // Remove shopify's default trending searches
3885  document.querySelectorAll(".search-trending__tag").forEach(function (element) {
3886    element.remove();
3887  });
3888  var recentSearches = [];
3889  var popularSearches = [];
3890
3891  /* Add popular searches (trending) from Tagalys */
3892  if (response.popularSearches && response.popularSearches.length > 0) {
3893    // Limit trending searches to 5
3894    var limitedPopularSearches = response.popularSearches.slice(0, 5);
3895    limitedPopularSearches.forEach(function (search) {
3896      var searchTag = document.createElement("div");
3897      searchTag.classList.add("search-trending__tag");
3898      // Capitalize the first letter of the display string
3899      search.displayString = search.displayString.charAt(0).toUpperCase() + search.displayString.slice(1);
3900      searchTag.innerHTML = search.displayString;
3901      popularSearches.push(searchTag);
3902    });
3903  }
3904
3905  // Add recent searches from Tagalys
3906  if (response.recentSearches && response.recentSearches.length > 0) {
3907    response.recentSearches.forEach(function (search) {
3908      var searchTag = document.createElement("div");
3909      searchTag.classList.add("search-trending__tag");
3910      // Capitalize the first letter of the display string
3911      search.displayString = search.displayString.charAt(0).toUpperCase() + search.displayString.slice(1);
3912      searchTag.innerHTML = search.displayString;
3913      recentSearches.push(searchTag);
3914    });
3915  }
3916
3917  // Check if containers exist before appending
3918  var trendingContainer = document.querySelector(".search-trending");
3919  var recentContainer = document.querySelector(".search-recent");
3920
3921  // Hide or show the trending container based on if there are trending searches
3922  if (trendingContainer) {
3923    if (popularSearches.length === 0) {
3924      trendingContainer.style.display = "none";
3925    } else {
3926      trendingContainer.style.display = "flex";
3927      trendingContainer.append.apply(trendingContainer, popularSearches);
3928    }
3929  }
3930
3931  // Hide or show the recent container based on if there are recent searches
3932  if (recentContainer) {
3933    if (recentSearches.length === 0) {
3934      recentContainer.style.display = "none";
3935    } else {
3936      recentContainer.style.display = "flex";
3937      recentContainer.append.apply(recentContainer, recentSearches);
3938    }
3939  }
3940}
3941function closeSearchPopout() {
3942  var searchPopout = document.querySelector(".search-popout");
3943  searchPopout.classList.remove("open");
3944  document.querySelector(".darken").classList.remove("show");
3945  theme.a11y.unlockScrolling(searchPopout);
3946
3947  /* Reset the search UI after the close animation finishes */
3948  setTimeout(function () {
3949    document.querySelector(".search-popout input").value = "";
3950    showRecentPopularSearches();
3951    document.querySelector(".search-results").style.display = "none";
3952  }, 300);
3953}
3954function handleSearchProductImageLoad(node) {
3955  node.parentNode.querySelector(".image-wrapper").style.backgroundImage = 'url("' + node.getAttribute("src") + '")';
3956}
3957function showRecentPopularSearches() {
3958  var trendingContainer = document.querySelector(".search-trending");
3959  var recentContainer = document.querySelector(".search-recent");
3960  if (trendingContainer) {
3961    if (trendingContainer.childElementCount > 1) {
3962      trendingContainer.style.display = "flex";
3963    }
3964  }
3965  if (recentContainer) {
3966    if (recentContainer.childElementCount > 1) {
3967      recentContainer.style.display = "flex";
3968    }
3969  }
3970}
3971$(function () {
3972  var selectors = {
3973    trendingTag: ".search-trending__tag"
3974  };
3975  $(".search-popout").on("click", selectors.trendingTag, handleClickTrendingTag);
3976  function handleClickTrendingTag(event) {
3977    var text = event.currentTarget.innerHTML.trim();
3978    document.querySelector(".search-popout input").value = text;
3979    searchQuery(text);
3980  }
3981  var productTemplate = document.querySelector(".search-popout-product-template").innerHTML;
3982  var collectionTemplate = document.querySelector(".search-popout-collection-template").innerHTML;
3983  function defaultShopifySearch(text) {
3984    document.querySelector(".search-popout-content .loading-spinner").style.opacity = 1;
3985    document.querySelector(".search-results-products").innerHTML = "Loading...";
3986    fetch("/search/suggest.json?q=" + text + "&resources[type]=product&resources[limit]=4", {
3987      method: "GET",
3988      headers: {
3989        "Content-Type": "application/json"
3990      }
3991    }).then(function (response) {
3992      return response.json();
3993    }).then(function (data) {
3994      if (document.querySelector(".search-trending")) {
3995        document.querySelector(".search-trending").style.display = "none";
3996      }
3997      document.querySelector(".search-results").style.display = "grid";
3998      document.querySelector(".search-results-products").innerHTML = "";
3999      var products = data.resources.results.products;
4000      var productsHTML = [];
4001      for (var i = 0; i < products.length; i++) {
4002        productsHTML.push(productTemplate.replace("[[title]]", products[i].title).replace("data-image-url", 'src="' + products[i].image.replace(".jpg", "_large.jpg") + '"').replace("[[price]]", products[i].price).replace("[[url]]", products[i].url));
4003      }
4004      if (products.length == 0) {
4005        document.querySelector(".search-results-products").innerHTML = 'No products matching "' + text + '"';
4006        document.querySelector(".search-results-products").classList.add("no-results");
4007        document.querySelector(".search-popout__view-all").style.display = "none";
4008      } else {
4009        productsHTML = productsHTML.join("");
4010        document.querySelector(".search-results-products").classList.remove("no-results");
4011        document.querySelector(".search-results-products").innerHTML = productsHTML;
4012      }
4013    })["catch"](function (error) {
4014      console.error("Error:", error);
4015    })["finally"](function () {
4016      document.querySelector(".search-popout-content .loading-spinner").style.opacity = 0;
4017    });
4018    fetch("/search/suggest.json?q=" + text + "&resources[type]=collection&resources[limit]=4", {
4019      method: "GET",
4020      headers: {
4021        "Content-Type": "application/json"
4022      }
4023    }).then(function (response) {
4024      return response.json();
4025    }).then(function (data) {
4026      document.querySelector(".search-results-collections").innerHTML = "";
4027      var collections = data.resources.results.collections;
4028      var collectionsHTML = [];
4029      for (var i = 0; i < collections.length; i++) {
4030        collectionsHTML.push(collectionTemplate.replace("[[title]]", collections[i].title.split("|").slice(-1)[0]).replace("[[url]]", collections[i].url));
4031      }
4032      if (collections.length == 0) {
4033        document.querySelector(".search-results-collections").innerHTML = 'No collections matching "' + text + '"';
4034        document.querySelector(".search-results-collections").classList.add("no-results");
4035      } else {
4036        collectionsHTML = collectionsHTML.join("");
4037        document.querySelector(".search-results-collections").classList.remove("no-results");
4038        document.querySelector(".search-results-collections").innerHTML = collectionsHTML;
4039      }
4040    })["catch"](function (error) {
4041      console.error("Error:", error);
4042    });
4043  }
4044  function searchQuery(text) {
4045    // If in NZ, use default shopify search
4046    if (!window.IS_NZ_DISABLED && window.location.hostname.endsWith("fila.co.nz")) {
4047      defaultShopifySearch(text);
4048      document.querySelector(".search-popout__view-all").innerText = "View all results for \"".concat(text, "\"");
4049      document.querySelector(".search-popout__view-all").href = "/search?q=" + encodeURIComponent(text) + "&type=product";
4050      document.querySelector(".search-popout__view-all-text").innerText = "View All Results";
4051      document.querySelector(".search-popout__view-all-text").href = "/search?q=" + encodeURIComponent(text) + "&type=product";
4052    } else {
4053      window.searchSuggestions.helpers.updateQuery(text);
4054      document.querySelector(".search-popout__view-all").style.display = "flex";
4055      document.querySelector(".search-popout__view-all").innerText = "View all results for \"".concat(text, "\"");
4056      document.querySelector(".search-popout__view-all").href = "/search?q=" + encodeURIComponent(text) + "&type=product";
4057      document.querySelector(".search-popout__view-all-text").innerText = "View All Results";
4058      document.querySelector(".search-popout__view-all-text").href = "/search?q=" + encodeURIComponent(text) + "&type=product";
4059      if (text.length === 0) {
4060        if (document.querySelector(".search-trending")) {
4061          document.querySelector(".search-trending").style.display = "flex";
4062        }
4063        document.querySelector(".search-results").style.display = "none";
4064        return;
4065      }
4066    }
4067  }
4068  function debounce(func, wait, immediate) {
4069    var timeout;
4070    return function () {
4071      var context = this,
4072        args = arguments;
4073      var later = function later() {
4074        timeout = null;
4075        if (!immediate) func.apply(context, args);
4076      };
4077      var callNow = immediate && !timeout;
4078      clearTimeout(timeout);
4079      timeout = setTimeout(later, wait);
4080      if (callNow) func.apply(context, args);
4081    };
4082  }
4083  var debounceSearchQuery = debounce(searchQuery, 300);
4084  document.querySelector(".search-popout-content input").addEventListener("keydown", function (event) {
4085    if (event.key === "Enter" || event.keyCode === 13) {
4086      event.preventDefault();
4087
4088      // different mobile vs desktop behaviour
4089      if (window.innerWidth > 768) {
4090        // desktop - push to all search results
4091        var searchQuery = event.target.value.trim();
4092        if (searchQuery) {
4093          var searchUrl = "/search?q=" + encodeURIComponent(searchQuery) + "&type=product";
4094          window.location.href = searchUrl;
4095        }
4096        closeSearchPopout();
4097      } else {
4098        // mobile - close keyboard
4099        event.target.blur();
4100      }
4101    }
4102  });
4103  document.querySelector(".search-popout-content input").addEventListener("keyup", function (event) {
4104    document.querySelector(".search-results-products").innerHTML = "Loading...";
4105    debounceSearchQuery(event.target.value.trim());
4106  });
4107});
4108function clearSearchQuery() {
4109  var searchInput = document.querySelector(".search-popout-content input");
4110  searchInput.value = "";
4111  searchInput.focus();
4112  // Show recent/popular searches and hide results
4113  showRecentPopularSearches();
4114  document.querySelector(".search-results").style.display = "none";
4115}
4116</script>
4116
4117
4118
4119<style>
4120.announcement-banner {
4121  position: absolute;
4122  top: 0;
4123  left: 0;
4124  right: 0;
4125  overflow: hidden;
4126  background-color: var(--colorNavy);
4127  color: var(--colorWhite);
4128  height: var(--announcementBarHeight);
4129  display: flex;
4130  z-index: var(--zIndexAnnouncementBar);
4131  align-items: center;
4132  justify-content: center;
4133}
4134.announcement-banner__text {
4135  display: block;
4136  font-size: 14px;
4137  transition: opacity 0.75s ease;
4138  text-align: center;
4139}
4140@media (max-width: 1024px) {
4141  .announcement-banner__text {
4142    font-size: 12px;
4143  }
4144}
4145@media (max-width: 767px) {
4146  .announcement-banner__text {
4147    font-size: 10px;
4148  }
4149}
4150.announcement-banner__left {
4151  color: var(--colorWhiteAlpha500);
4152  position: absolute;
4153  top: 50%;
4154  left: 8px;
4155  transform: translateY(-50%);
4156  display: flex;
4157  gap: 0.5rem;
4158  align-items: center;
4159}
4160.announcement-banner__right {
4161  display: flex;
4162  align-items: center;
4163  color: var(--colorWhite);
4164  position: absolute;
4165  top: 50%;
4166  right: 16px;
4167  transform: translateY(-50%);
4168}
4169@media (max-width: 1024px) {
4170  .announcement-banner__right {
4171    display: none;
4172  }
4173}
4174.announcement-banner__right a {
4175  padding: 4px 8px;
4176  margin: 0 4px;
4177  display: block;
4178  font-size: 14px;
4179}
4180@media (max-width: 767px) {
4181  .announcement-banner__hashtag {
4182    display: none;
4183  }
4184}
4185@media (max-width: 1024px) {
4186  .announcement-banner__hashtag {
4187    font-size: 14px;
4188  }
4189}
4190.announcement-banner__theme-name {
4191  font-size: 14px;
4192}
4193@media (max-width: 767px) {
4194  .announcement-banner__theme-name--desktop {
4195    display: none;
4196  }
4197}
4198.announcement-banner__theme-name--mobile {
4199  display: none;
4200}
4201@media (max-width: 767px) {
4202  .announcement-banner__theme-name--mobile {
4203    display: inline;
4204  }
4205}
4206.announcement-banner__rotating-header {
4207  display: none;
4208  margin-left: 16px;
4209  color: var(--colorWhite);
4210  font-size: 14px;
4211}
4212.announcement-banner__rotating-header .rotating-text-item {
4213  margin-top: -1.5px;
4214  display: none;
4215}
4216@media (max-width: 1024px) {
4217  .announcement-banner__rotating-header {
4218    top: 20px;
4219  }
4220}
4221@media (min-width: 1024px) {
4222  .announcement-banner__rotating-header {
4223    display: block;
4224  }
4225}
4226.announcement-banner__rotating-header--icon {
4227  margin-right: 5px;
4228}
4229.announcement-banner__rotating-header--bold {
4230  font-weight: bold;
4231  margin-right: 2px;
4232}
4233
4234p.announcement-banner__text.mobile-only {
4235  display: none;
4236}
4237@media (max-width: 1024px) {
4238  p.announcement-banner__text.mobile-only {
4239    display: block !important;
4240  }
4241}
4242@media (max-width: 767px) {
4243  p.announcement-banner__text.mobile-only {
4244    display: block !important;
4245  }
4246}
4247</style>
4248
4249
4250<div class="announcement-banner">
4251  <div class="page-width">
4252    <div class="announcement-banner__left">
4253      <div class="announcement-banner__rotating-header">
4254        
4255          
4256        
4257          
4258        
4259          
4260        
4261          
4262        
4263          
4264        
4265          
4266        
4267          
4268        
4269          
4270        
4271          
4272        
4273          
4274            <div class="rotating-text-item">
4275              
4276              <span class="announcement-banner__rotating-header--bold">FREE AUS SHIPPING</span>
4277              <span>on orders over $130</span>
4278            </div>
4279          
4280        
4281          
4282            <div class="rotating-text-item">
4283              
4284              <span class="announcement-banner__rotating-header--bold">FAST METRO DELIVERY</span>
4285              <span>within 3-5 business days</span>
4286            </div>
4287          
4288        
4289          
4290            <div class="rotating-text-item">
4291              
4292              <span class="announcement-banner__rotating-header--bold">CLICK & COLLECT</span>
4293              <span>available in 15+ locations</span>
4294            </div>
4295          
4296        
4297          
4298            <div class="rotating-text-item">
4299              
4300              <span class="announcement-banner__rotating-header--bold">10% OFF YOUR FIRST ORDER</span>
4301              <span>with FILA Rewards*</span>
4302            </div>
4303          
4304        
4305      </div>
4306
4307      
4308
4309      
4310        
4311          <p class="announcement-banner__hashtag">
4312            
4313          </p>
4314        
4315      
4316    </div>
4317
4318    <p class="announcement-banner__text mobile-only">
4319      
4320        <a href="/collections/mid-season-sale">MID SEASON SALE ON NOW! Shop 50% Off New Arrivals*</a>
4321      
4322    </p>
4323
4324    <div class="announcement-banner__right">
4325      <a href="/pages/rewards" class="link-hover-underline"><span>Join Rewards</span></a>
4326      <a href="/pages/store-finder" class="link-hover-underline"><span>Store Finder</span></a>
4327      <a href="/pages/contact" class="link-hover-underline"><span>Contact Us</span></a>
4328    </div>
4329  </div>
4330</div>
4331
4332
4333<script>
4334"use strict";
4335
4336;
4337(function () {
4338  // length to fade in / out
4339  var FADE_LENGTH = 300;
4340  // length to display the next on the screen before fading out again
4341  var DISPLAY_LENGTH = 2800;
4342
4343  // get all items that we will rotate for display
4344  var rotatingTextItems = $('.rotating-text-item');
4345
4346  // index to keep track of currently displayed item
4347  var index = -1;
4348  function showNextTextBlock() {
4349    // increment our index
4350    ++index;
4351
4352    // get the text item that matches this index
4353    rotatingTextItems.eq(index % rotatingTextItems.length).fadeIn(FADE_LENGTH) // fade in the text item
4354    .delay(DISPLAY_LENGTH) // wait for a time period before proceeding
4355    .fadeOut(FADE_LENGTH, showNextTextBlock); // fade out the item and call the method again to get to the next item
4356  }
4357
4358  // start running the function
4359  showNextTextBlock();
4360})();
4361</script>
4361
4362
4363
4364<div class="header-wrapper">
4365  <div class="header flex stick" style="flex-direction:column; justify-content: center;">
4366    
4367      <a href="/collections/mid-season-sale">
4368        <div class="header-sub-caption">
4369          MID SEASON SALE ON NOW!
4370          <span class="cta">Shop 50% Off New Arrivals*</span>
4371        </div>
4372      </a>
4373    
4374
4375  <div class="header-sticky">
4376    <div class="page-width flex" style="flex-grow:1">
4377      <div class="header__inner">
4378        <div class="header__menu-button-wrapper">
4379          <button type="button" class="header__menu-button btn-sidebar-open"><i class="material-icons icon icon-md " >
4380  menu
4381</i>
4382
4383
4384
4385          </button>
4386
4387          <button type="button" class="header__sidebar-close-button btn-sidebar-close"><i class="material-icons icon icon-md " >
4388  close
4389</i>
4390
4391
4392
4393          </button>
4394
4395          <div class="header__search--mobile icon-button" onclick="openSearchPopout()"><i class="material-icons icon icon-lg " >
4396  search
4397</i>
4398
4399
4400
4401          </div>
4402        </div>
4403
4404        <a
4405          href="/"
4406          class="header__logo"
4407          title="Go to homepage"
4408        >
4409          
4410            <img
4411              src="//fila.com.au/cdn/shop/files/Original_Linear_FILA_Logo.png?v=1703199760"
4412              alt="FILA Australia"
4413              itemprop="logo"
4414            >
4415          
4416        </a>
4417        <div class="flex flex-1 h-full">
4418          <ul class="header__nav flex items-center h-full">
4419            
4420            
4421              
4422
4423              <li
4424                class="header__nav-item h-full flex items-center"
4425                
4426                  data-megamenu-name="Shoes"
4427                
4428              >
4429                <a
4430                  href="/collections/shoes"
4431                  onmouseenter="window.pendingMouseEnterNavEvent = event"
4432                  class="header__nav-item-link link-hover-underline "
4433                >
4434                  <span>Shoes</span>
4435                </a>
4436
4437                  <div class="header__megamenu">
4438                    <div class="page-width">
4439                      
4440                        <div class="header__sizes">
4441                          <div class="header__sizes-heading">Shop by Size:</div>
4442
4443                          <div class="header__sizes-list">
4444                            
4445                              
4446                                <a
4447                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5 US&sort_by=manual"
4448                                  class="header__sizes-list-item--bubble"
4449                                >
4450                                  5
4451                                </a>
4452                              
4453                                <a
4454                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=5.5 US&sort_by=manual"
4455                                  class="header__sizes-list-item--bubble"
4456                                >
4457                                  5.5
4458                                </a>
4459                              
4460                                <a
4461                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6 US&sort_by=manual"
4462                                  class="header__sizes-list-item--bubble"
4463                                >
4464                                  6
4465                                </a>
4466                              
4467                                <a
4468                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=6.5 US&sort_by=manual"
4469                                  class="header__sizes-list-item--bubble"
4470                                >
4471                                  6.5
4472                                </a>
4473                              
4474                                <a
4475                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7 US&sort_by=manual"
4476                                  class="header__sizes-list-item--bubble"
4477                                >
4478                                  7
4479                                </a>
4480                              
4481                                <a
4482                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=7.5 US&sort_by=manual"
4483                                  class="header__sizes-list-item--bubble"
4484                                >
4485                                  7.5
4486                                </a>
4487                              
4488                                <a
4489                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8 US&sort_by=manual"
4490                                  class="header__sizes-list-item--bubble"
4491                                >
4492                                  8
4493                                </a>
4494                              
4495                                <a
4496                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=8.5 US&sort_by=manual"
4497                                  class="header__sizes-list-item--bubble"
4498                                >
4499                                  8.5
4500                                </a>
4501                              
4502                                <a
4503                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9 US&sort_by=manual"
4504                                  class="header__sizes-list-item--bubble"
4505                                >
4506                                  9
4507                                </a>
4508                              
4509                                <a
4510                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=9.5 US&sort_by=manual"
4511                                  class="header__sizes-list-item--bubble"
4512                                >
4513                                  9.5
4514                                </a>
4515                              
4516                                <a
4517                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10 US&sort_by=manual"
4518                                  class="header__sizes-list-item--bubble"
4519                                >
4520                                  10
4521                                </a>
4522                              
4523                                <a
4524                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=10.5 US&sort_by=manual"
4525                                  class="header__sizes-list-item--bubble"
4526                                >
4527                                  10.5
4528                                </a>
4529                              
4530                                <a
4531                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11 US&sort_by=manual"
4532                                  class="header__sizes-list-item--bubble"
4533                                >
4534                                  11
4535                                </a>
4536                              
4537                                <a
4538                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=11.5 US&sort_by=manual"
4539                                  class="header__sizes-list-item--bubble"
4540                                >
4541                                  11.5
4542                                </a>
4543                              
4544                                <a
4545                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=12 US&sort_by=manual"
4546                                  class="header__sizes-list-item--bubble"
4547                                >
4548                                  12
4549                                </a>
4550                              
4551                                <a
4552                                  href="/collections/shoes?filter.v.availability=1&filter.v.option.size=13 US&sort_by=manual"
4553                                  class="header__sizes-list-item--bubble"
4554                                >
4555                                  13
4556                                </a>
4557                              
4558                            
4559                          </div>
4560                        </div>
4561                      
4562                    </div>
4563
4564                    <div class="header__megamenu-wrapper page-width">
4565                        <div class="header__megamenu-column">
4566                          <div class="header__megamenu-slider">
4567
4568                              <div class="header__megamenu-promotion">
4569                                <a href="/collections/mid-season-sale-footwear">
4570                                  <img
4571                                    class="header__megamenu-promotion-image"
4572                                    src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_
4572Shoes_large.webp?v=1789692370"
4573                                  >
4574                                </a>
4575
4576                                <a
4577                                  href="/collections/mid-season-sale-footwear"
4578                                  class="header__megamenu-promotion-heading"
4579                                >
4580                                  Mid Season Sale
4581                                </a>
4582
4583                                <a
4584                                  href="/collections/mid-season-sale-footwear"
4585                                  class="header__megamenu-promotion-action link-with-right-icon"
4586                                >
4587                                  <span>Shop Now</span>
4588                                  <i class="material-icons icon icon-md " >
4589  arrow_right_alt
4590</i>
4591
4592
4593
4594
4595                                </a>
4596                              </div>
4597
4598                              <div class="header__megamenu-promotion">
4599                                <a href="/collections/shoes-50-under">
4600                                  <img
4601                                    class="header__megamenu-promotion-image"
4602                                    src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360"
4603                                  >
4604                                </a>
4605
4606                                <a
4607                                  href="/collections/shoes-50-under"
4608                                  class="header__megamenu-promotion-heading"
4609                                >
4610                                  Footwear Under $50
4611                                </a>
4612
4613                                <a
4614                                  href="/collections/shoes-50-under"
4615                                  class="header__megamenu-promotion-action link-with-right-icon"
4616                                >
4617                                  <span>Shop Now</span>
4618                                  <i class="material-icons icon icon-md " >
4619  arrow_right_alt
4620</i>
4621
4622
4623
4624
4625                                </a>
4626                              </div>
4627
4628                              <div class="header__megamenu-promotion">
4629                                <a href="/collections/disruptor-ii">
4630                                  <img
4631                                    class="header__megamenu-promotion-image"
4632                                    src="//fila.com.au/cdn/shop/files/240628_Fila_Lifestyle_01010-2_large.png?v=1788150334"
4633                                  >
4634                                </a>
4635
4636                                <a
4637                                  href="/collections/disruptor-ii"
4638                                  class="header__megamenu-promotion-heading"
4639                                >
4640                                  Disruptor II
4641                                </a>
4642
4643                                <a
4644                                  href="/collections/disruptor-ii"
4645                                  class="header__megamenu-promotion-action link-with-right-icon"
4646                                >
4647                                  <span>Shop Now</span>
4648                                  <i class="material-icons icon icon-md " >
4649  arrow_right_alt
4650</i>
4651
4652
4653
4654
4655                                </a>
4656                              </div></div>
4657                        </div><div class="header__megamenu-column">
4658                          <div class="header__megamenu-column-title">
4659                            <a href="/collections/shoes">
4660                              Styles
4661                            </a>
4662                          </div><a href="/collections/shoes-styles-new-arrivals" class="header__megamenu-link">
4663                              New Arrivals
4664                            </a><a href="/collections/disruptor-ii" class="header__megamenu-link">
4665                              Disruptors
4666                            </a><a href="/collections/shoes-workshift-shoes" class="header__megamenu-link">
4667                              Workshift
4668                            </a><a href="/collections/shoes-slides" class="header__megamenu-link">
4669                              Slides
4670                            </a><a href="/collections/shoes-styles-basketball" class="header__megamenu-link">
4671                              Basketball
4672                            </a><a href="/collections/shoes-styles-tennis" class="header__megamenu-link">
4673                              Tennis
4674                            </a><a href="/collections/shoes-black-shoes" class="header__megamenu-link">
4675                              Black
4676                            </a><a href="/collections/white-shoes" class="header__megamenu-link">
4677                              White
4678                            </a></div><div class="header__megamenu-column">
4679                          <div class="header__megamenu-column-title">
4680                            <a href="/collections/shoes-mens-shoes">
4681                              Mens
4682                            </a>
4683                          </div><a href="https://fila.com.au/collections/mens-classic-footwear" class="header__megamenu-link">
4684                              Classics
4685                            </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=mens-or-unisex&sort_by=manual" class="header__megamenu-link">
4686                              $50 & Under
4687                            </a><a href="/collections/shoes-mens-sale" class="header__megamenu-link">
4688                              Outlet
4689                            </a><a href="/collections/shoes-mens-work" class="header__megamenu-link">
4690                              Work
4691                            </a><a href="/collections/shoes-mens-lifestyle" class="header__megamenu-link">
4692                              Lifestyle
4693                            </a><a href="/collections/shoes-mens-running-1" class="header__megamenu-link">
4694                              Running
4695                            </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="header__megamenu-link">
4696                              Slides & Slippers
4697                            </a><a href="/collections/shoes-mens-sports" class="header__megamenu-link">
4698                              Sports
4699                            </a></div><div class="header__megamenu-column">
4700                          <div class="header__megamenu-column-title">
4701                            <a href="/collections/shoes-womens-shoes">
4702                              Womens
4703                            </a>
4704                          </div><a href="https://fila.com.au/collections/womens-classic-footwear" class="header__megamenu-link">
4705                              Classics
4706                            </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=womens-or-unisex&sort_by=manual" class="header__megamenu-link">
4707                              $50 & Under
4708                            </a><a href="/collections/shoes-womens-sale" class="header__megamenu-link">
4709                              Outlet
4710                            </a><a href="/collections/shoes-womens-work" class="header__megamenu-link">
4711                              Work
4712                            </a><a href="/collections/shoes-womens-lifestyle" class="header__megamenu-link">
4713                              Lifestyle
4714                            </a><a href="/collections/shoes-womens-running" class="header__megamenu-link">
4715                              Running
4716                            </a><a href="/collections/shoes-womens-slides-slippers" class="header__megamenu-link">
4717                              Slides & Slippers
4718                            </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="header__megamenu-link">
4719                              Sports
4720                            </a></div><div class="header__megamenu-column">
4721                          <div class="header__megamenu-column-title">
4722                            <a href="/collections/shoes-kids-shoes">
4723                              Kids
4724                            </a>
4725                          </div><a href="https://fila.com.au/collections/kids-classic-footwear" class="header__megamenu-link">
4726                              Classics
4727                            </a><a href="https://fila.com.au/collections/footwear-50-under?filter.v.availability=1&filter.v.price.gte=0&filter.v.price.lte=200&filter.p.tag=kids&sort_by=manual" class="header__megamenu-link">
4728                              $50 & Under
4729                            </a><a href="/collections/shoes-kids-sale" class="header__megamenu-link">
4730                              Outlet
4731                            </a><a href="/collections/shoes-kids-school" class="header__megamenu-link">
4732                              School
4733                            </a><a href="/collections/shoes-kids-sports" class="header__megamenu-link">
4734                              Sports
4735                            </a><a href="/collections/shoes-kids-shoes-dial" class="header__megamenu-link">
4736                              Dial
4737                            </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="header__megamenu-link">
4738                              Infant
4739                            </a></div></div>
4740                  </div></li>
4741            
4742              
4743
4744              <li
4745                class="header__nav-item h-full flex items-center"
4746                
4747                  data-megamenu-name="Mens"
4748                
4749              >
4750                <a
4751                  href="/collections/mens"
4752                  onmouseenter="window.pendingMouseEnterNavEvent = event"
4753                  class="header__nav-item-link link-hover-underline "
4754                >
4755                  <span>Mens</span>
4756                </a>
4757
4758                  <div class="header__megamenu">
4759                    <div class="page-width">
4760                      
4761                        <div class="header__sizes">
4762                          <div class="header__sizes-heading">Shop by Size:</div>
4763
4764                          <div class="header__sizes-list">
4765                            
4766                              
4767                                
4768                                  <a
4769                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual"
4770                                    class="header__sizes-list-item--bubble"
4771                                  >XXS</a>
4772                                
4773                              
4774                                
4775                                  <a
4776                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual"
4777                                    class="header__sizes-list-item--bubble"
4778                                  >XS</a>
4779                                
4780                              
4781                                
4782                                  <a
4783                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual"
4784                                    class="header__sizes-list-item--bubble"
4785                                  >S</a>
4786                                
4787                              
4788                                
4789                                  <a
4790                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual"
4791                                    class="header__sizes-list-item--bubble"
4792                                  >M</a>
4793                                
4794                              
4795                                
4796                                  <a
4797                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual"
4798                                    class="header__sizes-list-item--bubble"
4799                                  >L</a>
4800                                
4801                              
4802                                
4803                                  <a
4804                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual"
4805                                    class="header__sizes-list-item--bubble"
4806                                  >XL</a>
4807                                
4808                              
4809                                
4810                                  <a
4811                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual"
4812                                    class="header__sizes-list-item--bubble"
4813                                  >XXL</a>
4814                                
4815                              
4816                                
4817                                  <a
4818                                    href="/collections/mens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual"
4819                                    class="header__sizes-list-item--bubble"
4820                                  >3XL</a>
4821                                
4822                              
4823                                
4824                                  
4825                                    <div class="header__sizes-list-divider"></div>
4826                                  
4827                                  <a
4828                                    href="/collections/shoes-mens-shoes?filter.v.availability=1&sort_by=manual"
4829                                    class="header__sizes-list-item--link"
4830                                  >Shoes</a>
4831                                
4832                              
4833                            
4834                          </div>
4835                        </div>
4836                      
4837                    </div>
4838
4839                    <div class="header__megamenu-wrapper page-width">
4840                        <div class="header__megamenu-column">
4841                          <div class="header__megamenu-slider">
4842
4843                              <div class="header__megamenu-promotion">
4844                                <a href="/collections/mid-season-sale-mens">
4845                                  <img
4846                                    class="header__megamenu-promotion-image"
4847                                    src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Men_s_d17279c0-e3cd-4bd6-8f0d-b93a57dddd38_large.webp?v=1789692235"
4848                                  >
4849                                </a>
4850
4851                                <a
4852                                  href="/collections/mid-season-sale-mens"
4853                                  class="header__megamenu-promotion-heading"
4854                                >
4855                                  Mid Season Sale
4856                                </a>
4857
4858                                <a
4859                                  href="/collections/mid-season-sale-mens"
4860                                  class="header__megamenu-promotion-action link-with-right-icon"
4861                                >
4862                                  <span>Shop Now</span>
4863                                  <i class="material-icons icon icon-md " >
4864  arrow_right_alt
4865</i>
4866
4867
4868
4869
4870                                </a>
4871                              </div>
4872
4873                              <div class="header__megamenu-promotion">
4874                                <a href="/collections/classics-2-0-mens">
4875                                  <img
4876                                    class="header__megamenu-promotion-image"
4877                                    src="//fila.com.au/cdn/shop/files/Classics_Men_s_large.webp?v=1779326861"
4878                                  >
4879                                </a>
4880
4881                                <a
4882                                  href="/collections/classics-2-0-mens"
4883                                  class="header__megamenu-promotion-heading"
4884                                >
4885                                  50% Off Classics 2.0
4886                                </a>
4887
4888                                <a
4889                                  href="/collections/classics-2-0-mens"
4890                                  class="header__megamenu-promotion-action link-with-right-icon"
4891                                >
4892                                  <span>Shop Now</span>
4893                                  <i class="material-icons icon icon-md " >
4894  arrow_right_alt
4895</i>
4896
4897
4898
4899
4900                                </a>
4901                              </div>
4902
4903                              <div class="header__megamenu-promotion">
4904                                <a href="/collections/shoes-50-under">
4905                                  <img
4906                                    class="header__megamenu-promotion-image"
4907                                    src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360"
4908                                  >
4909                                </a>
4910
4911                                <a
4912                                  href="/collections/shoes-50-under"
4913                                  class="header__megamenu-promotion-heading"
4914                                >
4915                                  Footwear Under $50
4916                                </a>
4917
4918                                <a
4919                                  href="/collections/shoes-50-under"
4920                                  class="header__megamenu-promotion-action link-with-right-icon"
4921                                >
4922                                  <span>Shop Now</span>
4923                                  <i class="material-icons icon icon-md " >
4924  arrow_right_alt
4925</i>
4926
4927
4928
4929
4930                                </a>
4931                              </div></div>
4932                        </div><div class="header__megamenu-column">
4933                          <div class="header__megamenu-column-title">
4934                            <a href="/collections/mens">
4935                              Featured
4936                            </a>
4937                          </div><a href="/collections/mens-mens-new-arrivals" class="header__megamenu-link">
4938                              New Arrivals
4939                            </a><a href="/collections/mens-mens-best-sellers" class="header__megamenu-link">
4940                              Best Sellers
4941                            </a><a href="/collections/mens-mens-classics" class="header__megamenu-link">
4942                              Classics
4943                            </a><a href="/collections/outlet-mens" class="header__megamenu-link">
4944                              Outlet
4945                            </a><a href="/collections/mens-international" class="header__megamenu-link">
4946                              International
4947                            </a><a href="/collections/mens-matching-sets" class="header__megamenu-link">
4948                              Matching Sets
4949                            </a></div><div class="header__megamenu-column">
4950                          <div class="header__megamenu-column-title">
4951                            <a href="/collections/mens-mens-apparel">
4952                              Apparel
4953                            </a>
4954                          </div><a href="/collections/mens-mens-apparel-mens-tops" class="header__megamenu-link">
4955                              Tops
4956                            </a><a href="/collections/mens-mens-apparel-mens-shorts" class="header__megamenu-link">
4957                              Shorts
4958                            </a><a href="/collections/mens-mens-apparel-mens-hoodies-crews" class="header__megamenu-link">
4959                              Hoodies & Crews
4960                            </a><a href="/collections/mens-mens-apparel-mens-jackets-vests" class="header__megamenu-link">
4961                              Jackets & Vests
4962                            </a><a href="/collections/mens-mens-apparel-mens-pants" class="header__megamenu-link">
4963                              Pants
4964                            </a><a href="/collections/mens-mens-apparel-mens-sportswear" class="header__megamenu-link">
4965                              Sportswear
4966                            </a></div><div class="header__megamenu-column">
4967                          <div class="header__megamenu-column-title">
4968                            <a href="/collections/shoes-mens-shoes">
4969                              Footwear
4970                            </a>
4971                          </div><a href="/collections/shoes-mens-lifestyle" class="header__megamenu-link">
4972                              Lifestyle
4973                            </a><a href="/collections/shoes-mens-sale" class="header__megamenu-link">
4974                              Outlet
4975                            </a><a href="/collections/shoes-mens-shoes-mens-slides-slippers" class="header__megamenu-link">
4976                              Slides & Slippers
4977                            </a><a href="/collections/shoes-mens-running-1" class="header__megamenu-link">
4978                              Running
4979                            </a><a href="/collections/shoes-mens-sports" class="header__megamenu-link">
4980                              Sports
4981                            </a><a href="/collections/shoes-mens-work" class="header__megamenu-link">
4982                              Work
4983                            </a></div><div class="header__megamenu-column">
4984                          <div class="header__megamenu-column-title">
4985                            <a href="/collections/mens-mens-accessories">
4986                              Accessories
4987                            </a>
4988                          </div><a href="/collections/mens-mens-accessories-mens-hats-caps" class="header__megamenu-link">
4989                              Hats & Caps
4990                            </a><a href="/collections/mens-mens-accessories-mens-bags-backpacks" class="header__megamenu-link">
4991                              Bags & Backpacks
4992                            </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link">
4993                              Socks
4994                            </a><a href="/collections/mens-mens-accessories-mens-towels" class="header__megamenu-link">
4995                              Towels
4996                            </a></div></div>
4997                  </div></li>
4998            
4999              
5000
5001              <li
5002                class="header__nav-item h-full flex items-center"
5003                
5004                  data-megamenu-name="Womens"
5005                
5006              >
5007                <a
5008                  href="/collections/womens"
5009                  onmouseenter="window.pendingMouseEnterNavEvent = event"
5010                  class="header__nav-item-link link-hover-underline "
5011                >
5012                  <span>Womens</span>
5013                </a>
5014
5015                  <div class="header__megamenu">
5016                    <div class="page-width">
5017                      
5018                        <div class="header__sizes">
5019                          <div class="header__sizes-heading">Shop by Size:</div>
5020
5021                          <div class="header__sizes-list">
5022                            
5023                              
5024                                
5025                                  <a
5026                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXS&sort_by=manual"
5027                                    class="header__sizes-list-item--bubble"
5028                                  >XXS</a>
5029                                
5030                              
5031                                
5032                                  <a
5033                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=XS&sort_by=manual"
5034                                    class="header__sizes-list-item--bubble"
5035                                  >XS</a>
5036                                
5037                              
5038                                
5039                                  <a
5040                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=S&sort_by=manual"
5041                                    class="header__sizes-list-item--bubble"
5042                                  >S</a>
5043                                
5044                              
5045                                
5046                                  <a
5047                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=M&sort_by=manual"
5048                                    class="header__sizes-list-item--bubble"
5049                                  >M</a>
5050                                
5051                              
5052                                
5053                                  <a
5054                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=L&sort_by=manual"
5055                                    class="header__sizes-list-item--bubble"
5056                                  >L</a>
5057                                
5058                              
5059                                
5060                                  <a
5061                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=XL&sort_by=manual"
5062                                    class="header__sizes-list-item--bubble"
5063                                  >XL</a>
5064                                
5065                              
5066                                
5067                                  <a
5068                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=XXL&sort_by=manual"
5069                                    class="header__sizes-list-item--bubble"
5070                                  >XXL</a>
5071                                
5072                              
5073                                
5074                                  <a
5075                                    href="/collections/womens?filter.v.availability=1&filter.v.option.size=3XL&sort_by=manual"
5076                                    class="header__sizes-list-item--bubble"
5077                                  >3XL</a>
5078                                
5079                              
5080                                
5081                                  
5082                                    <div class="header__sizes-list-divider"></div>
5083                                  
5084                                  <a
5085                                    href="/collections/shoes-womens-shoes?filter.v.availability=1&sort_by=manual"
5086                                    class="header__sizes-list-item--link"
5087                                  >Shoes</a>
5088                                
5089                              
5090                            
5091                          </div>
5092                        </div>
5093                      
5094                    </div>
5095
5096                    <div class="header__megamenu-wrapper page-width">
5097                        <div class="header__megamenu-column">
5098                          <div class="header__megamenu-slider">
5099
5100                              <div class="header__megamenu-promotion">
5101                                <a href="/collections/mid-season-sale-womens">
5102                                  <img
5103                                    class="header__megamenu-promotion-image"
5104                                    src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Women_s_1837d030-c327-428c-beed-a5464f71f8a2_large.webp?v=1789692306"
5105                                  >
5106                                </a>
5107
5108                                <a
5109                                  href="/collections/mid-season-sale-womens"
5110                                  class="header__megamenu-promotion-heading"
5111                                >
5112                                  Mid Season Sale
5113                                </a>
5114
5115                                <a
5116                                  href="/collections/mid-season-sale-womens"
5117                                  class="header__megamenu-promotion-action link-with-right-icon"
5118                                >
5119                                  <span>Shop Now</span>
5120                                  <i class="material-icons icon icon-md " >
5121  arrow_right_alt
5122</i>
5123
5124
5125
5126
5127                                </a>
5128                              </div>
5129
5130                              <div class="header__megamenu-promotion">
5131                                <a href="/collections/classics-2-0-womens">
5132                                  <img
5133                                    class="header__megamenu-promotion-image"
5134                                    src="//fila.com.au/cdn/shop/files/Classics_Women_s_large.webp?v=1779326882"
5135                                  >
5136                                </a>
5137
5138                                <a
5139                                  href="/collections/classics-2-0-womens"
5140                                  class="header__megamenu-promotion-heading"
5141                                >
5142                                  50% Off Classics 2.0
5143                                </a>
5144
5145                                <a
5146                                  href="/collections/classics-2-0-womens"
5147                                  class="header__megamenu-promotion-action link-with-right-icon"
5148                                >
5149                                  <span>Shop Now</span>
5150                                  <i class="material-icons icon icon-md " >
5151  arrow_right_alt
5152</i>
5153
5154
5155
5156
5157                                </a>
5158                              </div>
5159
5160                              <div class="header__megamenu-promotion">
5161                                <a href="/collections/shoes-50-under">
5162                                  <img
5163                                    class="header__megamenu-promotion-image"
5164                                    src="//fila.com.au/cdn/shop/files/250610_Fila_Lifestyle126989_large.jpg?v=1788143360"
5165                                  >
5166                                </a>
5167
5168                                <a
5169                                  href="/collections/shoes-50-under"
5170                                  class="header__megamenu-promotion-heading"
5171                                >
5172                                  Footwear Under $50
5173                                </a>
5174
5175                                <a
5176                                  href="/collections/shoes-50-under"
5177                                  class="header__megamenu-promotion-action link-with-right-icon"
5178                                >
5179                                  <span>Shop Now</span>
5180                                  <i class="material-icons icon icon-md " >
5181  arrow_right_alt
5182</i>
5183
5184
5185
5186
5187                                </a>
5188                              </div></div>
5189                        </div><div class="header__megamenu-column">
5190                          <div class="header__megamenu-column-title">
5191                            <a href="/collections/womens">
5192                              Featured
5193                            </a>
5194                          </div><a href="/collections/womens-womens-new-arrivals" class="header__megamenu-link">
5195                              New Arrivals
5196                            </a><a href="/collections/womens-womens-best-sellers" class="header__megamenu-link">
5197                              Best Sellers
5198                            </a><a href="/collections/womens-womens-classics" class="header__megamenu-link">
5199                              Classics
5200                            </a><a href="/collections/outlet-womens" class="header__megamenu-link">
5201                              Outlet
5202                            </a><a href="/collections/womens-international" class="header__megamenu-link">
5203                              International
5204                            </a><a href="/collections/womens-matching-sets" class="header__megamenu-link">
5205                              Matching Sets
5206                            </a></div><div class="header__megamenu-column">
5207                          <div class="header__megamenu-column-title">
5208                            <a href="/collections/womens-womens-apparel">
5209                              Apparel
5210                            </a>
5211                          </div><a href="/collections/womens-womens-apparel-womens-tops" class="header__megamenu-link">
5212                              Tops
5213                            </a><a href="/collections/womens-womens-apparel-womens-shorts-skirts" class="header__megamenu-link">
5214                              Shorts & Skirts
5215                            </a><a href="/collections/womens-womens-apparel-womens-hoodies-crews" class="header__megamenu-link">
5216                              Hoodies & Crews
5217                            </a><a href="/collections/womens-womens-apparel-womens-jackets-vests" class="header__megamenu-link">
5218                              Jackets & Vests
5219                            </a><a href="/collections/womens-womens-apparel-womens-pants" class="header__megamenu-link">
5220                              Pants
5221                            </a><a href="/collections/womens-womens-apparel-womens-tights-leggings" class="header__megamenu-link">
5222                              Tights & Leggings
5223                            </a><a href="https://fila.com.au/collections/womens-featured-womens-womens-activewear" class="header__megamenu-link">
5224                              Activewear
5225                            </a></div><div class="header__megamenu-column">
5226                          <div class="header__megamenu-column-title">
5227                            <a href="/collections/shoes-womens-shoes">
5228                              Footwear
5229                            </a>
5230                          </div><a href="/collections/shoes-womens-lifestyle" class="header__megamenu-link">
5231                              Lifestyle
5232                            </a><a href="/collections/shoes-womens-sale" class="header__megamenu-link">
5233                              Outlet
5234                            </a><a href="/collections/shoes-womens-running" class="header__megamenu-link">
5235                              Running
5236                            </a><a href="/collections/shoes-womens-slides-slippers" class="header__megamenu-link">
5237                              Slides & Slippers
5238                            </a><a href="/collections/shoes-womens-shoes-womens-sport-shoes" class="header__megamenu-link">
5239                              Sports
5240                            </a><a href="/collections/shoes-womens-work" class="header__megamenu-link">
5241                              Work
5242                            </a></div><div class="header__megamenu-column">
5243                          <div class="header__megamenu-column-title">
5244                            <a href="/collections/womens-womens-accessories">
5245                              Accessories
5246                            </a>
5247                          </div><a href="/collections/womens-womens-accessories-womens-hats-caps" class="header__megamenu-link">
5248                              Hats & Caps
5249                            </a><a href="/collections/womens-womens-accessories-womens-bags-backpacks" class="header__megamenu-link">
5250                              Bags & Backpacks
5251                            </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link">
5252                              Socks
5253                            </a><a href="/collections/womens-womens-accessories-womens-towels" class="header__megamenu-link">
5254                              Towels
5255                            </a></div></div>
5256                  </div></li>
5257            
5258              
5259
5260              <li
5261                class="header__nav-item h-full flex items-center"
5262                
5263                  data-megamenu-name="Kids"
5264                
5265              >
5266                <a
5267                  href="/collections/kids"
5268                  onmouseenter="window.pendingMouseEnterNavEvent = event"
5269                  class="header__nav-item-link link-hover-underline "
5270                >
5271                  <span>Kids</span>
5272                </a>
5273
5274                  <div class="header__megamenu">
5275                    <div class="page-width">
5276                      
5277                    </div>
5278
5279                    <div class="header__megamenu-wrapper page-width">
5280                        <div class="header__megamenu-column">
5281                          <div class="header__megamenu-slider">
5282
5283                              <div class="header__megamenu-promotion">
5284                                <a href="/collections/mid-season-sale-kids">
5285                                  <img
5286                                    class="header__megamenu-promotion-image"
5287                                    src="//fila.com.au/cdn/shop/files/Mid_Season_Sale_Mega_Menu_-_Kids_23475e0a-782e-4e96-a438-dc9c193419ee_large.webp?v=1789692336"
5288                                  >
5289                                </a>
5290
5291                                <a
5292                                  href="/collections/mid-season-sale-kids"
5293                                  class="header__megamenu-promotion-heading"
5294                                >
5295                                  Mid Season Sale
5296                                </a>
5297
5298                                <a
5299                                  href="/collections/mid-season-sale-kids"
5300                                  class="header__megamenu-promotion-action link-with-right-icon"
5301                                >
5302                                  <span>Shop Now</span>
5303                                  <i class="material-icons icon icon-md " >
5304  arrow_right_alt
5305</i>
5306
5307
5308
5309
5310                                </a>
5311                              </div>
5312
5313                              <div class="header__megamenu-promotion">
5314                                <a href="/collections/classics-2-0-kids">
5315                                  <img
5316                                    class="header__megamenu-promotion-image"
5317                                    src="//fila.com.au/cdn/shop/files/Classics_Kids_large.webp?v=1779326902"
5318                                  >
5319                                </a>
5320
5321                                <a
5322                                  href="/collections/classics-2-0-kids"
5323                                  class="header__megamenu-promotion-heading"
5324                                >
5325                                  50% Off Classics 2.0
5326                                </a>
5327
5328                                <a
5329                                  href="/collections/classics-2-0-kids"
5330                                  class="header__megamenu-promotion-action link-with-right-icon"
5331                                >
5332                                  <span>Shop Now</span>
5333                                  <i class="material-icons icon icon-md " >
5334  arrow_right_alt
5335</i>
5336
5337
5338
5339
5340                                </a>
5341                              </div></div>
5342                        </div><div class="header__megamenu-column">
5343                          <div class="header__megamenu-column-title">
5344                            <a href="/collections/kids">
5345                              Featured
5346                            </a>
5347                          </div><a href="/collections/kids-kids-new-arrivals" class="header__megamenu-link">
5348                              New Arrivals
5349                            </a><a href="/collections/kids-kids-best-sellers" class="header__megamenu-link">
5350                              Best Sellers
5351                            </a><a href="/collections/kids-kids-classics" class="header__megamenu-link">
5352                              Classics
5353                            </a><a href="/collections/outlet-kids" class="header__megamenu-link">
5354                              Outlet
5355                            </a><a href="/collections/kids-schoolwear" class="header__megamenu-link">
5356                              Schoolwear
5357                            </a><a href="/collections/kids-matching-sets" class="header__megamenu-link">
5358                              Matching Sets
5359                            </a></div><div class="header__megamenu-column">
5360                          <div class="header__megamenu-column-title">
5361                            <a href="/collections/kids-kids-apparel">
5362                              Apparel
5363                            </a>
5364                          </div><a href="/collections/kids-kids-apparel-kids-tops" class="header__megamenu-link">
5365                              Tops
5366                            </a><a href="/collections/kids-kids-apparel-kids-bottoms" class="header__megamenu-link">
5367                              Bottoms
5368                            </a><a href="/collections/kids-kids-apparel-boys-apparel" class="header__megamenu-link">
5369                              Boys
5370                            </a><a href="/collections/kids-kids-apparel-girls-apparel" class="header__megamenu-link">
5371                              Girls
5372                            </a><a href="/collections/kids-kids-apparel-school" class="header__megamenu-link">
5373                              School
5374                            </a></div><div class="header__megamenu-column">
5375                          <div class="header__megamenu-column-title">
5376                            <a href="/collections/shoes-kids-shoes">
5377                              Footwear
5378                            </a>
5379                          </div><a href="/collections/kids-kids-footwear-sneakers" class="header__megamenu-link">
5380                              Sneakers
5381                            </a><a href="/collections/kids-kids-footwear-kids-running-sport-shoes" class="header__megamenu-link">
5382                              Running & Sports
5383                            </a><a href="/collections/shoes-kids-school" class="header__megamenu-link">
5384                              School Shoes
5385                            </a><a href="/collections/shoes-kids-shoes-dial" class="header__megamenu-link">
5386                              Dial
5387                            </a><a href="/collections/kids-strap-shoes" class="header__megamenu-link">
5388                              Strap Shoes
5389                            </a><a href="/collections/shoes-kids-shoes-kids-slides-slippers" class="header__megamenu-link">
5390                              Slides
5391                            </a><a href="/collections/shoes-kids-shoes-infant-shoes" class="header__megamenu-link">
5392                              Infant
5393                            </a></div><div class="header__megamenu-column">
5394                          <div class="header__megamenu-column-title">
5395                            <a href="/collections/kids-kids-accessories">
5396                              Accessories
5397                            </a>
5398                          </div><a href="/collections/kids-kids-accessories-kids-bags-backpacks" class="header__megamenu-link">
5399                              Bags & Backpacks
5400                            </a><a href="https://fila.com.au/collections/accessories-socks" class="header__megamenu-link">
5401                              Socks
5402                            </a></div></div>
5403                  </div></li>
5404            
5405              
5406
5407              <li
5408                class="header__nav-item h-full flex items-center"
5409                
5410              >
5411                <a
5412                  href="/collections/accessories"
5413                  onmouseenter="window.pendingMouseEnterNavEvent = event"
5414                  class="header__nav-item-link link-hover-underline "
5415                >
5416                  <span>Accessories</span>
5417                </a></li>
5418            
5419              
5420
5421              <li
5422                class="header__nav-item h-full flex items-center"
5423                
5424              >
5425                <a
5426                  href="/collections/mid-season-sale"
5427                  onmouseenter="window.pendingMouseEnterNavEvent = event"
5428                  class="header__nav-item-link link-hover-underline header__nav-item-link--red"
5429                >
5430                  <span>Mid Season Sale</span>
5431                </a></li>
5432            
5433          </ul>
5434          <div class="header__nav-spacer"></div>
5435        </div>
5436
5437        
5438        
5439        
5440
5441        <!-- REMOVE AFTER 2022-12-03 -->
5442        
5443
5444        <div class="header__links flex items-center">
5445          <button
5446            type="button"
5447            class="header__search--desktop"
5448            onclick="openSearchPopout()"
5449          >
5450            <p>Search...</p><i class="material-icons icon icon-md " >
5451  search
5452</i>
5453
5454
5455
5456          </button>
5457
5458          <a href="/account/login" class="header__wishlist icon-button"><i class="material-icons-outlined icon icon-lg " >
5459  account_circle
5460</i>
5461
5462
5463
5464          </a>
5465
5466          <a href="/pages/wishlist" class="header__wishlist icon-button"><i class="material-icons-outlined icon icon-lg " >
5467  favorite_border
5468</i>
5469
5470
5471
5472            <div class="header__wishlist-count" aria-hidden>0</div>
5473          </a>
5474
5475          <a href="/cart" class="icon-button shopping-bag-button"><i class="material-icons-outlined icon icon-lg " >
5476  shopping_bag
5477</i>
5478
5479
5480
5481            <div class="shopping-bag-count ">
5482              0
5483            </div>
5484          </a>
5485        </div>
5486      </div>
5487    </div>
5488  </div>
5489  </div>
5490</div>
5491<style>
5492.popout-cart-wrapper {
5493  position: fixed;
5494  top: 0;
5495  right: 0;
5496  background: var(--colorBlackAlpha150);
5497  width: 100%;
5498  height: 100%;
5499  z-index: var(--zIndexCartPopout);
5500  opacity: 0;
5501  pointer-events: none;
5502  transition: 300ms ease opacity;
5503}
5504.popout-cart-wrapper .popout-cart {
5505  transition: 300ms ease transform;
5506}
5507.popout-cart-wrapper.open {
5508  opacity: 1;
5509  pointer-events: all;
5510}
5511.popout-cart-wrapper.open .popout-cart {
5512  transform: translateX(-100%) translate3d(0, 0, 0);
5513}
5514
5515.qty-update-mini-cart {
5516  border: solid 1px var(--colorLightGray);
5517  width: 50px;
5518  padding-left: 5px;
5519  border-radius: 2px;
5520}
5521
5522.bundle-prompt {
5523  color: var(--colorRatingGold);
5524  font-size: 12px;
5525  text-decoration: underline;
5526  font-weight: bold;
5527  margin-bottom: 5px;
5528  line-height: 1.2;
5529}
5530
5531.cart-free-shipping-spend-more-prompt {
5532  margin-bottom: 24px;
5533  text-align: center;
5534  padding: 8px;
5535  border: 2px solid var(--colorAlertGreen);
5536  color: var(--colorAlertGreen);
5537  background: var(--colorBackgroundGray);
5538  font-weight: bold;
5539  font-family: var(--fontSecondary);
5540  display: flex;
5541  align-items: center;
5542  justify-content: center;
5543  border-radius: 2px;
5544  font-size: 14px;
5545}
5546.cart-free-shipping-spend-more-prompt img {
5547  margin-right: 8px;
5548}
5549
5550.cart-discount-spend-more-prompt {
5551  margin-bottom: 24px;
5552  text-align: center;
5553  padding: 8px;
5554  border: 2px solid var(--colorRedDark);
5555  color: var(--colorRedDark);
5556  background: var(--colorBackgroundGray);
5557  font-weight: bold;
5558  font-family: var(--fontSecondary);
5559  display: flex;
5560  align-items: center;
5561  justify-content: center;
5562  border-radius: 2px;
5563  font-size: 14px;
5564}
5565.cart-discount-spend-more-prompt img {
5566  margin-right: 8px;
5567}
5568
5569.cart-totals hr:last-of-type {
5570  margin-bottom: 24px;
5571}
5572
5573.cart-total {
5574  padding-top: 16px;
5575  padding-bottom: 16px;
5576  color: var(--colorBlackAlpha600);
5577  display: flex;
5578  align-items: center;
5579  justify-content: space-between;
5580}
5581.cart-total > :nth-child(2) {
5582  font-size: 18px;
5583}
5584.cart-total h3 {
5585  font-size: 16px;
5586  color: var(--colorBlackAlpha600);
5587}
5588.cart-total.total {
5589  color: var(--colorNavy);
5590  align-items: flex-start;
5591}
5592.cart-total.total h3 {
5593  font-size: 18px;
5594  color: var(--colorNavy);
5595}
5596.cart-total.discounts b {
5597  color: var(--colorRed);
5598}
5599.cart-total .total-price-with-gst {
5600  text-align: right;
5601  font-size: 20px;
5602  line-height: 1;
5603}
5604.cart-total .total-price-with-gst small {
5605  color: var(--colorBlackAlpha600);
5606  font-size: 12px;
5607}
5608
5609.free-shipping-disclaimer {
5610  text-align: center;
5611  color: var(--colorBlackAlpha600);
5612  display: block;
5613  width: 100%;
5614}
5615
5616.popout-cart {
5617  position: fixed;
5618  top: 0;
5619  left: 100%;
5620  height: 100%;
5621  display: flex;
5622  flex-direction: column;
5623  box-shadow: -5px 4px 20px rgba(0, 0, 0, 0.15);
5624  background: #fff;
5625  width: 90vw;
5626  max-width: 480px;
5627  transform: translateX(0%) translate3d(0, 0, 0);
5628}
5629@media (max-width: 767px) {
5630  .popout-cart {
5631    width: 85vw;
5632  }
5633}
5634.popout-cart .loading {
5635  position: absolute;
5636  width: 100%;
5637  top: 50%;
5638  display: none;
5639  justify-content: center;
5640  align-items: center;
5641}
5642.popout-cart.loading .loading {
5643  display: flex;
5644}
5645.popout-cart.loading > .popout-cart-content {
5646  opacity: 0.4;
5647}
5648.popout-cart .button {
5649  font-size: 14px;
5650}
5651.popout-cart .checkout-button {
5652  min-height: 56px;
5653  padding-right: 40px;
5654  font-size: 16px;
5655}
5656.popout-cart .checkout-button i.icon {
5657  font-size: 18px;
5658}
5659.popout-cart .view-cart-link {
5660  text-decoration: underline;
5661  color: var(--colorNavy);
5662  width: 100%;
5663  font-weight: bold;
5664  font-family: var(--fontSecondary);
5665  display: block;
5666  margin-bottom: 16px;
5667  font-size: 14px;
5668}
5669.popout-cart .cart-item {
5670  display: flex;
5671  margin-bottom: 24px;
5672  position: relative;
5673}
5674.popout-cart .cart-item:not(:first-of-type) {
5675  margin-top: 24px;
5676}
5677@media (max-width: 767px) {
5678  .popout-cart .cart-item:not(:first-of-type) {
5679    margin-top: 16px;
5680  }
5681}
5682.popout-cart .cart-item .product-image {
5683  flex-shrink: 0;
5684  display: block;
5685  margin-right: 16px;
5686}
5687.popout-cart .cart-item .product-image img {
5688  object-fit: cover;
5689  width: 100px;
5690  height: 125px;
5691}
5692.popout-cart .cart-item .remove-from-cart {
5693  position: absolute;
5694  top: 0;
5695  right: 0;
5696  cursor: pointer;
5697  color: var(--colorLightGray);
5698  transition: 100ms ease color;
5699}
5700.popout-cart .cart-item .remove-from-cart:hover {
5701  color: var(--colorBlackAlpha700);
5702}
5703.popout-cart .cart-item .qty-selector {
5704  font-size: 14px;
5705  margin-bottom: 8px;
5706}
5707.popout-cart .cart-item .qty-selector .select {
5708  min-width: 64px;
5709  padding: 6px 12px;
5710  border: 0;
5711  font-size: 14px;
5712}
5713.popout-cart .cart-item .details {
5714  flex-grow: 1;
5715  color: var(--colorBlackAlpha600);
5716}
5717.popout-cart .cart-item .details .original-price {
5718  text-decoration: line-through;
5719}
5720.popout-cart .cart-item .details .sale-price {
5721  color: var(--colorRed);
5722}
5723.popout-cart .cart-item .details p {
5724  margin-bottom: 5px;
5725  font-size: 14px;
5726}
5727.popout-cart .cart-item .details .sku {
5728  font-size: 12px;
5729}
5730.popout-cart .cart-item .details .title {
5731  font-weight: bold;
5732  font-family: var(--fontSecondary);
5733  color: var(--colorNavy);
5734  font-size: 16px;
5735}
5736.popout-cart .cart-item .total {
5737  color: var(--colorNavy);
5738  font-size: 14px;
5739  line-height: 1.2;
5740  text-align: right;
5741}
5742.popout-cart .cart-item .total .price {
5743  font-size: 16px;
5744  font-weight: bold;
5745  font-family: var(--fontSecondary);
5746}
5747.popout-cart .cart-item .cart-item__move-to-wishlist {
5748  font-size: 12px;
5749  font-weight: bold;
5750  font-family: var(--fontSecondary);
5751  color: var(--colorNavy);
5752  text-decoration: underline;
5753  cursor: pointer;
5754  transition: 200ms ease color;
5755  margin-right: 16px;
5756  line-height: 1.2;
5757  text-align: left;
5758}
5759.popout-cart .cart-item .cart-item__move-to-wishlist:hover {
5760  color: var(--colorNavyLight);
5761}
5762.popout-cart .cart-item .cart-item__footer {
5763  display: flex;
5764  justify-content: space-between;
5765  align-items: center;
5766}
5767.popout-cart .cart-item--bundle-item {
5768  margin: 0;
5769}
5770.popout-cart .cart-item--bundle-item:not(:first-of-type) {
5771  margin-top: 12px;
5772}
5773.popout-cart .cart-item--bundle-item .product-image {
5774  margin-right: 12px;
5775}
5776.popout-cart .cart-item--bundle-item .product-image img {
5777  width: 64px;
5778  height: 80px;
5779}
5780.popout-cart .cart-item--bundle-item .details {
5781  display: flex;
5782  flex-direction: column;
5783  justify-content: center;
5784}
5785.popout-cart .cart-item--bundle-item .details p {
5786  margin-bottom: 2px;
5787}
5788.popout-cart .cart-item--bundle-item .details p:last-child {
5789  margin-bottom: 0;
5790}
5791
5792.popout-cart-header {
5793  background: var(--colorNavy);
5794  padding: 40px 24px 24px;
5795  color: #fff;
5796  font-size: 1.4em;
5797  font-weight: bold;
5798  font-family: var(--fontSecondary);
5799  display: flex;
5800  align-items: flex-end;
5801  justify-content: space-between;
5802  line-height: 1;
5803}
5804@media (max-width: 767px) {
5805  .popout-cart-header {
5806    padding: 24px 16px 24px;
5807  }
5808}
5809.popout-cart-header > .left {
5810  display: flex;
5811  align-items: center;
5812}
5813.popout-cart-header > .left .icon {
5814  margin-right: 8px;
5815  margin-bottom: 2px;
5816}
5817
5818.popout-cart-content {
5819  background: white;
5820  padding: 24px 24px 64px;
5821  flex-grow: 1;
5822  transition: 300ms ease opacity;
5823  overflow-y: auto;
5824}
5825@media (max-width: 767px) {
5826  .popout-cart-content {
5827    padding: 16px 16px 80px;
5828  }
5829}
5830
5831.cart-item-bundle {
5832  border: 1px solid var(--colorLightBlue300);
5833  background: var(--colorBackgroundGray);
5834  margin-bottom: 24px;
5835}
5836.cart-item-bundle:not(:first-of-type) {
5837  margin-top: 24px;
5838}
5839@media (max-width: 767px) {
5840  .cart-item-bundle:not(:first-of-type) {
5841    margin-top: 16px;
5842  }
5843}
5844.cart-item-bundle-header {
5845  padding: 12px 16px;
5846  display: flex;
5847  align-items: center;
5848  justify-content: space-between;
5849  border-bottom: 1px solid var(--colorLightBlue300);
5850}
5851.cart-item-bundle-header h5 {
5852  font-size: 16px;
5853  font-family: var(--fontSecondary);
5854  color: var(--colorNavy);
5855}
5856.cart-item-bundle-header .remove-from-cart {
5857  height: 24px;
5858  color: var(--colorBlackAlpha400);
5859}
5860.cart-item-bundle-body {
5861  padding: 16px;
5862}
5863.cart-item-bundle-footer {
5864  padding: 14px;
5865  border-top: 1px solid var(--colorLightBlue300);
5866  color: var(--colorNavy);
5867  line-height: 1.2;
5868  text-align: right;
5869}
5870.cart-item-bundle-footer .price {
5871  font-size: 16px;
5872  font-weight: bold;
5873  font-family: var(--fontSecondary);
5874}
5875</style>
5876
5877
5878
5879
5880<span id="total-product-count" style="display: none">0</span>
5881
5882<div
5883  class="popout-cart-wrapper"
5884  id="popout-cart"
5885  onclick="closePopoutCart()">
5886  <div class="popout-cart">
5887    <div class="popout-cart-header">
5888      <div class="left"><i class="material-icons-outlined icon icon-lg " >
5889  shopping_bag
5890</i>
5891
5892
5893
5894        <span>Shopping Cart</span>
5895      </div>
5896
5897      <button type="button" onclick="closePopoutCart()"><i class="material-icons icon icon-lg " >
5898  close
5899</i>
5900
5901
5902
5903      </button>
5904    </div>
5905
5906    <div class="loading">
5907      <div class="lds-ring">
5908        <div></div>
5909        <div></div>
5910        <div></div>
5911        <div></div>
5912      </div>
5913    </div>
5914
5915    <div class="popout-cart-content" onclick="handleCartContentClick(event)">
5916      
5917        <p>Your cart is empty.
5918          <a href="/" class="link">Get shopping!</a>
5919        </p>
5920      
5921      
5921<script>
5922        function updateFloatingCheckoutPrice() {
5923          console.log("$0.00")
5924          if (document.getElementById('mobile-checkout-floating-price')) {
5925            document.getElementById('mobile-checkout-floating-price').innerText = "$0.00"
5926
5927            if (parseInt("0") > 0) {
5928              document.querySelector('.mobile-checkout-floating').style.display = 'block';
5929            } else {
5930              document.querySelector('.mobile-checkout-floating').style.display = 'none';
5931            }
5932          }
5933        }
5934
5935        updateFloatingCheckoutPrice()
5936      </script>
5936
5937    </div>
5938  </div>
5939</div>
5940
5941
vendor: 9,257 bytes, lines 5942-5946
5942<script>
5943"use strict";
5944
5945function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
5946function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEac
vendor: 4,832 bytes, lines 5946-5953
5946h(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
5947function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
5948function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
5949function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5950function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
5951function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
5952function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
5953function _nonIterableRest() { throw new TypeError("Invalid attempt to de
5953structure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
5954function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
5955function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
5956function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
5957function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
5958function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5959function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
5960function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5961function _asyncIterator(iterable) { var method, async, sync, retry = 2; for ("undefined" != typeof Symbol && (async = Symbol.asyncIterator, sync = Symbol.iterator); retry--;) { if (async && null != (method = iterable[async])) return method.call(iterable); if (sync && null != (method = iterable[sync])) return new AsyncFromSyncIterator(method.call(iterable)); async = "@@asyncIterator", sync = "@@iterator"; } throw new TypeError("Object is not async iterable"); }
5962function AsyncFromSyncIterator(s) { function AsyncFromSyncIteratorContinuation(r) { if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); var done = r.done; return Promise.resolve(r.value).then(function (value) { return { value: value, done: done }; }); } return AsyncFromSyncIterator = function AsyncFromSyncIterator(s) { this.s = s, this.n = s.next; }, AsyncFromSyncIterator.prototype = { s: null, n: null, next: function next() { return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); }, "return": function _return(value) { var ret = this.s["return"]; return void 0 === ret ? Promise.resolve({ value: value, done: !0 }) : AsyncFromSyncIteratorContinuation(ret.apply(this.s, arguments)); }, "throw": function _throw(value) { var thr = this.s["return"]; return void 0 === thr ? Promise.reject(value) : AsyncFromSyncIteratorContinuation(thr.apply(this.s, arguments)); } }, new AsyncFromSyncIterator(s); }
5963$(document).ready(function () {
5964  $('.shopping-bag-button').on('click', function (event) {
5965    event.preventDefault();
5966    openPopoutCart();
5967  });
5968  theme.validateCart();
5969});
5970function openPopoutCart() {
5971  var popoutCart = document.getElementById('popout-cart');
5972  var popoutCartContent = document.querySelector('.popout-cart-content');
5973  popoutCart.classList.add('open');
5974  theme.a11y.lockScrolling(popoutCartContent);
5975}
5976function closePopoutCart() {
5977  var loadingSpinner = document.querySelector('.popout-cart');
5978  var popoutCart = document.getElementById('popout-cart');
5979  var popoutCartContent = document.querySelector('.popout-cart-content');
5980
5981  //If no cart items are being updated, allow the popout cart to close.
5982  //This prevents the user from closing the popout menu too quickly.
5983  if (!loadingSpinner.classList.contains('loading')) {
5984    popoutCart.classList.remove('open');
5985    theme.a11y.unlockScrolling(popoutCartContent);
5986  }
5987}
5988function handleCartContentClick(event) {
5989  event.stopPropagation();
5990  return false;
5991}
5992function moveFromCartToWishlist(productID, lineKey, refreshOnComplete, lineProperties) {
5993  var confirmed = window.confirm('Move product to wishlist?');
5994  if (!confirmed) return;
5995  function handleSuccess() {
5996    if (refreshOnComplete) {
5997      window.location.reload(false);
5998    }
5999  }
6000  theme.saveProductToWishlist(String(productID)).then(function () {
6001    if (window.refreshWishlistGrid) {
6002      window.refreshWishlistGrid();
6003    }
6004    removeLineFromCart(lineKey, handleSuccess, true, lineProperties);
6005  });
6006}
6007
6008// Compares two sets of line properties regardless of key order. Values are compared as
6009// strings because /cart.js returns every property value as a string.
6010function cartLinePropertiesMatch(a, b) {
6011  var left = a || {};
6012  var right = b || {};
6013  var leftKeys = Object.keys(left).sort();
6014  var rightKeys = Object.keys(right).sort();
6015  if (leftKeys.length !== rightKeys.length) return false;
6016  return leftKeys.every(function (key, index) {
6017    return key === rightKeys[index] && String(left[key]) === String(right[key]);
6018  });
6019}
6020
6021// Re-resolves a cart line's current key (they can go stale when discounts shift), falling
6022// back to variant ID + properties. Resolves to null if the line no longer exists.
6023function resolveCartLineKey(lineKey, lineProperties) {
6024  return fetch('/cart.js').then(function (response) {
6025    return response.json();
6026  }).then(function (cart) {
6027    var byKey = cart.items.find(function (item) {
6028      return item.key === lineKey;
6029    });
6030    if (byKey) return byKey.key;
6031    var variantId = String(lineKey).split(':')[0];
6032    var byIdentity = cart.items.find(function (item) {
6033      return String(item.variant_id) === variantId && cartLinePropertiesMatch(item.properties, lineProperties);
6034    });
6035    return byIdentity ? byIdentity.key : null;
6036  });
6037}
6038function postCartLineQuantity(lineKey, quantity) {
6039  return fetch('/cart/update.js', {
6040    method: 'POST',
6041    headers: {
6042      'Content-Type': 'application/json'
6043    },
6044    body: JSON.stringify({
6045      updates: _defineProperty({}, lineKey, quantity)
6046    })
6047  }).then(function (response) {
6048    return response.json().then(function (cart) {
6049      return {
6050        ok: response.ok,
6051        cart: cart
6052      };
6053    });
6054  });
6055}
6056
6057// Sets a cart line's quantity (0 removes it). Posts with the rendered key first, which is
6058// valid in the common case, and only pays for a /cart.js round trip to re-resolve the key
6059// when the response shows the line wasn't matched (keys rotate when discount allocation
6060// changes). Resolves to false if the line no longer exists.
6061function updateCartLineQuantity(lineKey, quantity, lineProperties) {
6062  var parsedQuantity = Number(quantity);
6063
6064  // A cleared input coerces to 0; don't treat it as a removal request.
6065  if (quantity === '' || !Number.isFinite(parsedQuantity) || parsedQuantity < 0) {
6066    return Promise.resolve(false);
6067  }
6068  var wantsRemoval = parsedQuantity === 0;
6069
6070  // For a removal, "key absent from the returned cart" is not proof on its own: an unmatched
6071  // (stale) key is a silent no-op that also returns a cart without that key. The line must
6072  // also be gone by identity (variant ID + properties) before the removal counts.
6073  function lineWasUpdated(result) {
6074    if (!result.ok || !result.cart || !result.cart.items) return false;
6075    var line = result.cart.items.find(function (item) {
6076      return item.key === lineKey;
6077    });
6078    if (wantsRemoval) {
6079      if (line) return false;
6080      var variantId = String(lineKey).split(':')[0];
6081      var lineByIdentity = result.cart.items.find(function (item) {
6082        return String(item.variant_id) === variantId && cartLinePropertiesMatch(item.properties, lineProperties);
6083      });
6084      return !lineByIdentity;
6085    }
6086    return !!line && Number(line.quantity) === parsedQuantity;
6087  }
6088  return postCartLineQuantity(lineKey, quantity).then(function (result) {
6089    if (lineWasUpdated(result)) return true;
6090    return resolveCartLineKey(lineKey, lineProperties).then(function (currentKey) {
6091      if (!currentKey) {
6092        console.warn('Cart line not found for update, refreshing cart.', lineKey);
6093        return false;
6094      }
6095      if (currentKey === lineKey) return true;
6096      return postCartLineQuantity(currentKey, quantity).then(function () {
6097        return true;
6098      });
6099    });
6100  });
6101}
6102
6103// Keyed by line key, not variant ID: a variant can exist in more than one cart line (e.g.
6104// shared with a bundle group), and a variant-ID-keyed update can zero the wrong line.
6105// The key is only re-resolved if the update misses.
6106function removeLineFromCart(lineKey, callback, skipConfirmation, lineProperties) {
6107  if (!skipConfirmation) {
6108    var confirmed = window.confirm('Remove item from cart?');
6109    if (!confirmed) return;
6110  }
6111  showCartLoading();
6112  updateCartLineQuantity(lineKey, 0, lineProperties).then(function () {
6113    if (callback) {
6114      callback();
6115    }
6116    refreshCart();
6117  })["catch"](function (error) {
6118    console.error('Error:', error);
6119    hideCartLoading();
6120  });
6121}
6122
6123// Removes every cart line belonging to a bundle group. Resolves line keys from a
6124// fresh /cart.js fetched right before the update, rather than from keys baked into
6125// the page at render time: a cart line's key isn't stable and changes as its
6126// discount allocation changes (Shopify's own documented behaviour), which happens
6127// often when a variant is shared across more than one bundle group. Looking the
6128// key up immediately before use avoids sending a stale key that could resolve to
6129// the wrong line for a shared variant.
6130function removeBundleFromCart(groupId, callback, skipConfirmation) {
6131  if (!skipConfirmation) {
6132    var confirmed = window.confirm('Remove items from cart?');
6133    if (!confirmed) return;
6134  }
6135  showCartLoading();
6136  fetch('/cart.js').then(function (response) {
6137    return response.json();
6138  }).then(function (cart) {
6139    var keys = cart.items.filter(function (item) {
6140      return item.properties && item.properties._x_group === groupId;
6141    }).map(function (item) {
6142      return item.key;
6143    });
6144    if (keys.length === 0) {
6145      // Already gone — fall through so refreshCart() re-syncs without flickering the spinner.
6146      return;
6147    }
6148    return fetch('/cart/update.js', {
6149      method: 'POST',
6150      headers: {
6151        'Content-Type': 'application/json'
6152      },
6153      body: JSON.stringify({
6154        updates: keys.reduce(function (acc, key) {
6155          return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, key, 0));
6156        }, {})
6157      })
6158    }).then(function (response) {
6159      return response.json();
6160    });
6161  }).then(function () {
6162    if (callback) {
6163      callback();
6164    }
6165    refreshCart();
6166  })["catch"](function (error) {
6167    console.error('Error:', error);
6168    hideCartLoading();
6169  });
6170  return false;
6171}
6172function showCartLoading() {
6173  document.querySelector('.popout-cart').classList.add('loading');
6174}
6175function hideCartLoading() {
6176  document.querySelector('.popout-cart').classList.remove('loading');
6177}
6178function refreshCart() {
6179  var freeItem = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
6180  var selectors = {
6181    popoutCart: '.popout-cart',
6182    popoutCartContent: '.popout-cart-content',
6183    shoppingBagCount: '.shopping-bag-count',
6184    mobileFloatingCheckout: '.mobile-checkout-floating',
6185    totalProductCount: '#total-product-count',
6186    totalCartPrice: '#total-cart-price',
6187    mobileFloatingTotalPrice: '#mobile-checkout-floating-price'
6188  };
6189  showCartLoading();
6190
6191  /* Loose lines that complete a bundle are grouped before the drawer re-renders, so the
6192   * shopper sees the bundle price on the first refresh after a quick add. */
6193  var groupBundles = typeof autoGroupBundles === 'function' ? autoGroupBundles() : Promise.resolve(false);
6194  groupBundles.then(function () {
6195    return fetch('/');
6196  }).then(function (response) {
6197    // The API call was successful!
6198    return response.text();
6199  }).then(function (html) {
6200    var parser = new DOMParser();
6201    var doc = parser.parseFromString(html, 'text/html');
6202
6203    /* Remove the scroll lock temporarily while we inject the new HTML */
6204    var popoutCartContent = document.querySelector(selectors.popoutCartContent);
6205    theme.a11y.unlockScrolling(popoutCartContent);
6206    var popoutCart = document.querySelector(selectors.popoutCart);
6207    var newPopoutCart = doc.querySelector(selectors.popoutCart);
6208    if (popoutCart && newPopoutCart) {
6209      popoutCart.innerHTML = newPopoutCart.innerHTML;
6210    }
6211    hideCartLoading();
6212    theme.validateCart();
6213    var totalProducts = doc.querySelector(selectors.totalProductCount);
6214    var totalProductsInt = totalProducts != null ? parseInt(totalProducts.innerHTML, 10) : 0;
6215    var shoppingBagCount = document.querySelector(selectors.shoppingBagCount);
6216    var mobileFloatingCheckout = document.querySelector(selectors.mobileFloatingCheckout);
6217    console.log({
6218      totalProducts: totalProducts,
6219      totalProductsInt: totalProductsInt
6220    });
6221    if (totalProductsInt > 0) {
6222      if (shoppingBagCount) {
6223        shoppingBagCount.innerHTML = totalProductsInt;
6224        shoppingBagCount.classList.add('visible');
6225      }
6226      if (mobileFloatingCheckout) {
6227        mobileFloatingCheckout.style.display = 'block';
6228      }
6229    } else {
6230      if (shoppingBagCount) shoppingBagCount.classList.remove('visible');
6231      if (mobileFloatingCheckout) mobileFloatingCheckout.style.display = 'none';
6232    }
6233    var totalCartPrice = doc.querySelector(selectors.totalCartPrice);
6234    var mobileCheckoutFloatingPrice = doc.querySelector(selectors.mobileFloatingTotalPrice);
6235    if (totalCartPrice && mobileCheckoutFloatingPrice) {
6236      mobileCheckoutFloatingPrice.innerHTML = totalCartPrice.innerHTML;
6237    }
6238
6239    /* Re-lock the scroll now that we've re-injected the data. Only while the drawer is
6240     * open: a refresh with the drawer shut (e.g. after a failed add) has no close action
6241     * left to release the lock. */
6242    var newPopoutCartContent = document.querySelector(selectors.popoutCartContent);
6243    var popoutCartOpen = popoutCart && popoutCart.classList.contains('open');
6244    if (newPopoutCartContent && popoutCartOpen) {
6245      theme.a11y.lockScrolling(newPopoutCartContent);
6246    }
6247
6248    //Update upsell product navigation
6249    document.dispatchEvent(new Event('cartContentUpdated'));
6250  })["catch"](function (err) {
6251    // There was an error
6252    console.warn('Something went wrong.', err);
6253  });
6254}
6255function addToCartReorder(order, refresh) {
6256  showCartLoading();
6257  fetch('/cart/add.js', {
6258    method: 'POST',
6259    headers: {
6260      'Content-Type': 'application/json'
6261    },
6262    body: JSON.stringify({
6263      items: order
6264    })
6265  }).then(function (response) {
6266    return response.json();
6267  }).then(function (data) {
6268    if (data.status === 422) {
6269      var reorderRejectionMessage = document.querySelector('.unavailable-to-add-product-soh');
6270      var reorderButton = document.querySelector('#reorder-button');
6271      reorderRejectionMessage.style.display = 'block';
6272      reorderButton.classList.add('disabled');
6273      refreshCart();
6274    } else if (!refresh) {
6275      refreshCart();
6276      openPopoutCart();
6277    } else {
6278      window.location.href = '/cart';
6279    }
6280  })["catch"](function (error) {
6281    alert(error);
6282  });
6283}
6284function checkPromoProduct() {
6285  var promoProduct = document.querySelector('#promo_product');
6286  if (promoProduct === undefined || promoProduct === null) {
6287    return null;
6288  }
6289  var productId = promoProduct.getAttribute('data-promo-product-id');
6290  var baseProduct = document.querySelector('.product__details--title-wrapper');
6291  var baseProductName = baseProduct.children[0].innerText;
6292  var cartMessage = 'Free Gift';
6293  return {
6294    id: productId,
6295    quantity: '1',
6296    properties: {
6297      message: cartMessage
6298    }
6299  };
6300}
6301function showKitBuilder(promo, variantId) {
6302  console.log({
6303    promo: promo,
6304    variantId: variantId
6305  });
6306  if (promo === undefined) {
6307    document.getElementsByTagName('main')[0].scrollTo({
6308      top: 100,
6309      behavior: 'smooth'
6310    });
6311    var _kitContainer = document.querySelector(variantId === undefined ? '.kit-container' : ".kit-container-".concat(variantId));
6312    if (_kitContainer === null || !_kitContainer) {
6313      return;
6314    }
6315    var _header = document.querySelector('.header-wrapper');
6316    _header.style.zIndex = '2';
6317    _kitContainer.style.zIndex = '1000';
6318    _kitContainer.style.opacity = '1';
6319    _kitContainer.children[0].style.transform = 'translateY(0em)';
6320    document.body.style.overflow = 'hidden';
6321    return true;
6322  }
6323  var kitContainer = document.querySelector(variantId === undefined ? '.kit-container' : ".kit-container-".concat(variantId));
6324  var header = document.querySelector('.header-wrapper');
6325  kitContainer.style.zIndex = '-1';
6326  kitContainer.style.opacity = '0';
6327  header.style.zIndex = 'unset';
6328  kitContainer.children[0].style.transform = 'translateY(-5em)';
6329  document.body.style.overflow = 'unset';
6330  return false;
6331}
6332function pullCartItems() {
6333  return Promise.all(fetch('/cart.js').then(function (res) {
6334    return res.json().then(function (data) {
6335      return data;
6336    });
6337  }));
6338}
6339function handleBundleBaseProductQuanityChange(variantID, properties, event) {
6340  showCartLoading();
6341  var parsedProperties = properties.reduce(function (acc, value) {
6342    var key = value[0];
6343    var val = value[1];
6344    acc[key] = val;
6345    return acc;
6346  }, {});
6347  fetch('/cart/change.js', {
6348    method: 'POST',
6349    headers: {
6350      'Content-Type': 'application/json'
6351    },
6352    body: JSON.stringify({
6353      id: variantID.toString(),
6354      quantity: event.target.value,
6355      properties: parsedProperties
6356    })
6357  }).then(function (response) {
6358    return response.json();
6359  }).then(function (data) {
6360    refreshCart();
6361  })["catch"](function (error) {
6362    console.error('Error:', error);
6363  });
6364}
6365function addBundleToCartV2(config, deal) {
6366  console.log(config);
6367  var i = config[1];
6368  var dealConfigMessage = "$".concat(i.deal, " Bundle Deal");
6369
6370  // return
6371  var items = config[0].map(function (item) {
6372    return {
6373      id: item.id,
6374      quantity: 1,
6375      properties: {
6376        message: dealConfigMessage,
6377        _group: i.group,
6378        _price: i.deal
6379      }
6380    };
6381  });
6382  config[0].push({
6383    id: config[2].base.variant
6384  });
6385  items.push({
6386    id: config[2].base.variant,
6387    quantity: 1,
6388    properties: {
6389      message: dealConfigMessage,
6390      _data_id: config[0].map(function (item) {
6391        return item.id;
6392      }).join(','),
6393      _mac_hash: i.hash,
6394      _price: i.deal,
6395      _group: i.group
6396    }
6397  });
6398  showCartLoading();
6399
6400  // Push base product first
6401
6402  fetch('/cart/add.js', {
6403    method: 'POST',
6404    headers: {
6405      'Content-Type': 'application/json'
6406    },
6407    body: JSON.stringify({
6408      items: items
6409    })
6410  }).then(function (res) {
6411    return res.json();
6412  }).then(function (data) {
6413    if (data.status !== 442) {
6414      refreshCart();
6415      openPopoutCart();
6416    }
6417  });
6418}
6419
6420// Pass skipRefresh when the caller needs to do more work (e.g. wait on a Function discount)
6421// before re-rendering the drawer; the caller then owns calling refreshCart().
6422function addToCartStreamlined(items, skipRefresh) {
6423  showCartLoading();
6424  return theme.utils.fetch('/cart/add.js', {
6425    method: 'POST',
6426    headers: {
6427      'Content-Type': 'application/json'
6428    },
6429    body: JSON.stringify({
6430      items: items
6431    })
6432  }).then(function (data) {
6433    if (!skipRefresh) refreshCart();
6434    return data;
6435  });
6436}
6437function addBundleToCart(variant, promo, quantity, group_id) {
6438  if (showKitBuilder(promo, variant)) {
6439    return;
6440  }
6441  showKitBuilder(promo, variant);
6442  var input = document.querySelector("input#variant-id-selector-".concat(variant));
6443  var hash_id = input.getAttribute('data-product-id');
6444  var getHash = document.querySelector("input#mac-hash-".concat(hash_id));
6445  var hash = getHash.getAttribute('data-hash');
6446  var baseItem = [{
6447    id: variant,
6448    quantity: quantity,
6449    properties: {
6450      _data_id: promo.join(','),
6451      _is_bundle: 1,
6452      _mac_hash: hash
6453    }
6454  }];
6455  promo.map(function (item) {
6456    var new_item = {
6457      id: item,
6458      quantity: quantity,
6459      properties: {
6460        message: 'Bundle Pack'
6461      }
6462    };
6463    baseItem.push(new_item);
6464  });
6465  showCartLoading();
6466
6467  // Push base product first
6468
6469  fetch('/cart/add.js', {
6470    method: 'POST',
6471    headers: {
6472      'Content-Type': 'application/json'
6473    },
6474    body: JSON.stringify({
6475      items: baseItem
6476    })
6477  }).then(function (res) {
6478    return res.json();
6479  }).then(function (data) {
6480    if (data.status !== 442) {
6481      refreshCart();
6482      openPopoutCart();
6483    }
6484  });
6485}
6486
6487/**
6488 *  Builds a line_item object if promotional item is valid.
6489 * Checks if
6490 *
6491 */
6492function buildFreeProduct() {
6493  var _document$body$queryS, _parseFloat, _document$body$queryS2, _document$body$queryS3, _parseFloat2, _document$body$queryS4, _document$body$queryS5;
6494  // Check if item
6495  var parent = document.body.querySelector('#item-details');
6496  if (parent === null) {
6497    return {
6498      id: -1,
6499      ref: -1
6500    };
6501  }
6502  var variantId = parent.getAttribute('data-variant');
6503  var hash = parent.getAttribute('hash');
6504  var total = parent.getAttribute('data-amount');
6505  if (variantId.length === 0) {
6506    var getRef = document.body.querySelector('.cart-item[data-has-ref="true"]');
6507    var refId = getRef.getAttribute('data-variant');
6508    var _variantIdInCart = document.body.querySelector('.cart-item[data-cart-variant-id="' + refId + '"]');
6509    if (_variantIdInCart) {
6510      console.log('card id');
6511      return {
6512        id: -1,
6513        ref: refId
6514      };
6515    }
6516    return {
6517      id: refId,
6518      quantity: 1,
6519      properties: {
6520        _mac_hash: hash,
6521        _data_id: refId,
6522        _total: total,
6523        _no_quanity_change: true
6524      }
6525    };
6526  }
6527  var variantIdInCart = document.body.querySelector('.cart-item[data-cart-variant-id="' + variantId + '"]');
6528  if (variantIdInCart) {
6529    return {
6530      id: -1,
6531      ref: variantId
6532    };
6533  }
6534  var q = document.body.querySelector('.js-qty__num') ? (_document$body$queryS = document.body.querySelector('.js-qty__num')) === null || _document$body$queryS === void 0 ? void 0 : _document$body$queryS.value : 1;
6535  var currentCartTotal = document.body.querySelector('#total-cart-price') ? parseFloat(parseFloat(document.body.querySelector('#total-cart-price').innerText.slice(1)).toFixed(2)) : 0;
6536  var price = document.body.querySelector('.product__price.sale-price') ? parseFloat((_parseFloat = parseFloat((_document$body$queryS2 = document.body.querySelector('.product__price.sale-price')) === null || _document$body$queryS2 === void 0 ? void 0 : (_document$body$queryS3 = _document$body$queryS2.innerText) === null || _document$body$queryS3 === void 0 ? void 0 : _document$body$queryS3.slice(1))) === null || _parseFloat === void 0 ? void 0 : _parseFloat.toFixed(2)) : parseFloat((_parseFloat2 = parseFloat((_document$body$queryS4 = document.body.querySelector('.product__price')) === null || _document$body$queryS4 === void 0 ? void 0 : (_document$body$queryS5 = _document$body$queryS4.innerText) === null || _document$body$queryS5 === void 0 ? void 0 : _document$body$queryS5.slice(1))) === null || _parseFloat2 === void 0 ? void 0 : _parseFloat2.toFixed(2));
6537  var totalPrice = isNaN(price) ? true : parseInt(q * price + currentCartTotal) >= parseInt(total);
6538  if (!totalPrice) {
6539    return {
6540      id: -1,
6541      ref: variantId
6542    };
6543  }
6544  return {
6545    id: variantId,
6546    quantity: 1,
6547    properties: {
6548      _mac_hash: hash,
6549      _data_id: variantId,
6550      _total: total,
6551      _no_quanity_change: true
6552    }
6553  };
6554}
6555function addToCartV2(items) {
6556  var refresh = false;
6557  return fetch('/cart/add.js', {
6558    method: 'POST',
6559    headers: {
6560      'Content-Type': 'application/json'
6561    },
6562    body: JSON.stringify({
6563      items: items
6564    })
6565  }).then(function (response) {
6566    return response.json();
6567  }).then(function (data) {
6568    if (data.status === 'too_many_requests') {
6569      console.log('Too many requests, please wait');
6570      return;
6571    }
6572    if (data.status === 422) {
6573      /* Disable button and show error message for Quickview or product view */
6574      var sohStockErrorMessagePath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .unavailable-to-add-product-soh' : '.unavailable-to-add-product-soh';
6575      var buttonPath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .product-form__actions-wrapper > .add-to-cart' : '.add-to-cart';
6576      if (!document.querySelector(sohStockErrorMessagePath) || !document.querySelector(buttonPath)) {
6577        return;
6578      }
6579      document.querySelector(sohStockErrorMessagePath).style.display = 'block';
6580      document.querySelector(buttonPath).classList.add('disabled');
6581      refreshCart();
6582    } else if (!refresh) {
6583      refreshCart();
6584      openPopoutCart();
6585    } else {
6586      window.location.href = '/cart';
6587    }
6588    sendCartAddKlaviyoEvent(data, items[0].id, items[0].quantity);
6589  })["catch"](function (error) {
6590    alert(error);
6591  });
6592}
6593
6594// here
6595function addToCart(variant, quantity, refresh) {
6596  var avoid = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
6597  var dontAdd = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
6598  try {
6599    showCartLoading();
6600    var line = {
6601      id: variant,
6602      quantity: quantity
6603    };
6604    var items = [line];
6605
6606    // const freeItemConfig = buildFreeProduct()
6607
6608    // line['properties'] = {
6609    //   _variant_ref: freeItemConfig['ref'] ? freeItemConfig['ref'] : freeItemConfig['id'],
6610    // }
6611
6612    // if (line['properties']['_variant_ref'] === -1) {
6613    //   delete line['properties']
6614    // }
6615
6616    // if (freeItemConfig['id'] !== -1) {
6617    //   items.push(freeItemConfig)
6618    // }
6619
6620    // // if trigger to push in free item dont push in base product
6621    // if (avoid === undefined && variant !== freeItemConfig.id) {
6622    //   items.push(line)
6623    // }
6624
6625    // var getPromoProductId = checkPromoProduct()
6626
6627    // if (getPromoProductId !== null && avoid === undefined && !dontAdd) {
6628    //   items.push(getPromoProductId) //product hash
6629
6630    //   var macHash = document.querySelector('input#data-key').getAttribute('data-key')
6631    //   const base = items.find(({ id }) => id === variant)
6632
6633    //   base['properties'] = {
6634    //     _mac_hash: macHash,
6635    //     _data_id: getPromoProductId.id,
6636    //   }
6637    // }
6638
6639    fetch('/cart/add.js', {
6640      method: 'POST',
6641      headers: {
6642        'Content-Type': 'application/json'
6643      },
6644      body: JSON.stringify({
6645        items: items
6646      })
6647    }).then(function (response) {
6648      return response.json();
6649    }).then(function (data) {
6650      if (data.status === 422) {
6651        /* Disable button and show error message for Quickview or product view */
6652        var sohStockErrorMessagePath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .unavailable-to-add-product-soh' : '.unavailable-to-add-product-soh';
6653        var buttonPath = document.querySelector('.modal.modal-quick-view.modal--open') ? '.modal.modal-quick-view.modal--open > .modal__content > div > div > .product__details > div > .product-form-holder--loaded > form > .product-form__actions-wrapper > .add-to-cart' : '.add-to-cart';
6654        if (document.querySelector(sohStockErrorMessagePath)) {
6655          document.querySelector(sohStockErrorMessagePath).style.display = 'block';
6656        }
6657        if (document.querySelector(buttonPath)) {
6658          document.querySelector(buttonPath).classList.add('disabled');
6659        }
6660        refreshCart();
6661      } else if (!refresh) {
6662        refreshCart();
6663        openPopoutCart();
6664      } else {
6665        window.location.href = '/cart';
6666      }
6667
6668      /* At this point we should trigger the Klaviyo event */
6669      sendCartAddKlaviyoEvent(data, variant, quantity);
6670    })["catch"](function (error) {
6671      alert(error);
6672    });
6673  } catch (e) {
6674    console.log(e);
6675  }
6676}
6677function getProductSegment(productType) {
6678  /* Split into product group and item category */
6679  var _productType$split$ma = productType.split(' > ').map(function (entry) {
6680      return entry.trim();
6681    }),
6682    _productType$split$ma2 = _slicedToArray(_productType$split$ma, 2),
6683    productGroup = _productType$split$ma2[0],
6684    itemCategory = _productType$split$ma2[1];
6685  if (productGroup.includes('UNISEX')) {
6686    return 'UNISEX';
6687  }
6688  if (itemCategory.includes('UNISEX')) {
6689    return 'UNISEX';
6690  }
6691  if (itemCategory.includes('WOMENS')) {
6692    return 'WOMENS';
6693  }
6694  if (itemCategory.includes('MENS')) {
6695    return 'MENS';
6696  }
6697  if (itemCategory.includes('KIDS')) {
6698    return 'KIDS';
6699  }
6700  if (productGroup.includes('WOMENS')) {
6701    return 'WOMENS';
6702  }
6703  if (productGroup.includes('MENS')) {
6704    return 'MENS';
6705  }
6706  if (productGroup.includes('KIDS')) {
6707    return 'KIDS';
6708  }
6709  return 'ACCESSORIES';
6710}
6711
6712/**
6713 * A simple function that takes the output of the cart add.js response
6714 * and a variant and quantity and creates a Klaviyo add to cart event
6715 **/
6716function sendCartAddKlaviyoEvent(data, variant, quantity) {
6717  try {
6718    /* Based on the product type, determine the product segment */
6719    var matchingLine = data.items.find(function (line) {
6720      return line.variant_id.toString() === variant;
6721    });
6722    if (!matchingLine) {
6723      return;
6724    }
6725
6726    /* Deterine the product segment */
6727    var productSegment = getProductSegment(matchingLine.product_type);
6728
6729    /* Get the size */
6730    var size = matchingLine.variant_options[0];
6731
6732    /* Determine the full segment */
6733    var fullProductSegment = "".concat(productSegment, " - ").concat(size);
6734
6735    /* Create the event data */
6736    var event = {
6737      product_title: matchingLine.title,
6738      product_id: matchingLine.product_id,
6739      variant_title: matchingLine.variant_title,
6740      product_type: matchingLine.product_type,
6741      product_group: matchingLine.product_type.split(' > ')[0].trim(),
6742      item_category: matchingLine.product_type.split(' > ')[1].trim(),
6743      price: (matchingLine.price / 100).toFixed(2),
6744      quantity: quantity,
6745      product_size: size,
6746      product_colour: matchingLine.variant_options[1],
6747      full_product_segment: fullProductSegment
6748    };
6749    if (typeof _learnq !== 'undefined') {
6750      _learnq.push(['track', 'Added to Cart', event]);
6751    }
6752  } catch (e) {
6753    console.error(e);
6754  }
6755}
6756
6757// Keyed by line key, not variant ID: a variant can exist in more than one cart line (e.g.
6758// shared with a bundle group), and only the line key identifies the exact line to update.
6759// The key is only re-resolved if the update misses: this call
6760// is debounced, so a concurrent mutation can rotate the rendered key before it fires.
6761function handleChangeCartItemQuantity(lineKey, event, lineProperties) {
6762  var quantity = event.target.value;
6763  showCartLoading();
6764  updateCartLineQuantity(lineKey, quantity, lineProperties).then(function () {
6765    refreshCart();
6766    // Trigger for adding in free item on change
6767    addToCart(-1, -1, false, true);
6768  })["catch"](function (error) {
6769    console.error('Error:', error);
6770    hideCartLoading();
6771  });
6772}
6773var debouncedHandleChangeCartItemQuantity = window.theme.utils.debounce(400, function (lineKey, event, lineProperties) {
6774  handleChangeCartItemQuantity(lineKey, event, lineProperties);
6775});
6776var KitBuilder = /*#__PURE__*/function () {
6777  function KitBuilder(products, theme, title, baseProductVariantId, productId) {
6778    var _this = this;
6779    _classCallCheck(this, KitBuilder);
6780    _defineProperty(this, "_buildSelectIds", function () {
6781      var ids = _this._getCurrentLocalIds();
6782      if (document.querySelector("input#variant-id-selector-".concat(_this.baseProductVariantId))) {
6783        var input = document.querySelector("input#variant-id-selector-".concat(_this.baseProductVariantId));
6784        input.setAttribute('data-variant-ids', ids);
6785      } else {
6786        var idInput = document.createElement('input');
6787        idInput.id = "variant-id-selector-".concat(_this.baseProductVariantId);
6788        idInput.setAttribute('type', 'hidden');
6789        idInput.setAttribute('data-product-id', _this.productId);
6790        idInput.setAttribute('data-variant-ids', ids);
6791        idInput.setAttribute('data-group-id', _this.groupId);
6792        idInput.setAttribute('data-variant-hash', _this.hash);
6793        return idInput;
6794      }
6795    });
6796    if (products === undefined) {
6797      throw new Error('Products can not be undefined');
6798    }
6799    this.productId = productId;
6800    this.baseProductVariantId = baseProductVariantId;
6801    this.main = document.body;
6802    this.container = document.createElement('div');
6803    this.container.className = 'tmp-container';
6804    this.products = products().products;
6805    this.hash = JSON.stringify(products().hash);
6806    this.promotionTitle = 'Input';
6807    this.selectConfig = this._configInit();
6808    this.theme = theme;
6809    this.title = title;
6810    this.groupId = this._generateUUID();
6811    this.baseColours = {};
6812    if (!Object.values(this.products).length) {
6813      this.rejectBuild();
6814      return;
6815    }
6816    this._init();
6817  }
6818  _createClass(KitBuilder, [{
6819    key: "rejectBuild",
6820    value: function rejectBuild() {
6821      console.log('rejected');
6822      return;
6823
6824      // document.querySelector('.product__promo_banner').style.display = 'none'
6825      //   setTimeout(() => {
6826      //     document.querySelector('button.base-cart-button').setAttribute('data-has-kit-bundle', 'false');
6827      //     document.querySelector('.add-to-cart .button--text').innerText = 'Add to bag'
6828      //   }, 500)
6829    }
6830  }, {
6831    key: "_getColours",
6832    value: function () {
6833      var _getColours2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
6834        var getHandles, productColours, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _iterator, _step, handle, url, colours, colourJson;
6835        return _regeneratorRuntime().wrap(function _callee$(_context) {
6836          while (1) {
6837            switch (_context.prev = _context.next) {
6838              case 0:
6839                getHandles = Object.values(this.products).reduce(function (obj, val) {
6840                  obj.push([val.title, val.handle]);
6841                  return obj;
6842                }, []);
6843                productColours = [];
6844                _iteratorAbruptCompletion = false;
6845                _didIteratorError = false;
6846                _context.prev = 4;
6847                _iterator = _asyncIterator(getHandles);
6848              case 6:
6849                _context.next = 8;
6850                return _iterator.next();
6851              case 8:
6852                if (!(_iteratorAbruptCompletion = !(_step = _context.sent).done)) {
6853                  _context.next = 21;
6854                  break;
6855                }
6856                handle = _step.value;
6857                url = "".concat(theme.ENV.apiUrl, "/products/").concat(handle[1], "/other-colours");
6858                _context.next = 13;
6859                return fetch(url);
6860              case 13:
6861                colours = _context.sent;
6862                _context.next = 16;
6863                return colours.json();
6864              case 16:
6865                colourJson = _context.sent;
6866                productColours.push(colourJson);
6867              case 18:
6868                _iteratorAbruptCompletion = false;
6869                _context.next = 6;
6870                break;
6871              case 21:
6872                _context.next = 27;
6873                break;
6874              case 23:
6875                _context.prev = 23;
6876                _context.t0 = _context["catch"](4);
6877                _didIteratorError = true;
6878                _iteratorError = _context.t0;
6879              case 27:
6880                _context.prev = 27;
6881                _context.prev = 28;
6882                if (!(_iteratorAbruptCompletion && _iterator["return"] != null)) {
6883                  _context.next = 32;
6884                  break;
6885                }
6886                _context.next = 32;
6887                return _iterator["return"]();
6888              case 32:
6889                _context.prev = 32;
6890                if (!_didIteratorError) {
6891                  _context.next = 35;
6892                  break;
6893                }
6894                throw _iteratorError;
6895              case 35:
6896                return _context.finish(32);
6897              case 36:
6898                return _context.finish(27);
6899              case 37:
6900                this.baseColours = productColours.reduce(function (colours, productColours) {
6901                  return colours.concat(productColours);
6902                }, []).reduce(function (colourObj, colour) {
6903                  return _objectSpread(_objectSpread({}, colourObj), {}, _defineProperty({}, colour.name, "background-color: ".concat(colour.hex, "!important;")));
6904                }, {});
6905                return _context.abrupt("return", true);
6906              case 39:
6907              case "end":
6908                return _context.stop();
6909            }
6910          }
6911        }, _callee, this, [[4, 23, 27, 37], [28,, 32, 36]]);
6912      }));
6913      function _getColours() {
6914        return _getColours2.apply(this, arguments);
6915      }
6916      return _getColours;
6917    }()
6918  }, {
6919    key: "_generateUUID",
6920    value: function _generateUUID() {
6921      var d = new Date().getTime();
6922      var d2 = typeof performance !== 'undefined' && performance.now && performance.now() * 1000 || 0;
6923      return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
6924        var r = Math.random() * 16;
6925        if (d > 0) {
6926          r = (d + r) % 16 | 0;
6927          d = Math.floor(d / 16);
6928        } else {
6929          r = (d2 + r) % 16 | 0;
6930          d2 = Math.floor(d2 / 16);
6931        }
6932        return (c === 'x' ? r : r & 0x3 | 0x8).toString(16);
6933      });
6934    }
6935  }, {
6936    key: "_configInit",
6937    value: function _configInit() {
6938      var _this2 = this;
6939      return Object.keys(this.products).reduce(function (acc, key) {
6940        var firstVariant = Object.keys(_this2.products[key].variants)[0];
6941        acc[key] = {
6942          colour: firstVariant,
6943          variantSelected: _this2.products[key].variants[firstVariant][0]
6944        };
6945        return acc;
6946      }, {});
6947    }
6948  }, {
6949    key: "_selectColourUI",
6950    value: function _selectColourUI(e) {
6951      var current = e.currentTarget;
6952      var parent = current.parentElement;
6953      Array.from(parent.children).map(function (child) {
6954        return child.classList.remove('selected');
6955      });
6956      current.classList.add('selected');
6957    }
6958  }, {
6959    key: "_selectVariant",
6960    value: function _selectVariant(e, title, colour) {
6961      var _this3 = this;
6962      this._selectColourUI(e);
6963      this.selectConfig[title].colour = colour;
6964      if (this.selectConfig[title]['sizeRef']) {
6965        this.selectConfig[title].variantSelected = this.products[title].variants[colour].find(function (variant) {
6966          return variant.option1 === _this3.selectConfig[title]['sizeRef'];
6967        });
6968      } else {
6969        this.selectConfig[title].variantSelected = this.products[title].variants[colour][0];
6970      }
6971      var img = this.products[title].img[colour];
6972      this._render(title, img);
6973      var size = document.querySelector('size-area');
6974      var frame = document.querySelector("div.product-frame__container[data-item=\"".concat(title, "\"]"));
6975      frame.removeChild(frame.children[frame.children.length - 1]);
6976      var renderedSize = this._productSizeArea(this.products[title].variants[colour], title);
6977      frame.appendChild(renderedSize);
6978      this._buildSelectIds();
6979      this._validateCart(title);
6980    }
6981  }, {
6982    key: "_exitButton",
6983    value: function _exitButton() {
6984      var _this4 = this;
6985      var container = document.createElement('div');
6986      container.className = 'kit-builder-exit';
6987      var exitButtonHTML = "<button class=\"icon-button modal__close-button\"><i class=\"material-icons icon icon-md \">close</i></button>";
6988      container.innerHTML = exitButtonHTML;
6989      container.addEventListener('click', function (e) {
6990        var _kit$children$0$class, _kit$children$0$class2, _kit$children$0$class3;
6991        var kit = _this4.container;
6992        var k = (_kit$children$0$class = kit.children[0].className) === null || _kit$children$0$class === void 0 ? void 0 : (_kit$children$0$class2 = _kit$children$0$class.split(' ')) === null || _kit$children$0$class2 === void 0 ? void 0 : (_kit$children$0$class3 = _kit$children$0$class2.filter(function (t) {
6993          return t.includes('kit-container-');
6994        })) === null || _kit$children$0$class3 === void 0 ? void 0 : _kit$children$0$class3.pop();
6995        var variant = k.split('-').pop();
6996        var outerContainer = document.querySelector(".kit-container-".concat(variant, ".kit-container"));
6997        outerContainer.style.opacity = 0;
6998        outerContainer.style.zIndex = -1;
6999        outerContainer.children[0].style = 'transform(translateY(0em))';
7000        _this4.main.style.overflow = 'unset';
7001      });
7002      return container;
7003    }
7004  }, {
7005    key: "_selectSize",
7006    value: function _selectSize(e, title, size) {
7007      this._selectColourUI(e);
7008      var colour = this.selectConfig[title].colour;
7009      var variant = this.products[title].variants[colour].find(function (s) {
7010        return s.option1 === size;
7011      });
7012      this.selectConfig[title].variantSelected = variant;
7013      this.selectConfig[title]['sizeRef'] = size;
7014      this._buildSelectIds();
7015      this._validateCart(title);
7016    }
7017  }, {
7018    key: "_colourArea",
7019    value: function _colourArea(colours, title) {
7020      var _this5 = this;
7021      var colourRef = this.baseColours;
7022      var container = document.createElement('div');
7023      container.className = 'flex row';
7024      container.style.padding = '0.5em 0';
7025      colours.map(function (colour, i) {
7026        var colourFormat = colour.split(' / ')[0].toLowerCase();
7027        var cc = document.createElement('div');
7028        cc.addEventListener('click', function (e) {
7029          _this5._selectVariant(e, title, colour);
7030        });
7031        cc.className = "colour ".concat(i === 0 ? 'selected' : '');
7032        cc.setAttribute('style', "".concat(colourRef[colour]));
7033        cc.setAttribute('title', colour);
7034        container.appendChild(cc);
7035      });
7036      return container;
7037    }
7038  }, {
7039    key: "_titleArea",
7040    value: function _titleArea(title) {
7041      var titleFrame = document.createElement('div');
7042      titleFrame.innerHTML = "<p class='kit-build-title'>".concat(title, "</p>");
7043      return titleFrame;
7044    }
7045  }, {
7046    key: "_imgArea",
7047    value: function _imgArea(img) {
7048      var imgFrame = document.createElement('div');
7049      imgFrame.innerHTML = "<img loading=\"lazy\" style=\"padding: 1em 0;\" src=".concat(img, "/>");
7050      return imgFrame;
7051    }
7052  }, {
7053    key: "_productSizeArea",
7054    value: function _productSizeArea(sizes, title) {
7055      var _this6 = this;
7056      var container = document.createElement('div');
7057      container.className = 'flex row size-area';
7058      if (sizes.length >= 6) {
7059        container.setAttribute('style', 'flex-wrap: wrap;height: 50px;');
7060      }
7061      sizes.map(function (size, i) {
7062        if (!size.available) {
7063          return;
7064        }
7065        var s = document.createElement('div');
7066        s.addEventListener('click', function (e) {
7067          _this6._selectSize(e, title, size.option1);
7068        });
7069        s.innerHTML = "<div>".concat(size.option1, "</div>");
7070        if (_this6.selectConfig[title]['sizeRef']) {
7071          if (parseInt(_this6.selectConfig[title]['sizeRef']) > parseInt(size.option1) && i === sizes.length - 1) {
7072            s.className = "size selected";
7073            _this6.selectConfig[title]['sizeRef'] = size.option1;
7074          } else {
7075            s.className = "size ".concat(_this6.selectConfig[title]['sizeRef'] === size.option1 ? 'selected' : '');
7076          }
7077        } else {
7078          s.className = "size ".concat(i === 0 ? 'selected' : '');
7079        }
7080        container.appendChild(s);
7081      });
7082      return container;
7083    }
7084  }, {
7085    key: "_render",
7086    value: function _render(title, img) {
7087      var renderImg = document.querySelector("div[data-item=\"".concat(title, "\"]")).children[1].children[0];
7088      renderImg.setAttribute('src', img);
7089    }
7090  }, {
7091    key: "_productFrameBuilder",
7092    value: function _productFrameBuilder(product) {
7093      var firstVariantKey = this.selectConfig[product.title].colour;
7094      var variantColours = Object.keys(product.variants);
7095      var colourCodes = variantColours.map(function (colour) {
7096        return colour.split(' / ')[0].toLowerCase();
7097      });
7098      var productFrame = document.createElement('div');
7099      productFrame.className = 'product-frame__container';
7100      productFrame.style.minWidth = '352px';
7101      productFrame.style.maxWidth = '352px';
7102      productFrame.setAttribute('data-item', product.title);
7103      var title = this._titleArea(product.title);
7104      var img = this._imgArea(product.img[firstVariantKey]);
7105      var colours = this._colourArea(variantColours, product.title);
7106      var sizes = this._productSizeArea(product.variants[firstVariantKey], product.title);
7107      Array.from([title, img, colours, sizes]).map(function (element) {
7108        return productFrame.appendChild(element);
7109      });
7110      return productFrame;
7111    }
7112  }, {
7113    key: "_header",
7114    value: function _header(title) {
7115      var headerContainer = document.createElement('div');
7116      headerContainer.className = 'kit-builder-header';
7117      var titleArea = this._titleArea(title);
7118      var exitButton = this._exitButton();
7119      headerContainer.appendChild(titleArea);
7120      headerContainer.appendChild(exitButton);
7121      return headerContainer;
7122    }
7123  }, {
7124    key: "_containerFrame",
7125    value: function _containerFrame(info) {
7126      var _this7 = this;
7127      var container = document.createElement('div');
7128      // container.id = 'kit-container';
7129      container.className = "kit-container-".concat(this.baseProductVariantId, " kit-container");
7130      var containerInnerFrame = document.createElement('div');
7131      var title = this.title.length ? this.title : 'Free Gift Configuration';
7132      containerInnerFrame.appendChild(this._header(title));
7133      // containerInnerFrame.innerHTML += '<hr style="width: 90%;margin: auto;"/>'
7134      //containerInnerFrame.innerHTML = `<p class="theme-kit-builder-title">${title}</p> <hr style="width: 90%;margin: auto;"/>`
7135      container.addEventListener('click', function (e) {
7136        if (e.target === e.currentTarget) {
7137          container.style.opacity = 0;
7138          container.style.zIndex = -1;
7139          container.children[0].style = 'transform(translateY(0em))';
7140          _this7.main.style.overflow = 'unset';
7141        }
7142      });
7143      containerInnerFrame.appendChild(info);
7144      containerInnerFrame.appendChild(this._addToCart());
7145      containerInnerFrame.appendChild(this._buildSelectIds());
7146      container.appendChild(containerInnerFrame);
7147      this.container.appendChild(container);
7148    }
7149  }, {
7150    key: "_init",
7151    value: function () {
7152      var _init2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
7153        var _this8 = this;
7154        var productColours, productKeys, productHash, productFrameHTML;
7155        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
7156          while (1) {
7157            switch (_context2.prev = _context2.next) {
7158              case 0:
7159                _context2.next = 2;
7160                return this._getColours();
7161              case 2:
7162                productColours = _context2.sent;
7163                if (!productColours) {
7164                  _context2.next = 12;
7165                  break;
7166                }
7167                productKeys = Object.keys(this.products);
7168                productHash = this.products;
7169                productFrameHTML = document.createElement('div');
7170                productFrameHTML.className = 'flex row';
7171                productKeys.map(function (product) {
7172                  productFrameHTML.appendChild(_this8._productFrameBuilder(productHash[product]));
7173                });
7174                this._containerFrame(productFrameHTML);
7175                this.main.appendChild(this.container);
7176                return _context2.abrupt("return");
7177              case 12:
7178                this.rejectBuild();
7179              case 13:
7180              case "end":
7181                return _context2.stop();
7182            }
7183          }
7184        }, _callee2, this);
7185      }));
7186      function _init() {
7187        return _init2.apply(this, arguments);
7188      }
7189      return _init;
7190    }()
7191  }, {
7192    key: "_validateCart",
7193    value: function _validateCart(title) {
7194      try {
7195        var variantSku = this.selectConfig[title].variantSelected.sku;
7196        theme.validateCart('product', variantSku, 1);
7197      } catch (e) {
7198        console.log(e);
7199      }
7200    }
7201  }, {
7202    key: "_getCurrentLocalIds",
7203    value: function _getCurrentLocalIds() {
7204      var hiddenIds = Object.values(this.selectConfig).reduce(function (acc, value) {
7205        acc.push(value.variantSelected.id);
7206        return acc;
7207      }, []).join(',');
7208      return hiddenIds;
7209    }
7210  }, {
7211    key: "_updateBaseProductVariantIDSelectors",
7212    value: function _updateBaseProductVariantIDSelectors() {
7213      var _kit$children$0$class4, _kit$children$0$class5, _kit$children$0$class6;
7214      var kit = this.container;
7215      var k = (_kit$children$0$class4 = kit.children[0].className) === null || _kit$children$0$class4 === void 0 ? void 0 : (_kit$children$0$class5 = _kit$children$0$class4.split(' ')) === null || _kit$children$0$class5 === void 0 ? void 0 : (_kit$children$0$class6 = _kit$children$0$class5.filter(function (t) {
7216        return t.includes('kit-container-');
7217      })) === null || _kit$children$0$class6 === void 0 ? void 0 : _kit$children$0$class6.pop();
7218      var variant = k.split('-').pop();
7219      var input = document.querySelector("input#variant-id-selector-".concat(this.baseProductVariantId));
7220      input.id = "variant-id-selector-".concat(variant);
7221      handleProductBundleCreate(variant);
7222    }
7223  }, {
7224    key: "_addToCart",
7225    value: function _addToCart() {
7226      var _this9 = this;
7227      var container = document.createElement('div');
7228      container.style.paddingTop = '1em';
7229      var addToCartButton = document.createElement('button');
7230      addToCartButton.className = 'product-bundle-create button button-md button-icon-animated add-to-cart';
7231      addToCartButton.innerText = 'ADD TO BAG';
7232      addToCartButton.addEventListener('click', function (e) {
7233        _this9._updateBaseProductVariantIDSelectors();
7234
7235        // handleProductBundleCreate(this.baseProductVariantId)
7236      });
7237
7238      addToCartButton.style.margin = 'auto';
7239      container.appendChild(addToCartButton);
7240      return container;
7241    }
7242  }]);
7243  return KitBuilder;
7244}();
7245function removeUpsellContainer() {
7246  //Remove container and border above it
7247  var upsellContainer = document.querySelector(".cart-upsell");
7248  var upsellTopBorder = document.querySelector("#upsell-border-top");
7249  if (upsellContainer) {
7250    upsellContainer.style.display = 'none';
7251    upsellTopBorder.style.display = 'none';
7252  }
7253}
7254function handleUpsellNavigation() {
7255  var items = document.querySelectorAll('.popout-cart-item');
7256  var nextButton = document.querySelector('.view-next-upsell-item');
7257  var prevButton = document.querySelector('.view-previous-upsell-item');
7258  if (!items.length || !nextButton || !prevButton) return;
7259
7260  // Remove any existing event listeners by cloning and replacing the buttons
7261  var newNextButton = nextButton.cloneNode(true);
7262  var newPrevButton = prevButton.cloneNode(true);
7263  nextButton.parentNode.replaceChild(newNextButton, nextButton);
7264  prevButton.parentNode.replaceChild(newPrevButton, prevButton);
7265  var currentIndex = 0;
7266  function preloadAdjacentImages() {
7267    //Preload images beside the shown item. This prevents images from loading too slowly
7268    if (currentIndex < items.length - 1) {
7269      var nextImage = items[currentIndex + 1].querySelector('img');
7270      if (nextImage) {
7271        var img = new Image();
7272        img.src = nextImage.src;
7273      }
7274    }
7275    if (currentIndex > 0) {
7276      var prevImage = items[currentIndex - 1].querySelector('img');
7277      if (prevImage) {
7278        var _img = new Image();
7279        _img.src = prevImage.src;
7280      }
7281    }
7282  }
7283  function updateButtonStates() {
7284    //Disable or enable buttons if applicable
7285    if (currentIndex >= items.length - 1) {
7286      newNextButton.style.color = 'var(--colorLightGray) !important';
7287      newNextButton.style.pointerEvents = 'none';
7288    } else {
7289      newNextButton.style.color = 'var(--colorNavy) !important';
7290      newNextButton.style.pointerEvents = 'auto';
7291    }
7292    if (currentIndex <= 0) {
7293      newPrevButton.style.color = 'var(--colorLightGray) !important';
7294      newPrevButton.style.pointerEvents = 'none';
7295    } else {
7296      newPrevButton.style.color = 'var(--colorNavy) !important';
7297      newPrevButton.style.pointerEvents = 'auto';
7298    }
7299  }
7300  function showItem(index) {
7301    items.forEach(function (item, i) {
7302      item.style.display = i === index ? 'flex' : 'none';
7303    });
7304    currentIndex = index;
7305    updateButtonStates();
7306    preloadAdjacentImages();
7307  }
7308  newNextButton.addEventListener('click', function () {
7309    if (currentIndex < items.length - 1) {
7310      showItem(currentIndex + 1);
7311    }
7312  });
7313  newPrevButton.addEventListener('click', function () {
7314    if (currentIndex > 0) {
7315      showItem(currentIndex - 1);
7316    }
7317  });
7318
7319  //This enables the view to display the 'first' item in the list
7320  showItem(items.length - 1);
7321}
7322document.addEventListener('cartContentUpdated', handleUpsellNavigation);
7323
7324// Also call handleUpsellNavigation when the document is ready
7325$(document).ready(function () {
7326  handleUpsellNavigation();
7327});
7328</script>
7328
7329
7330<script>
7331  window.theme = window.theme || {};
7332  theme.productBundles = [].map(function (bundle) {
7333    return {
7334      handle: bundle.handle,
7335      quantity: bundle.quantity,
7336      products: bundle.products.split(',').filter(Boolean).map(Number),
7337    };
7338  });
7339</script>
7339
7340
7341
7342<script>
7343"use strict";
7344
7345/* Groups loose cart lines into a bundle without the shopper visiting the product page.
7346 * After any cart change, the loose (untagged) lines are matched against every published
7347 * bundle's member products; when a bundle can be completed from them, the pipeline runs:
7348 * GET /cart/line-properties/product-bundle for signed properties, add the tagged lines,
7349 * then take the consumed units off the loose lines. The dynamic-pricing Function prices
7350 * the group from those properties, and nothing here changes that contract. A bundle
7351 * already in the cart does not stop another group of the same bundle from being built:
7352 * a shopper may buy a bundle more than once. */
7353
7354/* The run in progress is shared with every caller that asks while it is still going, so a
7355 * drawer refresh that overlaps a cart page load waits for the same grouping instead of
7356 * rendering half-way through a cart mutation. */
7357var autoGroupBundlesInFlight = null;
7358var autoGroupBundlesFailed = {};
7359
7360/* Cart endpoints are built off the storefront's locale root so a locale-prefixed
7361 * storefront reads and writes its own cart. */
7362function cartRoute(path) {
7363  var root = window.Shopify && Shopify.routes && Shopify.routes.root || "/";
7364  return root.replace(/\/$/, "") + path;
7365}
7366function readCart() {
7367  return fetch(cartRoute("/cart.js")).then(function (response) {
7368    return response.json();
7369  });
7370}
7371
7372/* The dynamic-pricing Function's discount can land a beat after /cart/add.js responds,
7373 * so refreshing the cart view immediately can render the bundle as separate, undiscounted
7374 * items until a later full recalculation (e.g. reaching checkout) catches it up. Poll
7375 * /cart.js until the new group carries the Function's "Bundle" discount before refreshing,
7376 * giving up after a bounded number of attempts so a genuine failure doesn't hang the UI.
7377 * Resolves true once the discount is confirmed and false on timeout. A timeout is not an
7378 * error: the lines are already in the cart, so the caller must still treat the bundle as
7379 * added. */
7380function waitForBundleDiscount(groupId, attemptsLeft) {
7381  if (attemptsLeft === undefined) attemptsLeft = 5;
7382  return readCart().then(function (cart) {
7383    var groupVariantIds = cart.items.filter(function (item) {
7384      return item.properties && item.properties._x_group === groupId;
7385    }).map(function (item) {
7386      return item.variant_id;
7387    });
7388
7389    /* Checked across every line of the group's variants rather than per group line:
7390     * Shopify's fixed-amount bundle discount doesn't always split evenly across every
7391     * line, and the Function merges the discounts of groups that share a variant, so the
7392     * new group's amount can land on another group's line of the same variant. Only the
7393     * Function's own "Bundle" allocation counts; a product discount from another
7394     * promotion says nothing about whether the bundle price has landed. */
7395    var bundleDiscountApplied = cart.items.some(function (item) {
7396      if (groupVariantIds.indexOf(item.variant_id) === -1) return false;
7397      return (item.discounts || []).some(function (discount) {
7398        return discount.title === "Bundle" && discount.amount > 0;
7399      });
7400    });
7401    if (bundleDiscountApplied) {
7402      return true;
7403    }
7404    if (attemptsLeft <= 1) {
7405      console.warn("Bundle discount not confirmed before timeout; refreshing cart anyway.", groupId);
7406      return false;
7407    }
7408    return new Promise(function (resolve) {
7409      setTimeout(resolve, 400);
7410    }).then(function () {
7411      return waitForBundleDiscount(groupId, attemptsLeft - 1);
7412    });
7413  });
7414}
7415
7416/* Resolves true when at least one bundle was built from loose lines (the cart has changed
7417 * and the caller should re-render), false when nothing qualified. Bundles are built one at
7418 * a time from a fresh cart read until no bundle can be completed, so two bundles quick-added
7419 * in one sitting are both grouped on the same refresh. Never rejects: a failure to build is
7420 * logged, remembered for that exact set of lines and quantities so it isn't retried on
7421 * every refresh, and the cart is left as it was. */
7422function autoGroupBundles() {
7423  var bundles = window.theme && theme.productBundles || [];
7424  if (bundles.length === 0) return Promise.resolve(false);
7425  if (autoGroupBundlesInFlight) return autoGroupBundlesInFlight;
7426  autoGroupBundlesInFlight = readCart().then(function (cart) {
7427    return groupNextBundle(bundles, false, maxBundleBuilds(bundles, cart));
7428  })["catch"](function (err) {
7429    console.warn("Could not read cart for bundle grouping.", err);
7430    return false;
7431  })["finally"](function () {
7432    autoGroupBundlesInFlight = null;
7433  });
7434  return autoGroupBundlesInFlight;
7435}
7436
7437/* Every build consumes at least the smallest bundle's quantity in loose units, so the
7438 * loose unit count divided by that quantity bounds how many groups one pass can build.
7439 * The same bundle can be built several times from one cart, so the number of published
7440 * bundles is not a bound. */
7441function maxBundleBuilds(bundles, cart) {
7442  var looseUnits = cart.items.reduce(function (total, item) {
7443    return item.properties && item.properties._x_type ? total : total + item.quantity;
7444  }, 0);
7445  var smallestQuantity = bundles.reduce(function (smallest, bundle) {
7446    return bundle.quantity > 0 && bundle.quantity < smallest ? bundle.quantity : smallest;
7447  }, Infinity);
7448  if (smallestQuantity === Infinity) return 0;
7449  return Math.floor(looseUnits / smallestQuantity);
7450}
7451function groupNextBundle(bundles, grouped, attemptsLeft) {
7452  if (attemptsLeft <= 0) return Promise.resolve(grouped);
7453  return readCart().then(function (cart) {
7454    var candidate = findCompletableBundle(bundles, cart);
7455    if (!candidate) return grouped;
7456    return commitAutoBundle(candidate).then(function () {
7457      return groupNextBundle(bundles, true, attemptsLeft - 1);
7458    })["catch"](function (err) {
7459      console.error("Could not build bundle from cart lines.", err);
7460      autoGroupBundlesFailed[candidate.signature] = true;
7461      return groupNextBundle(bundles, grouped, attemptsLeft - 1);
7462    });
7463  })["catch"](function (err) {
7464    console.warn("Could not read cart for bundle grouping.", err);
7465    return grouped;
7466  });
7467}
7468
7469/* Identifies a build attempt by the bundle, the variants chosen and the loose lines they
7470 * came from with their quantities. A failed build is remembered under this key, so the
7471 * same lines are not retried on every refresh, while any change to those lines (a unit
7472 * added, a line removed) produces a new key and a fresh attempt. */
7473function bundleSignature(bundle, assignment) {
7474  var lineKeys = {};
7475  assignment.forEach(function (line) {
7476    lineKeys[line.key + "=" + line.quantity] = true;
7477  });
7478  return bundle.handle + ":" + assignment.map(function (line) {
7479    return line.variantId;
7480  }).sort().join(",") + ":" + Object.keys(lineKeys).sort().join(",");
7481}
7482
7483/* Walks the bundles in metaobject order and returns the first one the loose lines can
7484 * complete, with the variant chosen for each unit and how many units each loose line
7485 * gives up. Loose means the line carries no _x_type: lines already in a bundle or free
7486 * gift pairing are never pulled apart, and a bundle already in the cart is neither
7487 * rebuilt nor a reason to skip building another group of it. A bundle whose build
7488 * already failed for this exact set of lines is skipped so the bundles after it still
7489 * get a chance. */
7490function findCompletableBundle(bundles, cart) {
7491  var looseLines = cart.items.filter(function (item) {
7492    return !(item.properties && item.properties._x_type);
7493  }).map(function (item) {
7494    return {
7495      key: item.key,
7496      variantId: item.variant_id,
7497      productId: item.product_id,
7498      quantity: item.quantity,
7499      price: item.price
7500    };
7501  });
7502  for (var b = 0; b < bundles.length; b++) {
7503    var bundle = bundles[b];
7504    if (!bundle.quantity) continue;
7505    var eligibleLines = looseLines.filter(function (line) {
7506      return bundle.products.indexOf(line.productId) > -1;
7507    });
7508    var assignment = takeUnits(eligibleLines, bundle.quantity);
7509    if (!assignment) continue;
7510    var variantIds = assignment.map(function (line) {
7511      return line.variantId;
7512    });
7513    var signature = bundleSignature(bundle, assignment);
7514    if (autoGroupBundlesFailed[signature]) continue;
7515    var consumed = {};
7516    assignment.forEach(function (line) {
7517      consumed[line.variantId] = (consumed[line.variantId] || 0) + 1;
7518    });
7519    return {
7520      bundle: bundle,
7521      signature: signature,
7522      variantIds: variantIds,
7523      consumedByVariant: consumed
7524    };
7525  }
7526  return null;
7527}
7528
7529/* Takes the given number of units from the lines, dearest first, one entry per unit, so
7530 * a line with quantity above one can supply several units. The bundle price is a fixed
7531 * amount, so the units chosen decide whether grouping is a saving at all: the API rejects
7532 * a group whose full price does not exceed the bundle price, and the dearest units give
7533 * the largest full price, so if this pick is rejected no other pick from the same lines
7534 * would pass. Lines of equal price keep cart order. The first unit becomes the bundle's
7535 * base line. Returns null when the lines hold fewer units than needed. */
7536function takeUnits(lines, quantity) {
7537  var byPrice = lines.map(function (line, index) {
7538    return {
7539      line: line,
7540      index: index
7541    };
7542  }).sort(function (a, b) {
7543    return b.line.price - a.line.price || a.index - b.index;
7544  }).map(function (entry) {
7545    return entry.line;
7546  });
7547  var chosen = [];
7548  for (var i = 0; i < byPrice.length && chosen.length < quantity; i++) {
7549    var line = byPrice[i];
7550    for (var unit = 0; unit < line.quantity && chosen.length < quantity; unit++) {
7551      chosen.push(line);
7552    }
7553  }
7554  return chosen.length === quantity ? chosen : null;
7555}
7556function postCart(path, body) {
7557  return theme.utils.fetch(cartRoute(path), {
7558    method: "POST",
7559    headers: {
7560      "Content-Type": "application/json"
7561    },
7562    body: JSON.stringify(body)
7563  });
7564}
7565
7566/* Adds the tagged lines before touching the loose ones, so a failed add leaves the cart
7567 * exactly as it was. The loose lines are re-read just before they are reduced: a quantity
7568 * the shopper changed since the cart was first read is honoured, and a variant that no
7569 * longer holds the consumed loose units aborts the build. If reducing the loose lines fails
7570 * or aborts, the tagged lines are removed again so the cart never carries both the bundle
7571 * and the full-price units it was built from. */
7572function commitAutoBundle(candidate) {
7573  var query = "bundleHandle=" + encodeURIComponent(candidate.bundle.handle) + "&productVariantIds=" + encodeURIComponent(candidate.variantIds.join(","));
7574  return theme.utils.fetch(theme.ENV.apiUrl + "/cart/line-properties/product-bundle?" + query).then(function (response) {
7575    var lineProperties = response && response.lineProperties;
7576    var isValidPayload = Array.isArray(lineProperties) && lineProperties.length > 0 && lineProperties.every(function (lineProperty) {
7577      return !!(lineProperty && lineProperty._x_variant && lineProperty._x_group);
7578    });
7579    if (!isValidPayload) {
7580      throw new Error("The bundle line properties were not returned.");
7581    }
7582    var items = lineProperties.map(function (lineProperty) {
7583      return {
7584        id: lineProperty._x_variant,
7585        quantity: lineProperty._x_quantity,
7586        properties: lineProperty
7587      };
7588    });
7589    return postCart("/cart/add.js", {
7590      items: items
7591    }).then(function () {
7592      return lineProperties[0]._x_group;
7593    });
7594  }).then(function (groupId) {
7595    return reduceLooseLines(candidate.consumedByVariant)["catch"](function (err) {
7596      return removeBundleGroup(groupId).then(function () {
7597        throw err;
7598      });
7599    }).then(function () {
7600      /* Past this point the add and the reduction have both committed. A poll that
7601       * cannot read the cart is treated like a timeout: the bundle is in the cart, so
7602       * the caller must still re-render and the build must not be remembered as failed. */
7603      return waitForBundleDiscount(groupId)["catch"](function (err) {
7604        console.warn("Could not confirm the bundle discount; refreshing cart anyway.", err);
7605        return false;
7606      });
7607    });
7608  });
7609}
7610
7611/* Loose units are matched by variant, not by the line key read earlier. Adding a tagged
7612 * line for a variant that is also in the cart loose can make Shopify re-split the loose
7613 * quantity across lines with new keys, and a key-based match would then wrongly conclude
7614 * the line was gone. The consumed units are taken from the loose lines of that variant in
7615 * cart order, and every line touched goes into one /cart/update.js call. */
7616function reduceLooseLines(consumedByVariant) {
7617  return readCart().then(function (cart) {
7618    var updates = {};
7619    Object.keys(consumedByVariant).forEach(function (variantId) {
7620      var remaining = consumedByVariant[variantId];
7621      cart.items.forEach(function (item) {
7622        if (remaining <= 0) return;
7623        if (String(item.variant_id) !== String(variantId)) return;
7624        if (item.properties && item.properties._x_type) return;
7625        var taken = Math.min(item.quantity, remaining);
7626        updates[item.key] = item.quantity - taken;
7627        remaining -= taken;
7628      });
7629      if (remaining > 0) {
7630        throw new Error("A loose line changed while the bundle was being built.");
7631      }
7632    });
7633    return postCart("/cart/update.js", {
7634      updates: updates
7635    });
7636  });
7637}
7638function removeBundleGroup(groupId) {
7639  return readCart().then(function (cart) {
7640    var updates = {};
7641    cart.items.forEach(function (item) {
7642      if (item.properties && item.properties._x_group === groupId) updates[item.key] = 0;
7643    });
7644    if (Object.keys(updates).length === 0) return;
7645    return postCart("/cart/update.js", {
7646      updates: updates
7647    });
7648  })["catch"](function (err) {
7649    console.error("Bundle lines could not be removed after a failed build.", err);
7650  });
7651}
7652window.waitForBundleDiscount = waitForBundleDiscount;
7653window.autoGroupBundles = autoGroupBundles;
7654</script>
7654
7655
7656
7657<script>
7658"use strict";
7659
7660window.headerPageScrollUpEventsDisabled = false;
7661var selectors = {
7662  header: ".header",
7663  wrapper: ".header-wrapper",
7664  announcementBar: ".announcement-banner",
7665  nav: ".header__nav",
7666  navItem: ".header__nav-item",
7667  navItemLink: ".header__nav-item-link",
7668  slider: ".header__megamenu-slider",
7669  headerSubCaption: ".header-sub-caption",
7670  stickyFilter: ".sticky-filter"
7671};
7672var classes = {
7673  awake: "header-wrapper--awake",
7674  floating: "header--floating"
7675};
7676function updateStickyHeaderPosition() {
7677  //Update position of filter bar, depending of page contents and their heights.
7678  var $stickyHeader = $(selectors.stickyFilter);
7679  var filterDiv = document.querySelector(".filter-section");
7680  if (filterDiv) {
7681    var reachedTopOfFilterSection = filterDiv.getBoundingClientRect().top <= 0;
7682    if (reachedTopOfFilterSection) {
7683      $stickyHeader.css("position", "fixed");
7684      $stickyHeader.css("top", "0");
7685    }
7686  }
7687
7688  //everything here if not on a collection page (collection class)
7689  if (document.querySelector(".collection")) {
7690    var collectionHeader = document.querySelector(".collection-header");
7691    var bannerImg = document.querySelector(".collection-banner-img");
7692    var hasGreyBackground = collectionHeader && collectionHeader.classList.contains("grey-background");
7693    var hasBannerImg = bannerImg !== null;
7694    var hasBubbleFilters = !(hasGreyBackground || hasBannerImg);
7695
7696    //Set bubble filter padding if applicable
7697    document.documentElement.style.setProperty("--bubbleFilterPadding", hasBubbleFilters ? "40px" : "0px");
7698    var breadcrumbs = document.querySelector(".breadcrumbs");
7699    var breadcrumbStyle = window.getComputedStyle(breadcrumbs);
7700    var breadCrumbsHeight = breadcrumbs.offsetHeight + parseFloat(breadcrumbStyle.marginTop) + parseFloat(breadcrumbStyle.marginBottom);
7701    var header = document.querySelector(".header.flex.stick");
7702    var headerStyle = window.getComputedStyle(header);
7703    var headerHeight = header.offsetHeight + parseFloat(headerStyle.marginTop) + parseFloat(headerStyle.marginBottom);
7704    var bannerImgHeight = 0;
7705    var collectionHeaderHeight = 0;
7706    if (!hasBubbleFilters) {
7707      if (hasGreyBackground) {
7708        var collectionHeaderStyle = window.getComputedStyle(collectionHeader);
7709        collectionHeaderHeight = collectionHeader.offsetHeight + parseFloat(collectionHeaderStyle.marginTop) + parseFloat(collectionHeaderStyle.marginBottom);
7710      } else {
7711        var bannerImgStyle = window.getComputedStyle(bannerImg);
7712        bannerImgHeight = bannerImg.offsetHeight + parseFloat(bannerImgStyle.marginTop) + parseFloat(bannerImgStyle.marginBottom);
7713      }
7714    } else {
7715      var _collectionHeaderStyle = window.getComputedStyle(collectionHeader);
7716      collectionHeaderHeight = collectionHeader.offsetHeight + parseFloat(_collectionHeaderStyle.marginTop) + parseFloat(_collectionHeaderStyle.marginBottom);
7717    }
7718
7719    //Half of this height is the spacing / padding of where the sticky filter bar is supposed to be, so / 2 for height
7720    var bubbleFilterHeightHalf = 0;
7721    if (hasBubbleFilters) {
7722      var collectionBubbleFilter = document.querySelector(".collection-bubble-filter");
7723      bubbleFilterHeightHalf = collectionBubbleFilter ? collectionBubbleFilter.offsetHeight / 2 - 30 : 0;
7724    }
7725
7726    //Bubble filter pages require extra spacing between filters and other elements
7727    var padding = hasBubbleFilters ? 94 : 10;
7728
7729    //Calculate the actual pixel value - returned for checking when filter bar position is reached
7730    var announcementBarHeight = parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--announcementBarHeight")) || 0;
7731    var totalHeight = announcementBarHeight + breadCrumbsHeight + headerHeight + padding + (hasBubbleFilters ? collectionHeaderHeight : bannerImgHeight) + (hasBubbleFilters ? bubbleFilterHeightHalf : hasGreyBackground ? collectionHeaderHeight : 0);
7732    var topCalc = "calc(var(--announcementBarHeight) + " + breadCrumbsHeight + "px + " + headerHeight + "px + " + padding + "px + " + (hasBubbleFilters ? collectionHeaderHeight : bannerImgHeight) + "px + " + (hasBubbleFilters ? bubbleFilterHeightHalf : hasGreyBackgroun
7732d ? collectionHeaderHeight : 0) + "px)";
7733    $stickyHeader.css("top", topCalc);
7734    return totalHeight;
7735  }
7736  return 0;
7737}
7738$(function () {
7739  var filterDiv = document.querySelector(".collection-wrapper.sticky-filter.stick.desktop");
7740  window.onload = updateStickyHeaderPosition;
7741  window.onresize = updateStickyHeaderPosition;
7742  var SCROLL_TOP_THRESHOLD = window.innerHeight;
7743  //This top value varies on viewport width changes, due to changes in header height + other elements above the filters
7744  var STICKY_TOP_THRESHOLD = updateStickyHeaderPosition();
7745  window.addEventListener("resize", function () {
7746    var $header = $(selectors.header);
7747    var $stickyHeader = $(selectors.stickyFilter);
7748    var tabletHeaderShown = $header.css("height") !== "128px";
7749    var filtersAreTransformed = window.getComputedStyle(filterDiv).transform === "matrix(1, 0, 0, 1, 0, 80)";
7750    if (tabletHeaderShown && filtersAreTransformed) {
7751      //Sometimes when the header is changed and removed from the top of the viewport on device change(desktop to tablet width),
7752      //the hideHeader function is not called. To account for this change, adjust the filters transform position when this occurs.
7753      $stickyHeader.css("transform", "none");
7754    }
7755    // Update the sticky threshold on resize
7756    STICKY_TOP_THRESHOLD = updateStickyHeaderPosition();
7757  });
7758  window.addEventListener("scroll", handlePageScroll, {
7759    passive: true
7760  });
7761  var windowScrollPrev = 0;
7762  var lastScrollDirection = null;
7763  window.resetHeader = function (force) {
7764    var $wrapper = $(selectors.wrapper);
7765    var $header = $(selectors.header);
7766    var $stickyHeader = $(selectors.stickyFilter);
7767    var windowScrollCurrent = $(window).scrollTop();
7768
7769    // Allow the hide animation to complete before setting header to position absolute.
7770    // Must ensure the timeout duration is equal that of the CSS transition duration.
7771    if (!force && $wrapper.hasClass(classes.awake)) {
7772      setTimeout(function () {
7773        $wrapper.css("position", "absolute");
7774        $wrapper.css("top", 0);
7775      }, 500);
7776      $stickyHeader.css("transform", "none");
7777      //When header reset (not forced), reposition filter div if below threshold
7778      if (filterDiv) {
7779        var stickyFilter = window.getComputedStyle(filterDiv).position === "fixed";
7780        if (stickyFilter && windowScrollCurrent >= parseInt(STICKY_TOP_THRESHOLD)) {
7781          $stickyHeader.css("top", "0px");
7782        }
7783      }
7784    } else {
7785      $wrapper.css("position", "absolute");
7786      $wrapper.css("top", 0);
7787    }
7788    $header.css("border-bottom", "none");
7789    $wrapper.removeClass(classes.awake);
7790    $header.removeClass(classes.floating);
7791  };
7792
7793  /* Makes the header hide when scrolling down, and fixed when scrolling up. */
7794  function handlePageScroll() {
7795    var windowScrollCurrent = $(window).scrollTop();
7796    var windowScrollDiff = windowScrollPrev - windowScrollCurrent;
7797    var $stickyHeader = $(selectors.stickyFilter);
7798    var filterSection = document.querySelector(".filter-section");
7799    if (filterDiv) {
7800      var style = window.getComputedStyle(filterDiv);
7801      if (filterSection) {
7802        var reachedTopOfFilterSection = filterSection.getBoundingClientRect().top <= 0;
7803        if (reachedTopOfFilterSection && style.position === "absolute") {
7804          //If filter is absolute, and top of filter reaches top of screen, make fixed
7805          //this occurs when scrolling down
7806          $stickyHeader.css("position", "fixed");
7807          $stickyHeader.css("top", "0");
7808        }
7809      }
7810      if (windowScrollCurrent <= parseInt(STICKY_TOP_THRESHOLD) && style.position === "fixed") {
7811        //If filter is fixed, and reaches top of original filter div, make absolute
7812        //this occurs when scrolling up
7813        $stickyHeader.css("position", "absolute");
7814        $stickyHeader.css("top", STICKY_TOP_THRESHOLD);
7815        $stickyHeader.css("transform", "none");
7816      }
7817    }
7818
7819    // Scrolled to the top
7820    if (windowScrollCurrent <= SCROLL_TOP_THRESHOLD) {
7821      if (windowScrollCurrent <= 0) {
7822        resetHeader(true); // Force (skip animation)
7823      } else if (lastScrollDirection != "TOP") {
7824        resetHeader();
7825      }
7826      lastScrollDirection = "TOP";
7827    }
7828    // Scrolled up
7829    else if (windowScrollDiff > 0 && !window.headerPageScrollUpEventsDisabled) {
7830      if (lastScrollDirection != "UP") {
7831        revealHeader();
7832      }
7833      lastScrollDirection = "UP";
7834    }
7835    // Scrolled down
7836    else if (windowScrollDiff < 0) {
7837      if (lastScrollDirection != "DOWN") {
7838        hideHeader();
7839      }
7840      lastScrollDirection = "DOWN";
7841    }
7842    windowScrollPrev = windowScrollCurrent;
7843  }
7844  function revealHeader() {
7845    var $header = $(selectors.header);
7846    var $wrapper = $(selectors.wrapper);
7847    var $announcementBar = $(selectors.announcementBar);
7848    var $subCaption = $(selectors.headerSubCaption);
7849    var headerHeight = $header.outerHeight() + $announcementBar.outerHeight() + $subCaption.outerHeight();
7850    var $stickyHeader = $(selectors.stickyFilter);
7851    var stickyHeaderHeight = $header.outerHeight() - $announcementBar.outerHeight();
7852    var viewportWidth = $(window).width();
7853    var topPosition;
7854    var transformY;
7855    topPosition = viewportWidth > 1024 ? -headerHeight : -104;
7856    transformY = viewportWidth > 1024 ? stickyHeaderHeight : $header.outerHeight() - 2;
7857    $wrapper.css("position", "fixed");
7858    $wrapper.css("top", topPosition);
7859
7860    //Border is added here because changing z indexes of header elements + the filters wouldn't work
7861    $header.css("border-bottom", "1px solid var(--colorLightGray)");
7862
7863    //Filters moved in way of header
7864    $stickyHeader.css("position", "fixed");
7865    $stickyHeader.css("transform", "translateY(".concat(transformY, "px) translate3d(0, 0, 0)"));
7866    $wrapper.addClass(classes.awake);
7867  }
7868  function hideHeader() {
7869    var $header = $(selectors.header);
7870    var $wrapper = $(selectors.wrapper);
7871    var $stickyHeader = $(selectors.stickyFilter);
7872    $wrapper.removeClass(classes.awake);
7873    $header.css("border-bottom", "none");
7874
7875    //Revert sticky filter to top of page
7876    $stickyHeader.css("top", "0px");
7877    $stickyHeader.css("transform", "none");
7878  }
7879  function init() {
7880    $(selectors.navItem).on("mouseenter", handleMouseEnter);
7881    $(selectors.nav).on("mouseleave", handleMouseLeave);
7882    if (window.pendingMouseEnterNavEvent) {
7883      handleMouseEnter(window.pendingMouseEnterNavEvent);
7884    }
7885  }
7886  init();
7887
7888  /* Re-init and cleanup */
7889  document.addEventListener("shopify:section:load", handleSectionLoad);
7890  document.addEventListener("shopify:section:unload", handleSectionUnload);
7891  function handleSectionLoad() {
7892    init();
7893  }
7894  function handleSectionUnload() {
7895    $(selectors.slider).slick("unslick");
7896    $(selectors.navItem).off("mouseenter", handleMouseEnter);
7897    $(selectors.nav).off("mouseleave", handleMouseLeave);
7898  }
7899  function handleMouseEnter(event) {
7900    var navItem = event.currentTarget;
7901    var megamenuName = navItem.dataset.megamenuName;
7902
7903    /* Close any other megamenu that might be open (so only 1 shows at a time). */
7904    $(selectors.navItem + ':not([data-megamenu-name="' + megamenuName + '"]').removeClass("active");
7905
7906    /* Has no megamenu. */
7907    if (!megamenuName) {
7908      /* Ensure the document knows that no megamenu is active. */
7909      document.documentElement.classList.remove("megamenu-active");
7910      return;
7911    }
7912    navItem.classList.add("active");
7913    document.documentElement.classList.add("megamenu-active");
7914    $(selectors.slider).slick({
7915      dots: true,
7916      adaptiveHeight: true,
7917      autoplay: true,
7918      autoplaySpeed: 2500
7919    });
7920  }
7921  function handleMouseLeave(event) {
7922    /* adding delay to mouse leave to stop it from closing the dropdown megamenu as user tries to move
7923    cursor down to it */
7924    setTimeout(function () {
7925      var navContainer = document.querySelector(selectors.nav);
7926      var megamenu = document.querySelector(".header__megamenu");
7927      var mouseOverNav = navContainer.matches(":hover");
7928      var mouseOverMegamenu = megamenu && megamenu.matches(":hover");
7929      if (!mouseOverNav && !mouseOverMegamenu) {
7930        $(selectors.navItem).removeClass("active");
7931        event.currentTarget.classList.remove("active");
7932        document.documentElement.classList.remove("megamenu-active");
7933      }
7934    }, 100);
7935  }
7936});
7937</script>
7937
7938
7939
7940
7941</div><div id="shopify-section-header-nz" class="shopify-section">
7942
7943
7944</div><main role="main">
7945<style>
7946.breadcrumbs {
7947  margin: 16px 0 10px;
7948  padding-top: 8px;
7949}
7950.breadcrumbs--center {
7951  text-align: center;
7952}
7953
7954.breadcrumbs__list {
7955  list-style-type: none;
7956  margin: 0;
7957  padding: 0;
7958}
7959
7960.breadcrumbs__item {
7961  display: inline-block;
7962  font-size: 14px;
7963  color: var(--colorNavy);
7964  overflow: hidden;
7965  text-overflow: ellipsis;
7966  white-space: nowrap;
7967}
7968@media (max-width: 767px) {
7969  .breadcrumbs__item {
7970    max-width: 120px;
7971  }
7972  .breadcrumbs__item:not(:nth-last-of-type(-n + 2)) {
7973    display: none;
7974  }
7975  .breadcrumbs__item:not(:last-child) {
7976    text-decoration: underline;
7977    font-weight: bold;
7978    font-family: var(--fontSecondary);
7979  }
7980  .breadcrumbs__item:not(:last-child):before {
7981    display: none !important;
7982  }
7983}
7984
7985.breadcrumbs__item:not(:first-child):before {
7986  content: "/";
7987  display: inline-block;
7988  position: relative;
7989  margin: 0 8px;
7990  font-size: 12px;
7991  color: var(--colorLightGray);
7992}
7993@media (max-width: 767px) {
7994  .breadcrumbs__item:not(:first-child):before {
7995    margin: 0 4px;
7996  }
7997}
7998
7999.breadcrumbs__link:not([aria-current=page]) {
8000  text-decoration: underline;
8001  font-weight: bold;
8002  font-family: var(--fontSecondary);
8003}
8004
8005.breadcrumbs__link[aria-current=page]:hover,
8006.breadcrumbs__link[aria-current=page]:focus {
8007  text-decoration: underline;
8008}
8009</style>
8010
8011<div class="page-width">
8012  <nav class="breadcrumbs breadcrumbs--center" role="navigation" aria-label="breadcrumbs">
8013    <ol class="breadcrumbs__list">
8014      <li class="breadcrumbs__item">
8015        <a class="breadcrumbs__link" href="/">Home</a>
8016      </li><li class="breadcrumbs__item">
8017            <a class="breadcrumbs__link" href="/account/login" aria-current="page">Account</a>
8018          </li></ol>
8019  </nav></div>
8020
8021<style>
8022.login {
8023  max-width: 400px;
8024  margin: 0 auto;
8025  padding: 32px 24px;
8026}
8027.login .text-input {
8028  margin-bottom: 16px;
8029  width: 100%;
8030}
8031.login .text-input a {
8032  color: var(--colorBlackAlpha600);
8033  font-size: 14px;
8034}
8035.login .text-input a:hover {
8036  text-decoration: underline;
8037}
8038.login .button {
8039  width: 100%;
8040  margin-top: 16px;
8041  margin-bottom: 16px;
8042}
8043.login__update-password-submit--success {
8044  margin-bottom: 24px;
8045}
8046</style><h1 class="page-title text-center mb-6">Customer Login</h1>
8047
8048<div class="login card">
8049  
8050
8051  <form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" />
8052<div class="text-input  email"><div class="flex justify-between items-center hide mb-2">
8053      <label for="customer[email]">Email Address</label><a href="/pages/forgot-email">Forgot Email?</a></div><div class="text-input__inner">
8054    
8055      <input
8056        type="email"
8057        name="customer[email]"
8058        placeholder="Your Email Address"
8059        
8060         id="email"
8061        
8062         autocomplete="email"
8063         required
8064        
8065        
8066        
8067        pattern="[^@\s]+@[^@\s]+\.[^@\s]+"
8068      /></div>
8069</div>
8070
8071
8072
8073<div class="text-input  password"><div class="flex justify-between items-center hide mb-2">
8074      <label for="customer[password]">Password</label><a href="/pages/forgot-password">Forgot Password?</a></div><div class="text-input__inner">
8075    
8076      <input
8077        type="password"
8078        name="customer[password]"
8079        placeholder="Your Password"
8080        
8081         id="password"
8082        
8083         autocomplete="current-password"
8084         required
8085        
8086        
8087        
8088        
8089      /></div>
8090</div>
8091
8092
8093
8094<button type="submit" class="button button-md">
8095      Login
8096    </button>
8097
8098    <a href="/account/register" class="flex text-center items-center justify-center p-2">
8099      <span class="link">Create an account</span> <i class="material-icons icon icon-md ml-1" >
8100  arrow_right_alt
8101</i>
8102
8103
8104
8105
8106    </a>
8107  </form>
8108</div>
8109
8110
8111
8112
8113<script>
8114"use strict";
8115
8116$(function () {
8117  var selectors = {
8118    resetPasswordSubmitSuccess: '.login__update-password-submit--success'
8119  };
8120  document.getElementById('email').addEventListener('change', function (e) {
8121    document.getElementById('password').parentElement.parentElement.querySelector('a').setAttribute('href', '/pages/forgot-password?email=' + e.target.value);
8122  });
8123  if (window.location.hash == '#recover') {
8124    $(selectors.resetPasswordSubmitSuccess).removeClass('hide');
8125  }
8126});
8127</script>
8127
8128    </main>
8129
8130    <div class="flex-grow"></div><div id="shopify-section-footer" class="shopify-section"><style>
8131.footer {
8132  background: var(--colorNavy);
8133  color: white;
8134  margin-top: 80px;
8135}
8136.footer hr {
8137  border-color: var(--colorLightBlue300);
8138}
8139.footer__inner {
8140  max-width: 1200px;
8141  margin: 0 auto;
8142  padding: 0 64px;
8143}
8144@media (max-width: 767px) {
8145  .footer__inner {
8146    padding: 0 24px;
8147  }
8148}
8149.footer .footer-menus {
8150  display: flex;
8151  padding: 80px 0;
8152}
8153@media (max-width: 767px) {
8154  .footer .footer-menus {
8155    flex-direction: column;
8156  }
8157  .footer .footer-menus .footer-menu {
8158    width: 100%;
8159    margin-bottom: 40px;
8160  }
8161}
8162.footer .footer-bottom {
8163  font-size: 14px;
8164  padding-top: 32px;
8165  padding-bottom: 32px;
8166  display: flex;
8167  align-items: center;
8168  justify-content: space-between;
8169  color: var(--colorWhiteAlpha700);
8170}
8171@media (max-width: 1024px) {
8172  .footer .footer-bottom {
8173    font-size: 12px;
8174  }
8175}
8176@media (max-width: 767px) {
8177  .footer .footer-bottom {
8178    flex-direction: column;
8179    margin-bottom: 30px;
8180    text-align: center;
8181    justify-content: center;
8182    font-size: 14px;
8183  }
8184}
8185.footer .footer-bottom > div:first-of-type {
8186  display: flex;
8187  align-items: center;
8188}
8189@media (max-width: 767px) {
8190  .footer .footer-bottom > div:first-of-type {
8191    flex-direction: column;
8192    margin-bottom: 20px;
8193  }
8194}
8195.footer .footer-bottom img {
8196  height: 26px;
8197  margin-right: 32px;
8198}
8199@media (max-width: 767px) {
8200  .footer .footer-bottom img {
8201    margin-right: 0px;
8202    margin-bottom: 20px;
8203  }
8204}
8205.footer .footer-newsletter__body-text {
8206  font-size: 14px;
8207  color: var(--colorWhiteAlpha700);
8208  margin-bottom: 24px;
8209}
8210.footer .footer-newsletter input {
8211  font-size: 14px;
8212}
8213.footer .footer-newsletter .social-media-icons {
8214  display: flex;
8215  flex-direction: row;
8216  margin-top: 24px;
8217}
8218.footer .footer-newsletter .social-media-icons img {
8219  width: 25px;
8220  height: 25px;
8221  margin-right: 15px;
8222}
8223.footer .footer-newsletter .signup-results p {
8224  font-size: 14px !important;
8225}
8226</style>
8227
8228<div class="footer__spacer"></div>
8229
8230<div class="footer">
8231  <div class="footer__inner">
8232    <div class="footer-menus"><style data-shopify>@media only screen and (min-width: 769px) {
8233          .footer__item--2efc5d9b-8226-4efa-b434-a816921e6868 {
8234            width: %;
8235          }
8236        }</style>
8237<style>
8238.footer-menu {
8239  flex-grow: 0;
8240  width: 25%;
8241  flex-wrap: wrap;
8242  padding-right: 16px;
8243  color: var(--colorWhiteAlpha900);
8244}
8245.footer-menu h4 {
8246  font-weight: bold;
8247  font-family: var(--fontSecondary);
8248  font-size: 16px;
8249  margin-bottom: 16px;
8250}
8251.footer-menu ul {
8252  list-style: none;
8253  padding: 0;
8254}
8255.footer-menu ul li {
8256  margin: 16px 0;
8257}
8258.footer-menu ul a {
8259  text-decoration: none;
8260  color: inherit;
8261  font-size: 14px;
8262}
8263</style>
8264
8265
8266
8267
8268
8269
8270  <div class="footer-menu">
8271    <h4>FILA</h4>
8272
8273    <div>
8274      <ul><li><a href="/pages/rewards">FILA Rewards</a></li><li><a href="/pages/about-us">About Us</a></li><li><a href="/pages/stores">Store Finder</a></li><li><a href="/pages/careers">Careers</a></li><li><a href="/pages/schools">School & Corporate Discounts</a></li></ul>
8275    </div>
8276  </div>
8277
8278
8279
8280
8281<style data-shopify>@media only screen and (min-width: 769px) {
8282          .footer__item--e0a74886-af25-4784-b83b-9eaa7a145f35 {
8283            width: %;
8284          }
8285        }</style>
8286
8287
8288
8289
8290
8291  <div class="footer-menu">
8292    <h4>HELP & SUPPORT</h4>
8293
8294    <div>
8295      <ul><li><a href="/pages/contact">Contact Us</a></li><li><a href="/pages/faqs">FAQs</a></li><li><a href="/pages/returns">Returns & Exchanges</a></li><li><a href="/pages/shipping-policy">Shipping Policy</a></li><li><a href="/pages/promotion-terms">Promotions</a></li><li><a href="/pages/size-guide">Size Guides</a></li><li><a href="/pages/terms-of-image-use">Image Use</a></li></ul>
8296    </div>
8297  </div>
8298
8299
8300
8301
8302<style data-shopify>@media only screen and (min-width: 769px) {
8303          .footer__item--6173d17a-8fa4-41bc-ae38-e374772b0812 {
8304            width: %;
8305          }
8306        }</style>
8307
8308
8309
8310
8311
8312  <div class="footer-menu">
8313    <h4>QUICK LINKS</h4>
8314
8315    <div>
8316      <ul><li><a href="/pages/returns-portal">Returns Portal</a></li><li><a href="/collections/shoes">Shop Footwear</a></li><li><a href="/collections/mens">Shop Men's</a></li><li><a href="/collections/womens">Shop Women's</a></li><li><a href="/collections/kids">Shop Kids</a></li></ul>
8317    </div>
8318  </div>
8319
8320
8321
8322
8323<div class="footer-menu footer-newsletter">
8324        <h4>Join FILA</h4>
8325        <p class="footer-newsletter__body-text">Sign up for exclusive offers, first looks at collaborations, and all things FILA.</p>
8326
8327        
8328<style>
8329.newsletter-form .loading-spinner {
8330  width: 32px;
8331  height: 32px;
8332  display: none;
8333}
8334.newsletter-form .loading-spinner > div {
8335  width: 24px;
8336  height: 24px;
8337  margin: 0;
8338}
8339.newsletter-form .button-outline {
8340  border-color: var(--colorWhite);
8341}
8342.newsletter-form .button-outline:not(:disabled):hover {
8343  background-color: var(--colorNavy);
8344  color: var(--colorWhite);
8345  border-color: var(--colorWhite);
8346}
8347.newsletter-form .signup-results {
8348  display: none;
8349  margin-top: 20px;
8350}
8351</style>
8352
8353
8354
8355
8356
8357
8358<div class="newsletter-form newsletter-form-footer">
8359  <a href="/pages/rewards" class="button button-md button-icon-animated">
8360    JOIN NOW
8361    <i class="material-icons icon icon-md ml-2 desktop-only">
8362      arrow_right_alt
8363    </i>
8364  </a>
8365</div>
8366
8367
8368<script>
8369"use strict";
8370
8371/* When the user submits the sign up banner form, call the register for marketing endpoint */
8372$("#footer").find('button[type="submit"]').on("click", function (e) {
8373  e.preventDefault();
8374  e.stopPropagation();
8375  var email = $("#footer").find('input[type="email"]');
8376  if (email && email.val() && email.val().length > 0) {
8377    /* Hide the form */
8378    $("#footer").hide();
8379    $(".newsletter-form-footer .loading-spinner").show();
8380
8381    /* Submit the email to our marketing API */
8382    var url = theme.ENV.apiUrl + "/marketing";
8383    fetch(url, {
8384      method: "POST",
8385      headers: {
8386        "Content-Type": "application/json"
8387      },
8388      body: JSON.stringify({
8389        email: email.val()
8390      })
8391    }).then(function (response) {
8392      // The API call was successful!
8393      return response.json();
8394    }).then(function (response) {
8395      if (!response.success) {
8396        if (response.statusCode !== 200) {
8397          $("#footer").show();
8398        }
8399        $(".newsletter-form-footer .signup-results").children()[0].innerHTML = response.message;
8400      } else {
8401        $(".newsletter-form-footer .signup-results").children()[0].innerHTML = "Thank you for signing up!";
8402      }
8403      $(".newsletter-form-footer .loading-spinner").hide();
8404      $(".newsletter-form-footer .signup-results").show();
8405    })["catch"](function (err) {
8406      // There was an error
8407      console.warn("Something went wrong.", err);
8408      $(".newsletter-form-footer .loading-spinner").hide();
8409      $(".newsletter-form-footer .signup-results").show();
8410    });
8411  }
8412});
8413</script>
8413
8414
8415
8416        <div class="social-media-icons">
8417          <a
8418            href="https://www.instagram.com/fila_australia/"
8419            target="blank"
8420            rel="noopener noreferrer"
8421          >
8422            <img
8423              src="//fila.com.au/cdn/shop/t/362/assets/instagram-white.png?v=139798758820152565711789359608"
8424              alt="FILA Instagram Account"
8425              itemprop="logo"
8426            />
8427          </a>
8428          <a
8429            href="https://www.facebook.com/FILAAustralia/"
8430            target="blank"
8431            rel="noopener noreferrer"
8432          >
8433            <img
8434              src="//fila.com.au/cdn/shop/t/362/assets/facebook-white.png?v=36207450704110916741789359602"
8435              alt="FILA Facebook Account"
8436              itemprop="logo"
8437            />
8438          </a>
8439        </div>
8440
8441      </div>
8442    </div>
8443    <hr />
8444    <div class="footer-bottom">
8445      <div>
8446        <img src="//fila.com.au/cdn/shop/t/362/assets/fila-logo-white.svg?v=16888769105409213561789359604" alt="FILA Australia"
8447        itemprop="logo" />
8448        <div class="copyright" onclick="throw new Error('Whoops')">
8449          &copy; 2026 FILA Luxembourg S.à.r.l. - All Rights
8450          Reserved
8451        </div>
8452      </div>
8453      <div>
8454        <a href="/pages/terms-conditions">Terms & Conditions</a>
8455        &bull;
8456        <a href="/pages/rewards-terms-and-conditions">Rewards</a>
8457        &bull;
8458        <a href="/pages/privacy-policy">Privacy Policy</a>
8459      </div>
8460    </div>
8461  </div>
8462</div>
8463<script>
8464  localStorage.setItem('last-page', window.location.pathname)
8465</script>
8465
8466
8467
8468<style> #shopify-section-footer .footer {margin-top: 30px; margin-bottom: 0px; padding-bottom: 0px;} #shopify-section-footer .footer-menus {padding-top: 60px; padding-bottom: 60px;} #shopify-section-footer .footer__inner {max-width: 100vw; margin: 0 10%; padding: 0px;} #shopify-section-footer .footer-menus li {margin-top: 12px; margin-bottom: 12px;} #shopify-section-footer .button {background-color: white; border-radius: 50px; color: var(--colorNavy);} #shopify-section-footer .button:not(:disabled):hover {background-color: var(--colorNavy); color: white; border-color: white;} </style></div><style>  </style>
8469<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8469
8470</body>
8471</html>

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