PageSourceSearch

https://www.modernperformance.com/cart

html modernperformance.com collected 2026-10-02 19:45:25 UTC 316,436 bytes, 7,305 lines download raw bytes

1<!doctype html>
2<html
3  class="min-h-[100vh]"
4  lang="en"
5  x-data="app()"
6  x-init="
7    updateCart(false, false);
8    handleSharedCart();
9    handleSharedDiscount();
10    initAnimationObserver();
11    initPopstate();
12    handleOpnedAccount();
13  "
14  @keydown.meta.k.window="openSearch()"
15>
16  <head>
17    
18    <!-- snippets/theme__meta.liquid -->
19
20
21
22
23
24
25<title>Your Shopping Cart · Modern Performance</title>
26<link href='https://www.modernperformance.com/cart' rel='canonical'>
27<meta charset='utf-8'>
28<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
29
30
31
32  <link href="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?crop=center&height=180&v=1757967955&width=180" rel="apple-touch-icon" sizes="180x180">
33  <link href="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?crop=center&height=32&v=1757967955&width=32" rel="icon" type="image/png" sizes="32x32">
34
35<meta name="msapplication-TileColor" content="#ffffff">
36<meta name="theme-color" content="">
37<meta name="description" content="Modern Performance" />
38
39
40<meta property="og:url" content="https://www.modernperformance.com/cart">
41<meta property="og:site_name" content="Modern Performance">
42<meta property="og:type" content="website">
43<meta property="og:title" content="Your Shopping Cart">
44<meta property="og:description" content="Modern Performance">
45
46
47
48
49<meta name="twitter:title" content="Your Shopping Cart">
50<meta name="twitter:site" content="" />
51<meta name="twitter:description" content="Modern Performance">
52<meta name="twitter:card" content="summary_large_image">
53
54
55    
56    
57      <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
58    
59
60    
61    <!-- snippets/theme__styles.liquid -->
62
63
64
65
66
67
68  <link rel="preload" as="font" href="//www.modernperformance.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" type="font/woff2" crossorigin>
69
70
71
72
73
74
75<noscript>
76  <style>
77    .js-animation.opacity-0 {
78      opacity: 100 !important;
79    }
80    .js-animation.translate-y-4,
81    .js-animation.translate-y-8 {
82      transform: translateY(0px) !important;
83    }
84    .js-image {
85      opacity: 100 !important;
86    }
87    .js-picture {
88      animation: none !important;
89      opacity: 1 !important;
90      filter: blur(0px) !important;
91      transform: scale(1) !important;
92    }
93    .no-js--hide {
94      display: none !important;
95    }
96    .no-js--block {
97      display: block !important;
98    }
99  </style>
100</noscript>
101
102
103
104
105
106<style data-shopify>
107  /* Theme variables */
108  
109  
110  
111  @font-face {
112  font-family: Inter;
113  font-weight: 700;
114  font-style: normal;
115  font-display: swap;
116  src: url("//www.modernperformance.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
117       url("//www.modernperformance.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
118}
119
120  
121  
122
123  :root {
124
125    /* Background colors */
126    --color__background-body: #ffffff;
127    --color__background-overlay-1: #e6e6e6;
128    --color__background-overlay-2: #b3b3b3;
129    --color__background-overlay-3: #808080;
130    --color__background-shade-1: rgba(217, 217, 217, 0.3);
131    --color__background-shade-2: rgba(191, 191, 191, 0.3);
132    --color__background-shade-3: rgba(128, 128, 128, 0.3);
133    --color__background-primary: #f5cb5c;
134    --color__background-secondary: #242423;
135    --color__background-tertiary: #e8eddf;
136    --color__background-neutral: #ffffff;
137    --color__background-plain: #e6e6e6;
138    --color__shade-primary: #f2bc2c;
139    --color__shade-secondary: #3e3e3c;
140    --color__shade-tertiary: #d1dbbe;
141    --color__shade-neutral: #e6e6e6;
142    --color__shade-plain: #cdcdcd;
143
144    /* Foreground colors */
145    --color__foreground-primary: #242423;
146    --color__foreground-secondary: #ffffff;
147    --color__foreground-tertiary: #242423;
148    --color__foregound-neutral: #000000;
149    --color__foreground-plain: #000000;
150
151    /* Text colors */
152    --color__text-light: #000000;
153    --color__text-dark: #e8eddf;
154    --color__text-link: #f5cb5c;
155
156    /* Border colors */
157    --color__border-divider-1: rgba(179, 179, 179, 0.3);
158    --color__border-divider-2: rgba(179, 179, 179, 0.6);
159    --color__border-divider-3: rgba(179, 179, 179, 0.8);
160    --color__border-selected-1: rgba(102, 102, 102, 0.6);
161    --color__border-selected-2: rgba(102, 102, 102, 0.8);
162    --color__border-primary: #f5cb5c;
163    --color__border-secondary: #242423;
164    --color__border-tertiary: #e8eddf;
165    --color__border-neutral: #ffffff;
166    --color__border-plain: #e6e6e6;
167
168    /* Gap sizing */
169    --sizes__gap-width: 10px;
170
171    /* Border width */
172    --sizes__border-button-width: 1px;
173    --sizes__border-input-width: 1px;
174    --sizes__border-element-width: 1px;
175
176    /* Border radius */
177    --sizes__border-element-radius: 0px;
178    --sizes__border-button-radius: 0px;
179    --sizes__border-input-radius: 5px;
180    
181      --sizes__border-textarea-radius: 5px;
182    
183
184    /* Input width and padding */
185    
186      --sizes__border-input-width: 1px;
187      --sizes__border-input-width-top: 1px;
188      --sizes__border-input-width-left: 1px;
189      --sizes__border-input-width-right: 1px;
190      --sizes__border-input-width-bottom: 1px;
191    
192    
193      --sizes__border-input-width: 0;
194      --sizes__border-input-width-top: 0;
195      --sizes__border-input-width-left: 0;
196      --sizes__border-input-width-right: 0;
197      --sizes__border-input-width-bottom: 0;
198    
199    --sizes__border-input-padding-left: 1rem;
200    --sizes__border-input-padding-right: 1rem;
201    
202    
203
204    /* Typography */
205    --type__font-100: calc(var(--type__font-200) / 1.05);
206    --type__font-200: calc(var(--type__font-300) / 1.05);
207    --type__font-300: 18px;
208    --type__font-400: calc(var(--type__font-300) * 1.05);
209    --type__font-500: calc(var(--type__font-400) * 1.05);
210    --type__font-600: calc(var(--type__font-500) * 1.05);
211    --type__font-700: calc(var(--type__font-600) * 1.05);
212    --type__font-800: calc(var(--type__font-700) * 1.05);
213    --type__font-900: calc(var(--type__font-800) * 1.05);
214    --type__font-1000: calc(var(--type__font-900) * 1.05);
215    --type__font-1100: calc(var(--type__font-1000) * 1.05);
216    --type__font-1200: calc(var(--type__font-1100) * 1.05);
217    --type__font-smaller: clamp(var(--type__font-100), 1vw + 0.5rem, var(--type__font-200));
218    --type__font-small: clamp(var(--type__font-200), 1vw + 0.5rem, var(--type__font-300));
219    --type__font-base: clamp(var(--type__font-300), 1vw + 0.5rem, var(--type__font-400));
220    --type__font-big: clamp(var(--type__font-400), 1vw + 0.5rem, var(--type__font-500));
221    --type__font-bigger: clamp(var(--type__font-500), 1vw + 0.5rem, var(--type__font-600));
222    --type__font-heading-1: clamp(var(--type__font-800), 4vw + 0.5rem, var(--type__font-1100));
223    --type__font-heading-2: clamp(var(--type__font-700), 4vw + 0.5rem, var(--type__font-1000));
224    --type__font-heading-3: clamp(var(--type__font-600), 4vw + 0.5rem, var(--type__font-900));
225    --type__font-heading-4: clamp(var(--type__font-500), 4vw + 0.5rem, var(--type__font-700));
226    --type__font-heading-5: clamp(var(--type__font-400), 4vw + 0.5rem, var(--type__font-600));
227    --type__font-heading-6: clamp(var(--type__font-300), 4vw + 0.5rem, var(--type__font-500));
228
229    
230      --type__font-heading-line: 1.625;
231    
232
233    --spacing__font-smaller: calc(var(--type__font-smaller) * 1.625);
234    --spacing__font-small: calc(var(--type__font-small) * 1.625);
235    --spacing__font-base: calc(var(--type__font-base) * 1.625);
236    --spacing__font-big: calc(var(--type__font-big) * 1.625);
237    --spacing__font-bigger: calc(var(--type__font-bigger) * 1.625);
238
239    --type__font-body-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
240    --type__font-body-style: normal;
241    --type__font-body-weight: 400;
242    --type__font-header-family: Inter, sans-serif;
243    --type__font-header-style: normal;
244    --type__font-header-weight: 700;
245    --type__font-nav-family: "system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
246    --type__font-nav-style: normal;
247    --type__font-nav-weight: 400;
248    --type__heading-capiliziation: ;
249    --type__nav-capiliziation: ;
250    --type__button-capiliziation: ;
251
252    /* Inputs */
253    
254      --inputs__text: inherit;
255    
256    --inputs__border: rgba(179, 179, 179, 0.3) !important;
257    --inputs__background: rgba(191, 191, 191, 0.3) !important;
258
259  }
260
261  /* Animate css classes */
262  
263
264  /* Shopify accelerated checkout */
265  shopify-accelerated-checkout {
266    --shopify-accelerated-checkout-button-border-radius: 0px;
267    --shopify-accelerated-checkout-skeleton-background-color: #242423;
268    --shopify-accelerated-checkout-button-block-size: 44px;
269  }
270  shopify-accelerated-checkout-cart {
271    --shopify-accelerated-checkout-button-border-radius: 0px;
272    --shopify-accelerated-checkout-inline-alignment: flex-start;
273    --shopify-accelerated-checkout-row-gap: 1rem;
274    --shopify-accelerated-checkout-skeleton-background-color: #f0f0f0;
275  }
276</style>
277
278    
279
280
281  <link href="//www.modernperformance.com/cdn/shop/t/10/assets/styles-BX5mAWcH.css?v=18268532251699314891769918451" rel="stylesheet" type="text/css" media="all" />
282
283
284    
284<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
284<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/68829020238/digital_wallets/dialog">
285<meta id="in-context-paypal-metadata" data-shop-id="68829020238" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
286<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
286<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3664937038"></script>
286
287<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
288<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=3664937038&shop_id=68829020238" crossorigin="anonymous"></script>
vendor: 1 bytes, line 288
288
289<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":68829020238,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/68829020238","merchantName":"Modern Performance","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Modern Performance","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 289
289
290<script id="shopify-features" type="application/json">{"accessToken":"995a5cec8c7d73658086bbb5bdd8bea9","betas":["rich-media-storefront-analytics"],"domain":"www.modernperformance.com","predictiveSearch":true,"shopId":68829020238,"locale":"en"}</script>
vendor: 1 bytes, line 290
290
291<script>var Shopify = Shopify || {};
292Shopify.shop = "exn1yf-er.myshopify.com";
293Shopify.locale = "en";
294Shopify.currency = {"active":"USD","rate":"1.0"};
295Shopify.country = "US";
296Shopify.theme = {"name":"Updated copy of Modern Performance","id":146451923022,"schema_name":"Keystone","schema_version":"2.1.0","theme_store_id":2943,"role":"main"};
297Shopify.theme.handle = "null";
298Shopify.theme.style = {"id":null,"handle":null};
299Shopify.cdnHost = "www.modernperformance.com/cdn";
300Shopify.routes = Shopify.routes || {};
301Shopify.routes.root = "/";
302Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
303Shopify.SignInWithShop = Shopify.SignInWithShop || {};
304Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
305Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 305
305
306<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 306
306
307<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 307
307
308<script>
309  window.ShopifyPay = window.ShopifyPay || {};
310  window.ShopifyPay.apiHost = "shop.app\/pay";
311  window.ShopifyPay.redirectState = null;
312</script>
vendor: 1 bytes, line 312
312
313<script>
314  window.Shopify = window.Shopify || {};
315  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
316  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
317  window.Shopify.SignInWithShop.eligible = true;
318</script>
vendor: 1 bytes, line 318
318
319<script id="shop-js-analytics" type="application/json">{"pageType":"cart"}</script>
vendor: 1 bytes, line 319
319
320<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 320
320
321<script type="module">
322  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
323
324  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
325
326</script>
vendor: 1 bytes, line 326
326
327<script>
328  window.Shopify = window.Shopify || {};
329  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
330  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"]};
331</script>
vendor: 1 bytes, line 331
331
332<script id="__st">var __st={"a":68829020238,"offset":-18000,"reqid":"212e293d-d826-464f-bac6-ab33e9f6dce2-1790970324","pageurl":"www.modernperformance.com\/cart","u":"8e13ccd9fe09","p":"cart"};</script>
vendor: 1 bytes, line 332
332
333<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 333
333
334<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 334
334
335<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.modernperformance.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 335
335
336<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 = "//www.modernperformance.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
336<script crossorigin="anonymous" defer="defer" src="//www.modernperformance.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 336
336
337<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 337
337
338<script>
339  window.Shopify = window.Shopify || {};
340  window.Shopify.MCP = window.Shopify.MCP || {};
341  window.Shopify.MCP.enabled = true;
342  window.Shopify.MCP.shop = "exn1yf-er.myshopify.com";
343  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.modernperformance.com\/api\/mcp";
344  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"]}}];
345</script>
vendor: 1 bytes, line 345
345
346<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("\/\/www.modernperformance.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
347</script>
vendor: 1 bytes, line 347
347
348<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://www.modernperformance.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
349</script>
vendor: 1 bytes, line 349
349
350<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
351  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);
352</script>
vendor: 1 bytes, line 352
352
353<script>
354  function portableWalletsCleanup(e){e&&e.src&&console.error("Failed to load portable wallets script "+e.src);var t=document.querySelectorAll("shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton"),e=document.getElementById("shopify-buyer-consent");for(let e=0;e<t.length;e++)t[e].remove();e&&e.remove()}function portableWalletsNotLoadedAsModule(e){e instanceof ErrorEvent&&"string"==typeof e.message&&e.message.includes("import.meta")&&"string"==typeof e.filename&&e.filename.includes("portable-wallets")&&(window.removeEventListener("error",portableWalletsNotLoadedAsModule),window.Shopify.PaymentButton.failedToLoad=e,"loading"===document.readyState?document.addEventListener("DOMContentLoaded",window.Shopify.PaymentButton.init):window.Shopify.PaymentButton.init())}window.addEventListener("error",portableWalletsNotLoadedAsModule);
355</script>
355
356
357<script type="module" src="https://www.modernperformance.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js" onError="portableWalletsCleanup(this)" crossorigin="anonymous"></script>
vendor: 1 bytes, line 357
357
358<script nomodule>
359  document.addEventListener("DOMContentLoaded", portableWalletsCleanup);
360</script>
360
361
362<script id='scb4127' type='text/javascript' async='' src='https://www.modernperformance.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
362<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.modernperformance.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
363<style id="shopify-accelerated-checkout-cart">
364        #shopify-buyer-consent {
365  margin-top: 1em;
366  display: inline-block;
367  width: 100%;
368}
369
370#shopify-buyer-consent.hidden {
371  display: none;
372}
373
374#shopify-subscription-policy-button {
375  background: none;
376  border: none;
377  padding: 0;
378  text-decoration: underline;
379  font-size: inherit;
380  cursor: pointer;
381}
382
383#shopify-subscription-policy-button::before {
384  box-shadow: none;
385}
386
387      </style>
388
389<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
389
390
391    
392    <!-- snippets/theme__structured-data.liquid -->
393
394
395
396
397
398
399
400
401
402
403
404  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
405
406
407
408<script type="text/javascript">
409  (function(d){
410      var s = d.createElement('script');
411      s.async = true;
412      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
413      var firstScript = d.getElementsByTagName('script')[0];
414      firstScript.parentNode.insertBefore(s, firstScript);
415  })(document);
416</script>
416
417
418
419
420<!-- END app block --><!-- BEGIN app block: shopify://apps/redirect-hero/blocks/live-redirect/303f77a4-ad21-4d11-82f8-47eb94136aff -->
420<script>
421    const liveRedirectActive = false;
422</script>
422
423
424<!-- END app block --><!-- BEGIN app block: shopify://apps/smart-filter-search/blocks/app-embed/5cc1944c-3014-4a2a-af40-7d65abc0ef73 -->
425<link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.min.js" as="script" rel="preload">
426<link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.vendor.min.js" as="script" rel="preload">
427      <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.shared.min.js" as="script" rel="preload">
428      <link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.squirrelly.min.js" as="script" rel="preload">
429<link rel="preconnect" href="https://filter-x1.globo.io" crossorigin><link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.search.min.js" as="script" rel="preload">
430      <link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.search.css" media="print" onload="this.media='all'"><meta id="search_terms_value" content="" />
431    <!-- BEGIN app snippet: global.variables -->
431<script>
432  window.shopCurrency = "USD";
433  window.shopCountry = "US";
434  window.shopLanguageCode = "en";
435
436  window.currentCurrency = "USD";
437  window.currentCountry = "US";
438  window.currentLanguageCode = "en";
439
440  window.shopCustomer = false
441
442  window.useCustomTreeTemplate = false;
443  window.useCustomProductTemplate = false;
444
445  window.GloboFilterRequestOrigin = "https://www.modernperformance.com";
446  window.GloboFilterShopifyDomain = "exn1yf-er.myshopify.com";window.GloboFilterSFATF = "";
447  window.GloboFilterSFATL = "";
448  window.GloboFilterSFApiVersion = "2026-04";
449  window.GloboFilterProxyPath = "/apps/globofilters";
450  window.GloboFilterRootUrl = "";
451  window.GloboFilterTranslation = {"search":{"suggestions":"Suggestions","collections":"Collections","articles":"Blog Posts","pages":"Pages","product":"Product","products":"Products","view_all":"Search for","view_all_products":"View all products","not_found":"Sorry, nothing found for","product_not_found":"No products were found","no_result_keywords_suggestions_title":"Popular searches","no_result_products_suggestions_title":"However, You may like","zero_character_keywords_suggestions_title":"Suggestions","zero_character_popular_searches_title":"Popular searches","zero_character_products_suggestions_title":"Zero character products suggestions title"},"form":{"heading":"Search products","select":"-- Select --","search":"Search","submit":"Search","clear":"Clear"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","view":"View","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship","search":"Search options","choose_values":"Choose values","show_more":"Show more","show_less":"Show less"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","relevance":"Relevance","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","inventory_low_to_high":"Inventory, low to high","inventory_high_to_low":"Inventory, high to low","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show","search":"Search products","no_results":"Sorry, there are no products in this collection"},"labels":{"552461":"Collection","552462":"Category","552463":"Vendor","552464":"Product Type","552465":"Price","552466":"Percent Sale","552467":"Availability","552468":"Tag","552469":"Ready To Ship","552470":"Location","552471":"# On Diagram -","552472":"---choose Bore Size---","552473":"---choose Bore---","552474":"---choose Compression---","552475":"---choose Connector Condition---","552476":"---choose Head Gasket---","552477":"---choose Plug Heat Range---","552478":"---choose Strut Color---","552479":"---choose Struts---","552480":"3 Bar Ir $ Bar? -","552481":"3 Bar Or 4 Bar? -","552482":"Add Green Flow Drop In Filter?","552483":"Add Rear Camber Plates?  -","552484":"Add Rear Camber Plates? -","552485":"Add Shim Kit? -","552486":"Add'l O2 Bung? -","552487":"Axle Side  -","552488":"Axle Side -","552489":"Bearing Size -","552490":"Blow Off Valve -","552491":"Bore Size -","552492":"Bottle Size","552493":"Bottle Size -","552494":"Bov Flange -","552495":"Bracket Color -","552496":"Brake Package -","552497":"Bulb Size","552498":"Caliper Color","552499":"Camshaft -","552500":"Camshafts -","552501":"Choose Arp Rod Bolts  -","552502":"Choose Camshaft Set  -","552503":"Choose Camshaft Set -","552504":"Choose Clutch -","552505":"Choose Color -","552506":"Choose Components -","552507":"Choose Flywheel -","552508":"Choose Keeper Style -","552509":"Choose Kit  -","552510":"Choose Kit -","552511":"Choose One -","552512":"Choose Phaser -","552513":"Choose Ring Size -","552514":"Choose Rod Bolts  -","552515":"Choose Side -","552516":"Choose Spark Plugs -","552517":"Choose Springs -","552518":"Choose Stage -","552519":"Choose Strut Bar -","552520":"Choose Struts -","552521":"Choose Third Brake Light -","552522":"Choose Valves -","552523":"Choose Vehicle","552524":"Choose: -","552525":"Clamp Size -","552526":"Clutch Disc -","552527":"Clutch Disk","552528":"C
451olor","552529":"Color -","552530":"Color-","552531":"Compression -","552532":"Compressor Inlet -","552533":"Connector Condition -","552534":"Control Arm  -","552535":"Crank Sprocket? -","552536":"Density - Color -","552537":"Diameter","552538":"Display Color -","552539":"Do Have A Sohc Or Dohc? -","552540":"Do You Have A Mopar Stage 3 Kit? -","552541":"Do You Have A Mopar Stage 3 Turbo Kit? -","552542":"Do You Have A Stock 17 Spline Input Shaft?  -","552543":"Do You Have A Stock 17 Spline Input Shaft? -","552544":"Do You Have An Agp Upper Hard Pipe? -","552545":"Do You Have An Srt-4? -","552546":"Do You Understand These Are For Inside The Car And Wont Work On The Transmission Side?  -","552547":"Engine -","552548":"Face Color","552549":"Face Color -","552550":"Finish -","552551":"Flywheel","552552":"Front Endlinks","552553":"Gauge Pod -","552554":"Gift Card Amount -","552555":"Header -","552556":"Heat Range","552557":"Heat Range -","552558":"Hood Type -","552559":"Hose(s) -","552560":"Https:\/\/s3.amazonaws.com\/cdn.modernperformance.com\/images\/uploads\/1341_6129_large.jpg","552561":"Injector Size -","552562":"Intake Or Exhaust Valve?  -","552563":"Intake Valve Size -","552564":"Level -","552565":"Logo","552566":"Logo Color -","552567":"Material -","552568":"Mats","552569":"Need Belts? -","552570":"Option","552571":"Option -","552572":"Options -","552573":"Pad Size","552574":"Pipe Diameter -","552575":"Plug Wire Color -","552576":"Race Or Street -","552577":"Radiator Hose Color -","552578":"Rear Endlinks","552579":"Rev Limiter -","552580":"Ring Land Size -","552581":"Rotors","552582":"Select Chains -","552583":"Select Pad Size -","552584":"Set Or Individually -","552585":"Shift Knob Portion -","552586":"Side -","552587":"Single Or Dual -","552588":"Size","552589":"Size -","552590":"Specification -","552591":"Stage -","552592":"Stitching Color -","552593":"Strut Color","552594":"Tie Length","552595":"Timing Belt -","552596":"Title","552597":"Transmission -","552598":"Turbo -","552599":"Valves -","552600":"Vehicle","552601":"Vehicle -","552602":"Version -","552603":"Wattage","552604":"What Size?  -","552605":"Which Car?  -","552606":"Which Flywheel Do You Have?","552607":"Which Item? -","552608":"Which Manifold Do You Have? -","552609":"Which Size Piston?  -","552610":"Which Vehicle?  -","552611":"Which Vehicle? -","552612":"With Custom Relocate Upper \u0026 Lower Silicone Hose? -","552613":"With Oil Cooler? -","552614":"Wrap Width","552615":"Year","552616":"Year  -"},"customOrder":[]};
452  window.isMultiCurrency =false;
453  window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/';
454  window.assetsUrl = window.globoEmbedFilterAssetsUrl;
455  window.GloboMoneyFormat = "${{amount}}";
456</script>
456<!-- END app snippet -->
457    
457<script type="text/javascript" hs-ignore data-ccm-injected>window.useCustomTreeTemplate = false;document.getElementsByTagName('html')[0].classList.add('spf-filter-loading','spf-has-filter','gf-left','theme-store-id-2943','gf-theme-version-2','spf-filter-tree-theme','spf-layout-theme');
458      window.enabledEmbedFilter = true;
459      window.currentThemeId = 146451923022;
460      window.sortByRelevance = false;
461      window.moneyFormat = "${{amount}}";
462      window.GloboMoneyWithCurrencyFormat = "${{amount}} USD";
463      window.filesUrl = '//www.modernperformance.com/cdn/shop/files/';
464      window.dontRoundUpMoney = false;
465      
466      
467      window.GloboFilterGlobalConfig = window.GloboFilterGlobalConfig || {};
468      window.GloboFilterGlobalConfig.productGridSelector =null;
469      window.GloboFilterGlobalConfig.sidebarLayout = 1;
470      window.GloboFilterGlobalConfig.sidebarSublayout = 1;
471      window.GloboFilterGlobalConfig.themeStoreId = 2943;
472      window.GloboFilterGlobalConfig.isSearchPage = false;
473      window.GloboFilterGlobalConfig.defaultPaginationSelector = '.pagination, .paginate, .pagination-custom, #pagination, .pagination-wrapper, #gf_pagination_wrap, .engoc-pagination, #load-more-container, .collection__infinite-trigger, .pagination--modern';
474      window.GloboEmbedFilterConfig = {
475        api: {
476          filterUrl: "https://filter-x1.globo.io/filter",
477          searchUrl: "https://filter-x1.globo.io/search",
478          url: "https://filter-x1.globo.io"
479        },
480        shop: {
481          name: "Modern Performance",
482          url: "https://www.modernperformance.com",
483          domain: "exn1yf-er.myshopify.com",
484          locale: "en",
485          cur_locale: "en",
486          market_id: 0,
487          predictive_search_url: "/search/suggest",
488          country_code: "US",
489          root_url: "",
490          cart_url: "/cart",
491          search_url: "/search",
492          cart_add_url: "/cart/add",
493          search_terms_value: "",
494          product_image: {width: 360, height: 504},
495          no_image_url: "https://cdn.shopify.com/s/images/themes/product-1.png",
496          swatches: {"color":{"gunmetal":{"mode":1,"color_1":"#808080"},"green":{"mode":1,"color_1":"#05AA3D"},"black":{"mode":1,"color_1":"#000000"},"blue":{"mode":1,"color_1":"#005BD3"},"red":{"mode":1,"color_1":"#F61F1F"},"yellow":{"mode":1,"color_1":"#FFE500"},"silver":{"mode":1,"color_1":"#D3D3D3"},"white":{"mode":1,"color_1":"#FFFFFF"},"polished":{"mode":1,"color_1":"#e6e0da"},"purple":{"mode":1,"color_1":"#A54DCF"},"orange":{"mode":1,"color_1":"#FF8A00"},"clear":{"mode":1,"color_1":"#FFFFFF"},"bronze":{"mode":1,"color_1":"#CD7F32"},"gold":{"mode":1,"color_1":"#D49A06"},"brown":{"mode":1,"color_1":"#9A5630"}}},
497          swatchConfig: {"enable":true,"color":["colour","color"],"label":["size"]},
498          enableRecommendation: false,
499          themeStoreId: 2943,
500          hideOneValue: false,
501          newUrlStruct: true,
502          newUrlForSEO: true,
503          keepThemeProductsOnFirstLoad: false,redirects: {"420eclipse":"/pages/95-99-mitsubishi-eclipse-non-turbo","420a eclipse":"/pages/95-99-mitsubishi-eclipse-non-turbo","420a":"/pages/95-99-mitsubishi-eclipse-non-turbo","contact":"/pages/contact","phone number":"/pages/contact","customer service":"/pages/contact","refund my order":"/pages/contact","dodge dart":"/pages/13-16-dodge-dart","2013 dart":"/pages/13-16-dodge-dart","2014 dart":"/pages/13-16-dodge-dart","2015 dart":"/pages/13-16-dodge-dart","2016 dart":"/pages/13-16-dodge-dart","dart sxt":"/pages/13-16-dodge-dart","dart limited":"/pages/13-16-dodge-dart","2013 dodge dart":"/pages/13-16-dodge-dart","2014 dodge dart":"/pages/13-16-dodge-dart","2015 dodge dart":"/pages/13-16-dodge-dart","2016 dodge dart":"/pages/13-16-dodge-dart","2013-16 dart":"/pages/13-16-dodge-dart","dodge dart 2013":"/pages/13-16-dodge-dart","dodge dart 2014":"/pages/13-16-dodge-dart","dodge dart 2015":"/pages/13-16-dodge-dart","dodge dart 2016":"/pages/13-16-dodge-dart","2013 dodge dadt":"/pages/13-16-dodge-dart","dosge dart":"/pages/13-16-dodge-dart","dodge dart rallye 2013":"/pages/13-16-dodge-dart","2013 dart parts":"/pages/13-16-dodge-dart","2013 dodge dart parts":"/pages/13-16-dodge-dart","2014 dart parts":"/pages/13-16-dodge-dart","2014 dodge dart parts":"/pages/13-16-dodge-dart","2015 dart parts":"/pages/13-16-dodge-dart","2016 dart parts":"/pages/13-16-dodge-dart","2016 dodge dart parts":"/pages/13-16-dodge-dart","dodge dart gt":"/collections/13-16-dart
503-2-4l","2014 dart gt":"/collections/13-16-dart-2-4l","2015 dart gt":"/collections/13-16-dart-2-4l","2016 dart gt":"/collections/13-16-dart-2-4l","dart 2.4l":"/collections/13-16-dart-2-4l","2013 dodge dart sxt 2.4l":"/collections/13-16-dart-2-4l","2014 dodge dart sxt 2.4l":"/collections/13-16-dart-2-4l","2015 dodge dart sxt 2.4l":"/collections/13-16-dart-2-4l","2016 dodge dart sxt 2.4l":"/collections/13-16-dart-2-4l","2016 dodge dart gt":"/collections/13-16-dart-2-4l","2015 dodge dart gt":"/collections/13-16-dart-2-4l","2014 dodge dart gt":"/collections/13-16-dart-2-4l","2013 dodge dart gt":"/collections/13-16-dart-2-4l","dodge dart gt 2014":"/collections/13-16-dart-2-4l","dodge dart gt 2014 2.4":"/collections/13-16-dart-2-4l","2013 dodge dart se":"/collections/13-16-dart-2-0-l","2014 dodge dart se":"/collections/13-16-dart-2-0-l","2015 dodge dart se":"/collections/13-16-dart-2-0-l","2016 dodge dart se":"/collections/13-16-dart-2-0-l","dart se":"/collections/13-16-dart-2-0-l","dodge dart 2.0l":"/collections/13-16-dart-2-0-l","dart 2.0l":"/collections/13-16-dart-2-0-l","2016 dodge dart 2.0":"/collections/13-16-dart-2-0-l","2015 dodge dart 2.0":"/collections/13-16-dart-2-0-l","2014 dodge dart 2.0":"/collections/13-16-dart-2-0-l","2013 dodge dart 2.0":"/collections/13-16-dart-2-0-l","2.0 dodge dart":"/collections/13-16-dart-2-0-l","dodge dart aero":"/collections/13-16-dart-1-4l-turbo","dart aero":"/collections/13-16-dart-1-4l-turbo","dodge dart turbo":"/collections/13-16-dart-1-4l-turbo","dart turbo":"/collections/13-16-dart-1-4l-turbo","2013 dart turbo":"/collections/13-16-dart-1-4l-turbo","2014 dodge dart turbo":"/collections/13-16-dart-1-4l-turbo","2015 dodge dart turbo":"/collections/13-16-dart-1-4l-turbo","2016 dodge dart turbo":"/collections/13-16-dart-1-4l-turbo","13-16 dart 1.4 turbo":"/collections/13-16-dart-1-4l-turbo","2013 dodge dart 1.4l":"/collections/13-16-dart-1-4l-turbo","2014 dodge dart 1.4l":"/collections/13-16-dart-1-4l-turbo","2015 dodge dart 1.4l":"/collections/13-16-dart-1-4l-turbo","2016 dodge dart 1.4l":"/collections/13-16-dart-1-4l-turbo","2016 dodge dart 1.4":"/collections/13-16-dart-1-4l-turbo","2015 dodge dart 1.4":"/collections/13-16-dart-1-4l-turbo","2014 dodge dart 1.4":"/collections/13-16-dart-1-4l-turbo","2013 dodge dart 1.4":"/collections/13-16-dart-1-4l-turbo","2013 dodge dart 1.4 turbo":"/collections/13-16-dart-1-4l-turbo","2014 dodge dart 1.4 turbo":"/collections/13-16-dart-1-4l-turbo","2015 dodge dart 1.4 turbo":"/collections/13-16-dart-1-4l-turbo","2016 dodge dart 1.4 turbo":"/collections/13-16-dart-1-4l-turbo","fiat 500":"/pages/12-19-fiat-500-turbo-abarth","fiat 500 abarth":"/pages/12-19-fiat-500-turbo-abarth","fiat 500 turbo":"/pages/12-19-fiat-500-turbo-abarth","dodge dart 1.4":"/collections/13-16-dart-1-4l-turbo","dodge dart 2.0":"/collections/13-16-dart-2-0-l","dodge neon":"/pages/95-05-dodge-plymouth-neon","plymouth neon":"/pages/95-05-dodge-plymouth-neon","neon":"/pages/95-05-dodge-plymouth-neon","pt turbo":"/collections/03-10-pt-cruiser-turbo","pt cruiser turbo":"/collections/03-10-pt-cruiser-turbo","2003 pt cruiser gt":"/collections/03-10-pt-cruiser-turbo","2004 pt cruiser gt":"/collections/03-10-pt-cruiser-turbo","2005 pt cruiser gt":"/collections/03-10-pt-cruiser-turbo","pt cruiser turbo lite":"/collections/03-10-pt-cruiser-turbo","pt cruiser gt":"/collections/03-10-pt-cruiser-turbo","pt gt":"/collections/03-10-pt-cruiser-turbo","01 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","02 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","03 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","04 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","05 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","06 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","07 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","08 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","09 pt cruiser":"/pages/01-10-chrysler-pt-cruiser","01 pt":"/pages/01-10-chrysler-pt-cruiser","02 pt":"/pages/01-10-chrysler-pt-cruiser","03 pt":"/pages/01-10-chrysler-pt-cruiser","04 pt":"/pages/01-10-chrysler-pt-cruiser","05 pt":"/pages/01-10-chrysler-pt-cruiser","06 pt":"/pages/01-10-chrysler-pt-cruiser","07 pt":"/pages/01-10-chrysler-pt-cruiser","08 pt":"/pages/01-10-chrysler-pt-cruiser","09 pt":"/pages/01-10-chrysler-pt-cruiser","1995 neon":"/collections/95-99-neon-1","1996 neon":"/collections/95-99-neon-1","1997 neon":"/collections/95-99-neon-1","1998 neon":"/collections/95-99-neon-1","1999 neon":"/collections/95-99-neon-1","95 dodge neon":"/collections/95-99-neon-1","96 dodge neon":"/collections/95-99-neon-1","97 dodge neon":"/collections/95-99-neon-1","98 dodge neon":"/collections/95-99-neon-1","99 dodge neon":"/collections/95-99-neon-1","neon 95":"/collections/95-99-neon-1","neon 96":"/collections/95-99-neon-1","neon 97":"/collections/95-99-neon-1","neon 98":"/collections/95-99-neon-1","neon 99":"/collections/95-99-neon-1","2.0 95 neon":"/collections/95-99-neon-1","2.0 96 neon":"/collections/95-99-neon-1","2.0 97 neon":"/collections/95-99-neon-1","2.0 98 neon":"/collections/95-99-neon-1","2.0 99 neon":"/collections/95-99-neon-1","neon 95-99":"/collections/95-99-neon-1","1995 dodge neon":"/collections/95-99-neon-1","1996 dodge neon":"/collections/95-99-neon-1","1997 dodge neon":"/collections/95-99-neon-1","1998 dodge neon":"/collections/95-99-neon-1","1999 dodge neon":"/collections/95-99-neon-1","2000 neon":"/collections/00-05-neon","2001 neon":"/collections/00-05-neon","2002 neon":"/collections/00-05-neon","2003 neon":"/collections/00-05-neon","2004 neon":"/collections/00-05-neon","2005 neon":"/collections/00-05-neon","00 dodge neon":"/collections/00-05-neon","01 dodge neon":"/collections/00-05-neon","02 dodge neon":"/collections/00-05-neon","03 dodge neon":"/collections/00-05-neon","04 dodge neon":"/collections/00-05-neon","05 dodge neon":"/collections/00-05-neon","2000 neon 2.0":"/collections/00-05-neon","2001 neon 2.0":"/collections/00-05-neon","2002 neon 2.0":"/collections/00-05-neon","2003 neon 2.0":"/collections/00-05-neon","2004 neon 2.0":"/collections/00-05-neon","2005 neon 2.0":"/collections/00-05-neon","2000 dodge neon":"/collections/00-05-neon","2001 dodge neon":"/collections/00-05-neon","2002 dodge neon":"/collections/00-05-neon","2003 dodge neon":"/collections/00-05-neon","2004 dodge neon":"/collections/00-05-neon","2005 dodge neon":"/collections/00-05-neon","2005 dodge neon sxt":"/collections/00-05-neon","2004 dodge neon sxt":"/collections/00-05-neon","2003 dodge neon sxt":"/collections/00-05-neon","neon srt4":"/pages/03-05-dodge-neon-srt-4","neon srt-4":"/pages/03-05-dodge-neon-srt-4","2003 srt4":"/pages/03-05-dodge-neon-srt-4","2004 srt4":"/pages/03-05-dodge-neon-srt-4","2005 srt4":"/pages/03-05-dodge-neon-srt-4","03 neon srt4":"/pages/03-05-dodge-neon-srt-4","04 neon srt4":"/pages/03-05-dodge-neon-srt-4","05 neon srt4":"/pages/03-05-dodge-neon-srt-4","dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","srt4 neon":"/pages/03-05-dodge-neon-srt-4","neon srt 4":"/pages/03-05-dodge-neon-srt-4","03 - 05":"/p
503ages/03-05-dodge-neon-srt-4","03 - 05 srt":"/pages/03-05-dodge-neon-srt-4","03 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","03 dodge neon srt 4":"/pages/03-05-dodge-neon-srt-4","04 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","04 dodge neon srt 4":"/pages/03-05-dodge-neon-srt-4","05 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","05 dodge neon srt 4":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon set 4 turbo":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon set 4 turbo":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon set 4 turbo":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon srt4":"/pages/03-05-dodge-neon-srt-4","dodge neon srt-4":"/pages/03-05-dodge-neon-srt-4","srt4 dodge neon":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon srt":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon srt":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon srt":"/pages/03-05-dodge-neon-srt-4","turbo neon srt4":"/pages/03-05-dodge-neon-srt-4","set 4 neon":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon srt four":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon srt4 four":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon srt four":"/pages/03-05-dodge-neon-srt-4","dodge neon srt-4 03":"/pages/03-05-dodge-neon-srt-4","dodge neon srt-4 04":"/pages/03-05-dodge-neon-srt-4","dodge neon srt-4 05":"/pages/03-05-dodge-neon-srt-4","dodge neonsrt4":"/pages/03-05-dodge-neon-srt-4","neon srt-4 03":"/pages/03-05-dodge-neon-srt-4","neon srt-4 04":"/pages/03-05-dodge-neon-srt-4","neon srt-4 05":"/pages/03-05-dodge-neon-srt-4","srt dodge neon":"/pages/03-05-dodge-neon-srt-4","2005 neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2004 neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2003 neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2003 srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2004 srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2005 srt4 turbo":"/pages/03-05-dodge-neon-srt-4","neon art 4":"/pages/03-05-dodge-neon-srt-4","neon set 4":"/pages/03-05-dodge-neon-srt-4","dodge neon srt 4":"/pages/03-05-dodge-neon-srt-4","dodge neon set-4":"/pages/03-05-dodge-neon-srt-4","srt 4 2003":"/pages/03-05-dodge-neon-srt-4","srt 4 2004":"/pages/03-05-dodge-neon-srt-4","srt 4 2005":"/pages/03-05-dodge-neon-srt-4","05 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","04 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","03 dodge neon srt4 turbo":"/pages/03-05-dodge-neon-srt-4","2005 dodge srt4":"/pages/03-05-dodge-neon-srt-4","2004 dodge srt4":"/pages/03-05-dodge-neon-srt-4","2003 dodge srt4":"/pages/03-05-dodge-neon-srt-4","2003 srt4 parts":"/pages/03-05-dodge-neon-srt-4","2004 srt4 parts":"/pages/03-05-dodge-neon-srt-4","2005 srt4 parts":"/pages/03-05-dodge-neon-srt-4","03 srt4 parts":"/pages/03-05-dodge-neon-srt-4","04 srt4 parts":"/pages/03-05-dodge-neon-srt-4","05 srt4 parts":"/pages/03-05-dodge-neon-srt-4","2003 srt-4 parts":"/pages/03-05-dodge-neon-srt-4","2004 srt-4 parts":"/pages/03-05-dodge-neon-srt-4","2005 srt-4 parts":"/pages/03-05-dodge-neon-srt-4","2004 dodge neon srt-4":"/pages/03-05-dodge-neon-srt-4","2005 dodge neon srt-4":"/pages/03-05-dodge-neon-srt-4","2003 dodge neon srt-4":"/pages/03-05-dodge-neon-srt-4","2005 neon set":"/pages/03-05-dodge-neon-srt-4","2004 neon set":"/pages/03-05-dodge-neon-srt-4","2003 neon set":"/pages/03-05-dodge-neon-srt-4","srt four":"/pages/03-05-dodge-neon-srt-4","srt caliber":"/pages/08-09-dodge-caliber-srt-4","caliber srt4":"/pages/08-09-dodge-caliber-srt-4","caliber srt-4":"/pages/08-09-dodge-caliber-srt-4","2008 dodge caliber srt4":"/pages/08-09-dodge-caliber-srt-4","2009 dodge caliber srt4":"/pages/08-09-dodge-caliber-srt-4","08 caliber srt4":"/pages/08-09-dodge-caliber-srt-4","09 caliber srt4":"/pages/08-09-dodge-caliber-srt-4","08 dodge caliber srt4":"/pages/08-09-dodge-caliber-srt-4","09 dodge caliber srt4":"/pages/08-09-dodge-caliber-srt-4","caliber srt":"/pages/08-09-dodge-caliber-srt-4","07-08 dodge caliber srt-4":"/pages/08-09-dodge-caliber-srt-4","srtcaliber":"/pages/08-09-dodge-caliber-srt-4","srtcaliner":"/pages/08-09-dodge-caliber-srt-4","caluber srt4":"/pages/08-09-dodge-caliber-srt-4","caliber stt4":"/pages/08-09-dodge-caliber-srt-4","caliber srt four":"/pages/08-09-dodge-caliber-srt-4","08 srt4 caliber":"/pages/08-09-dodge-caliber-srt-4","09 srt4 caliber":"/pages/08-09-dodge-caliber-srt-4","dodge caliber srt4":"/pages/08-09-dodge-caliber-srt-4","caliber srt 4":"/pages/08-09-dodge-caliber-srt-4","dodge caliber srt4 2008":"/pages/08-09-dodge-caliber-srt-4","dodge caliber srt4 2009":"/pages/08-09-dodge-caliber-srt-4","dodge calibre":"/pages/08-09-dodge-caliber-srt-4","caliber set4":"/pages/08-09-dodge-caliber-srt-4","caliber srt4 turbo":"/pages/08-09-dodge-caliber-srt-4","dodge caliber set 4":"/pages/08-09-dodge-caliber-srt-4","shipping":"/products/where-is-my-order?variant=43145064546382","order status":"/products/where-is-my-order?variant=43145064546382","estimated shipping":"/products/where-is-my-order?variant=43145064546382","track order":"/products/where-is-my-order?variant=43145064546382","track shipment":"/products/where-is-my-order?variant=43145064546382","track my order":"/products/where-is-my-order?variant=43145064546382","tracking":"/products/where-is-my-order?variant=43145064546382","returns":"/policies/shipping-policy","return":"/policies/shipping-policy","return policy":"/policies/shipping-policy"},
504          images: {},
505          settings: {},
506          gridSettings: {"layout":"theme","useCustomTemplate":false,"useCustomTreeTemplate":false,"skin":5,"limits":[12,24,48],"productsPerPage":12,"sorts":["stock-descending","title-ascending","title-descending","price-ascending","price-descending","created-descending","created-ascending"],"noImageUrl":"https:\/\/cdn.shopify.com\/s\/images\/themes\/product-1.png","imageWidth":"360","imageHeight":"504","imageRatio":140,"imageSize":"360_504","alignment":"left","hideOneValue":false,"elements":["soldoutLabel","saleLabel","quickview","addToCart","vendor","swatch","price","secondImage"],"s
506aleLabelClass":" sale-text","saleMode":3,"gridItemClass":"spf-col-xl-4 spf-col-lg-4 spf-col-md-6 spf-col-sm-6 spf-col-6","swatchClass":"","swatchConfig":{"enable":true,"color":["colour","color"],"label":["size"]},"variant_redirect":true,"showSelectedVariantInfo":true},
507          home_filter: false,
508          page: "cart",
509          sorts: ["stock-descending","title-ascending","title-descending","price-ascending","price-descending","created-descending","created-ascending"],
510          cache: true,
511          layout: "theme",
512          marketTaxInclusion: false,
513          priceTaxesIncluded: false,
514          customerTaxesIncluded: false,
515          useCustomTemplate: false,
516          hasQuickviewTemplate: false
517        },
518        analytic: {"enableViewProductAnalytic":true,"enableSearchAnalytic":true,"enableFilterAnalytic":true,"enableATCAnalytic":false},
519        taxes: [],
520        adjustments: false,
521        year_make_model: {
522          id: 0,
523          prefix: "car.",
524          heading: "Search products",
525          showSearchInput: false,
526          showClearAllBtn: false
527        },
528        filter: {
529          id:49664,
530          prefix: "filter.",
531          filterOptionKeys: {"49664":["552461","552462","552463","552464","552465","552466","552467","552468","552469","552470","552471","552472","552473","552474","552475","552476","552477","552478","552479","552480","552481","552482","552483","552484","552485","552486","552487","552488","552489","552490","552491","552492","552493","552494","552495","552496","552497","552498","552499","552500","552501","552502","552503","552504","552505","552506","552507","552508","552509","552510","552511","552512","552513","552514","552515","552516","552517","552518","552519","552520","552521","552522","552523","552524","552525","552526","552527","552528","552529","552530","552531","552532","552533","552534","552535","552536","552537","552538","552539","552540","552541","552542","552543","552544","552545","552546","552547","552548","552549","552550","552551","552552","552553","552554","552555","552556","552557","552558","552559","552560","552561","552562","552563","552564","552565","552566","552567","552568","552569","552570","552571","552572","552573","552574","552575","552576","552577","552578","552579","552580","552581","552582","552583","552584","552585","552586","552587","552588","552589","552590","552591","552592","552593","552594","552595","552596","552597","552598","552599","552600","552601","552602","552603","552604","552605","552606","552607","552608","552609","552610","552611","552612","552613","552614","552615","552616"]},
532          layout: 1,
533          sublayout: 1,
534          showCount: true,
535          showRefine: true,
536          showHideFiltersButton: false,
537          refineSettings: {"style":"rounded","positions":["sidebar_mobile","toolbar_desktop","toolbar_mobile"],"color":"#000000","iconColor":"#959595","bgColor":"#E8E8E8"},
538          isLoadMore: 0,
539          filterOnSearchPage: false,
540          toolbar: {"enable":false,"sticky":false,"desktop":["filters"],"mobile":["filter_button","sort"],"textColor":"#252525","borderColor":"rgba(37, 37, 37, 0.15)","backgroundColor":"transparent","fontSize":14,"borderRadius":6}
541        },
542        search:{
543          enable: true,
544          zero_character_suggestion: true,
545          hide_before_search_on_mobile: false,
546          pages_suggestion: {enable:false,limit:5},
547          keywords_suggestion: {enable:true,limit:10},
548          articles_suggestion: {enable:false,limit:5},
549          layout: 3,
550          product_list_layout: "grid",
551          elements: ["sku","price"],
552          installedApps: [],
553          search_history: {enable:false, limit:10},
554          popular_search_terms: {enable:true,type:"manual",terms:["Dodge Neon SRT-4 Clutch Disc","Dodge Neon SRT-4 Floor Mats"], random:false, limit:10}
555        },
556        collection: {
557          id:0,
558          handle:'',
559          sort: 'best-selling',
560          vendor: null,
561          tags: null,
562          type: null,
563          term: document.getElementById("search_terms_value") != null ? document.getElementById("search_terms_value").
563content : "",
564          limit: 12,
565          settings: null,
566          products_count: 0,
567          enableCollectionSearch: true,
568          displayTotalProducts: true,
569          excludeTags:null,
570          showSelectedVariantInfo: true
571        },
572        selector: {products: ""}
573      }
574      const BREAKPOINT = window.mobile_break_point || 768;
575      window.globoFilterIsMobileDevice = window.globoFilterIsMobileDevice || window.matchMedia(`(max-width: ${BREAKPOINT}px)`).matches;
576    </script>
576
577    
577<script class="globo-filter-settings-js">
578      (function () {
579        try {
580          if (!window.GloboEmbedFilterConfig || !GloboEmbedFilterConfig.shop) return;
581          if (!GloboEmbedFilterConfig.shop.settings) GloboEmbedFilterConfig.shop.settings = {};
582          var s = GloboEmbedFilterConfig.shop.settings;
583          function gfSetSetting(key, rawJson) {
584            try {
585              s[key] = JSON.parse(rawJson);
586            } catch (e) {}
587          }gfSetSetting("color_background_body", "\"#ffffff\"");gfSetSetting("color_foreground_body", "\"#000000\"");gfSetSetting("color_foreground_body_dark", "\"#e8eddf\"");gfSetSetting("color_background_primary", "\"#f5cb5c\"");gfSetSetting("color_foreground_primary", "\"#242423\"");gfSetSetting("color_background_secondary", "\"#242423\"");gfSetSetting("color_foreground_secondary", "\"#ffffff\"");gfSetSetting("color_background_tertiary", "\"#e8eddf\"");gfSetSetting("color_foreground_tertiary", "\"#242423\"");gfSetSetting("color_bar", "\"#ffffff\"");gfSetSetting("color_background_overlay", "\"linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%)\"");gfSetSetting("input_button_style", "\"standard\"");gfSetSetting("border_button_radius", "0");gfSetSetting("border_input_radius", "5");gfSetSetting("border_element_radius", "0");gfSetSetting("border_button_width", "1");gfSetSetting("border_input_width", "1");gfSetSetting("border_element_width", "1");gfSetSetting("input_field_color_background", "\"color__bg-shade-2\"");gfSetSetting("input_field_color_border", "\"color__border-divider-1\"");gfSetSetting("input_field_border", "\"none\"");gfSetSetting("type_font_body", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_font_heading", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_font_nav", "{\"error\":\"json not allowed for this object\"}");gfSetSetting("type_base_size", "18");gfSetSetting("type_scale_ratio", "105");gfSetSetting("type_separator", "\"dot\"");gfSetSetting("type_heading_capitilization", "\"\"");gfSetSetting("type_nav_capitilization", "\"\"");gfSetSetting("type_button_capitilization", "\"\"");gfSetSetting("type_icon_style", "\"sharp\"");gfSetSetting("header_position", "\"relative\"");gfSetSetting("x_alignment", "\"\"");gfSetSetting("x_margin", "\"window--wide\"");gfSetSetting("gap_size", "10");gfSetSetting("enable_audio", "false");gfSetSetting("enable_animations", "true");gfSetSetting("enable_animated_images", "false");gfSetSetting("favicon", "\"\\\/\\\/www.modernperformance.com\\\/cdn\\\/shop\\\/files\\\/mplogoresized.jpg?v=1757967955\"");gfSetSetting("product_card_color_border", "\"outline--width color__outline-divider-1\"");gfSetSetting("product_card_ratio", "\"aspect-[1\\\/1] aspect-w-1 aspect-h-1\"");gfSetSetting("product_card_crop", "\"contain\"");gfSetSetting("product_card_border_style", "\"image\"");gfSetSetting("product_card_alignment", "\"left\"");gfSetSetting("product_card_title_font", "\"type__body type--base\"");gfSetSetting("product_card_title_capitilization", "\"\"");gfSetSetting("product_card_savings_badge", "\"none\"");gfSetSetting("product_card_sold_out_badge", "false");gfSetSetting("product_card_show_prices", "true");gfSetSetting("product_card_enable_cart_count", "false");gfSetSetting("product_card_enable_review_text", "false");gfSetSetting("product_card_enable_count", "false");gfSetSetting("product_card_enable_type", "false");gfSetSetting("product_card_enable_vendor", "false");gfSetSetting("product_card_enable_swatches", "true");gfSetSetting("product_card_enable_sku", "false");gfSetSetting("product_card_enable_hover", "true");gfSetSetting("product_card_enable_tagline", "true");gfSetSetting("enable_collection_url", "false");gfSetSetting("product_table_enable_description", "true");gfSetSetting("product_table_enable_inventory", "false");gfSetSetting("product_table_enable_rating", "true");gfSetSetting("product_table_enable_sku", "true");gfSetSetting("product_table_product_metafields", "\"\"");gfSetSetting("product_table_product_metafields_labels", "\"\"");gfSetSetting("product_table_variant_metafields", "\"\"");gfSetSetting("product_table_variant_metafields_labels", "\"\"");gfSetSetting("collection_card_color_border", "\"outline--width color__outline-divider-1\"");gfSetSetting("collection_card_ratio", "\"\"");gfSetSetting("collection_card_crop", "\"contain\"");gfSetSetting("collection_card_border_style", "\"image\"");gfSetSetting("collection_card_alignment", "\"text-center justify-center items-center\"");gfSetSetting("collection_card_title_font", "\"type__body type--base\"");gfSetSetting("collection_card_title_capitlization", "\"\"");gfSetSetting("collection_card_product_preview", "\"\"");gfSetSetting("collection_card_enable_image", "true");gfSetSetting("collection_card_enable_size", "false");gfSetSetting("collection_card_enable_description", "true");gfSetSetting("blog_card_color_border", "\"outline--width color__outline-divider-1\"");gfSetSetting("blog_card_title_font", "\"type__body type--base\"");gfSetSetting("blog_card_title_capitlization", "\"\"");gfSetSetting("blog_card_enable_image", "true");gfSetSetting("blog_card_enable_author", "false");gfSetSetting("blog_card_enable_summary", "true");gfSetSetting("blog_card_enable_date", "true");gfSetSetting("blog_card_enable_tags", "false");gfSetSetting("enable_quick_mobile", "true");gfSetSetting("enable_quick_desktop", "true");gfSetSetting("variant_selection", "\"dropdowns\"");gfSetSetting("plan_selection", "\"dropdowns\"");gfSetSetting("app_block_column", "\"right_column\"");gfSetSetting("unavailable_indication", "\"empty\"");gfSetSetting("show_color_swatches", "true");gfSetSetting("show_button_prices", "true");gfSetSetting("cart_behavior_desktop", "\"drawer\"");gfSetSetting("cart_behavior_mobile", "\"alert\"");gfSetSetting("cart_drawer_style", "\"fixed\"");gfSetSetting("cart_icon_behavior", "\"drawer\"");gfSetSetting("enable_search_author", "false");gfSetSetting("enable_search_body", "false");gfSetSetting("enable_search_type", "true");gfSetSetting("enable_search_tag", "true");gfSetSetting("enable_search_title", "true");gfSetSetting("enable_search_barcode", "false");gfSetSetting("enable_search_sku", "false");gfSetSetting("enable_search_variant_title", "true");gfSetSetting("enable_search_vendor", "false");gfSetSetting("enable_search_article", "true");gfSetSetting("enable_search_collection", "true");gfSetSetting("enable_search_page", "true");gfSetSetting("enable_search_product", "true");gfSetSetting("enable_search_query", "true");gfSetSetting("price_range", "\"show_range\"");gfSetSetting("enable_zeros", "false");gfSetSetting("enable_currency", "false");gfSetSetting("account_icon_behavior", "\"drawer\"");gfSetSetting("account_enable_shop_sign_in", "false");gfSetSetting("account_matching_tags", "\"\"");gfSetSetting("account_match_b2b", "false");gfSetSetting("account_hide_price_tag", "\"\"");gfSetSetting("account_hide_product_tag", "\"\"");gfSetSetting("account_hide_blog_tag", "\"\"");gfSetSetting("account_enable_full_restriction", "false");gfSetSetting("account_skip_restriction_in_theme_editor", "false");gfSetSetting("restricted_style", "\"placeholder\"");gfSetSetting("pagination_type", "\"scroll\"");gfSetSetting("close_button_content", "\"icon\"");gfSetSetting("close_button_color", "\"btn btn--minimal\"");gfSetSetting("enable_region", "false");gfSetSetting("enable_language", "false");gfSetSetting("mapbox_api_key", "\"\"");gfSetSetting("enable_local_business", "false");gfSetSetting("social_tiktok_link", "\"\"");gfSetSetting("social_instagram_link", "\"\"");gfSetSetting("social_twitter_link", "\"\"");gfSetSetting("social_facebook_link", "\"\"");gfSetSetting("social_pinterest_link", "\"\"");gfSetSetting("social_snapchat_link", "\"\"");gfSetSetting("social_tumblr_link", "\"\"");gfSetSetting("social_discord_link", "\"\"");gfSetSetting("social_linkedin_link", "\"\"");gfSetSetting("social_twitch_link", "\"\"");gfSetSetting("social_youtube_link", "\"\"");gfSetSetting("social_vimeo_link", "\"\"");gfSetSetting("checkout_logo_position", "\"left\"");gfSetSetting("checkout_logo_size", "\"medium\"");gfSetSetting("checkout_body_background_color", "\"#fff\"");gfSetSetting("checkout_input_background_color_mode", "\"white\"");gfSetSetting("checkout_sidebar_background_color", "\"#fafafa\"");gfSetSetting("checkout_heading_font", "\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"");gfSetSetting("checkout_body_font", "\"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'\"");gfSetSetting("checkout_accent_color", "\"#1878b9\"");gfSetSetting("checkout_button_color", "\"#1878b9\"");gfSetSetting("checkout_error_color", "\"#e22120\"");gfSetSetting("customer_layout", "\"customer_area\"");s["product_card_color_scheme"] = "color__bg-overlay-1 color__text";s["product_card_badge_scheme"] = "overlay-1";s["collection_card_color_scheme"] = "color__bg-body after:color__bg-body color__text color__inner-border-body";s["blog_card_color_scheme"] = "color__bg-overlay-1 after:color__bg-overlay-1 color__text";s["blog_card_badge_scheme"] = "overlay-1";} catch (error) {}
588      })();
589    </script>
589
590    
591    
591<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.themes.min.js" defer></script>
591
592<style>.gf-block-title h3, 
593.gf-block-title .h3,
594.gf-yesno-control,
595.gf-yesno-label,
596.gf-form-input-inner label {
597  font-size: 14px !important;
598  color: #3a3a3a !important;
599  text-transform: uppercase !important;
600  font-weight: bold !important;
601}
602.gf-option-block .gf-btn-show-more{
603  font-size: 14px !important;
604  text-transform: none !important;
605  font-weight: normal !important;
606}
607.gf-option-block ul li a, 
608.gf-option-block ul li button, 
609.gf-option-block ul li a span.gf-count,
610.gf-option-block ul li button span.gf-count,
611.gf-clear, 
612.gf-clear-all, 
613.selected-item.gf-option-label a,
614.gf-form-input-inner select,
615.gf-refine-toggle{
616  font-size: 14px !important;
617  color: #000000 !important;
618  text-transform: none !important;
619  font-weight: normal !important;
620}
621
622.gf-refine-toggle-mobile,
623.gf-form-button-group button {
624  font-size: 14px !important;
625  text-transform: none !important;
626  font-weight: normal !important;
627  color: #3a3a3a !important;
628}
629.gf-refine-toggle-mobile,
630.gf-form-button-group button {
631  border: 1px solid #bfbfbf !important;
632  background: #ffffff !important;
633}
634.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a,
635.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button {
636  border-color: #000000 !important;
637}
638.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked,
639.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{
640  color: #fff !important;
641  background-color: #000000 !important;
642}
643@media (min-width: 768px) {
644  .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button:hover,
645  .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a:hover {
646    color: #fff !important;
647    background-color: #000000 !important;	
648  }
649}
650.gf-option-block.gf-option-block-select select {
651  color: #000000 !important;
652}
653
654#gf-form.loaded, .gf-YMM-forms.loaded {
655  background: #FFFFFF !important;
656}
657#gf-form h2, .gf-YMM-forms h2 {
658  color: #3a3a3a !important;
659}
660#gf-form label, .gf-YMM-forms label{
661  color: #3a3a3a !important;
662}
663.gf-form-input-wrapper select, 
664.gf-form-input-wrapper input{
665  border: 1px solid #DEDEDE !important;
666  background-color: #FFFFFF !important;
667  border-radius: 0px !important;
668}
669#gf-form .gf-form-button-group button, .gf-YMM-forms .gf-form-button-group button{
670  color: #FFFFFF !important;
671  background: #3a3a3a !important;
672  border-radius: 0px !important;
673}
674
675.spf-product-card.spf-product-card__template-3 .spf-product__info.hover{
676  background: #FFFFFF;
677}
678a.spf-product-card__image-wrapper{
679  padding-top: 140%;
680}
681.h4.spf-product-card__title a{
682  color: #333333;
683  font-size: 15px;
684   font-family: inherit;     font-style: normal;
685  text-transform: none;
686}
687.h4.spf-product-card__title a:hover{
688  color: #000000;
689}
690.spf-product-card button.spf-product__form-btn-addtocart{
691  font-size: 14px;
692   font-family: inherit;   font-weight: normal;   font-style: normal;   text-transform: none;
693}
694.spf-product-card button.spf-product__form-btn-addtocart,
695.spf-product-card.spf-product-card__template-4 a.open-quick-view,
696.spf-product-card.spf-product-card__template-5 a.open-quick-view,
697#gfqv-btn{
698  color: #FFFFFF !important;
699  border: 1px solid #333333 !important;
700  background: #333333 !important;
701}
702.spf-product-card button.spf-product__form-btn-addtocart:hover,
703.spf-product-card.spf-product-card__template-4 a.open-quick-view:hover,
704.spf-product-card.spf-product-card__template-5 a.open-quick-view:hover{
705  color: #FFFFFF !important;
706  border: 1px solid #000000 !important;
707  background: #000000 !important;
708}
709span.spf-product__label.spf-product__label-soldout{
710  color: #ffffff;
711  background: #989898;
712}
713span.spf-product__label.spf-product__label-sale{
714  color: #F0F0F0;
715  background: #d21625;
716}
717.spf-product-card__vendor a{
718  color: #969595;
719  font-size: 13px;
720   font-family: inherit;   font-weight: normal;   font-style: normal; }
721.spf-product-card__vendor a:hover{
722  color: #969595;
723}
724.spf-product-card__price-wrapper{
725  font-size: 14px;
726}
727.spf-image-ratio{
728  padding-top:140% !important;
729}
730.spf-product-card__oldprice,
731.spf-product-card__saleprice,
732.spf-product-card__price,
733.gfqv-product-card__oldprice,
734.gfqv-product-card__saleprice,
735.gfqv-product-card__price
736{
737  font-size: 14px;
738   font-family: inherit;   font-weight: normal;   font-style: normal; }
739
740span.spf-product-card__price, span.gfqv-product-card__price{
741  color: #141414;
742}
743span.spf-product-card__oldprice, span.gfqv-product-card__oldprice{
744  color: #969595;
745}
746span.spf-product-card__saleprice, span.gfqv-product-card__saleprice{
747  color: #d21625;
748}
749</style>
750
751<style id="app-embed-custom-css">@media (min-width: 768px) {
752    .md\:h-\[500px\].gf-overunet {
753        height: 700px;
754    }
755}
756
757.spf-hidden {
758    display: none !important;
759}
760.spf-image-ratio {
761    padding-top: 75% !important;
762}
763.gl-fullscreen-layer .gl-card-title {
764    line-height: 18px;
765}
766.gl-fullscreen-layer .gl-card-title a,
767.gf-search-item-product-vendor{
768    font-size: 14px;
769}
770.gf-overunet,
771.ui-menu.ui-widget-content.ui-autocomplete{
772overflow: unset !important;
773}
774.gf-select-form{
775height: 100%;
776}
777.gl-fullscreen-layer .gl-fullscreen-top-searches ul li a {
778    font-size: 18px;
779}
780.ui-menu.ui-autocomplete-flex .gf-search-viewall a.ui-menu-item-wrapper {
781    padding: 4px 0 !important;
782    font-size: 20px;
783    font-weight: 500;
784    font-style: italic;
785    text-transform: none !important;
786    text-decoration: none;
787    color: #0765f8;
788}
789.ui-menu.ui-widget-content.ui-autocomplete {
790    display: block !important;
791    max-height: unset !important;
792    position: unset !important;
793     box-shadow: none !important;
794    padding: 20px;
795   width: 100% !important;
796    padding-bottom: 50px !important;
797    height: 100%;
798}
799.gf-search-item.gf-search-item-product.gf-search-viewall.ui-menu-item {
800    border: 1px solid #2563eb;
801}
802.gf-search-products:has(li[aria-label="Zero character products suggestions title: No products were found"]){
803display: none !important;
804}</style>
804<script id="app-embed-custom-js">window.autocompleteFormSelector = ".gf-select-form";
805window.mobileSearchNormalLayout = true;</script>
805
806
807
808
809
810<script class="globo-filter-custom-js">if(window.AVADA_SPEED_WHITELIST){const spfs_w = new RegExp("smart-product-filters", 'i'); if(Array.isArray(window.AVADA_SPEED_WHITELIST)){window.AVADA_SPEED_WHITELIST.push(spfs_w);}else{window.AVADA_SPEED_WHITELIST = [spfs_w];}} </script>
810<!-- END app block --><!-- BEGIN app block: shopify://apps/reamaze-live-chat-helpdesk/blocks/reamaze-config/ef7a830c-d722-47c6-883b-11db06c95733 -->
811
812  
812<script type="text/javascript" async src="https://cdn.reamaze.com/assets/reamaze-loader.js"></script>
812
813
814  
814<script type="text/javascript">
815    var _support = _support || { 'ui': {}, 'user': {} };
816    _support.account = 'modernperformancecom';
817  </script>
817
818
819  
820
821  
822    <!-- reamaze_embeddable_1093356_s -->
823<!-- Embeddable - ModernPerformance.com  Chat / Contact Form Shoutbox -->
824<script type="text/javascript">
825  var _support = _support || { 'ui': {}, 'user': {} };
826  _support['account'] = 'modernperformancecom';
827  _support['ui']['contactMode'] = 'mixed';
828  _support['ui']['enableKb'] = 'true';
829  _support['ui']['styles'] = {
830    widgetColor: 'rgba(72, 173, 200, 1)',
831    gradient: true
832  };
833  _support['ui']['widget'] = {
834    label: {
835      text: "Let us know if you have any questions!",
836      mode: "notification",
837      delay: 3,
838      duration: 30,
839      sound: true,
840    },
841    position: 'bottom-right',
842  };
843  _support['ui']['appOrder'] = ["faq", "orders", "shopper", "recentConversations"];
844  _support['apps'] = {
845    faq: {enabled: true},
846    recentConversations: {},
847    orders: {enabled: true}
848  }
849</script>
849
850<!-- reamaze_embeddable_1093356_e -->
851
852  
853
854
855
856
857
858<!-- END app block --><!-- BEGIN app block: shopify://apps/vitals/blocks/app-embed/aeb48102-2a5a-4f39-bdbd-d8d49f4e20b8 --><link rel="preconnect" href="https://appsolve.io/" /><link rel="preconnect" href="https://cdn-sf.vitals.app/" />
858<script data-ver="68" id="vtlsAebData" class="notranslate">window.vtlsLiquidData = window.vtlsLiquidData || {};window.vtlsLiquidData.buildId = 83479;
859
860window.vtlsLiquidData.apiHosts = {
861	...window.vtlsLiquidData.apiHosts,
862	"1": "https://appsolve.io"
863};
864	window.vtlsLiquidData.moduleSettings = {"13":[],"16":{"232":true,"245":"bottom","246":"bottom","247":"Add to Cart","411":true,"417":false,"418":false,"477":"custom","478":"093ce1","479":"ffffff","489":true,"843":"ffffff","844":"2e2e2e","921":false,"922":true,"923":true,"924":"1","925":"1","952":"{\"cssVariables\":{\"traits\":{\"borderRadius\":{\"default\":\"4px\"}}}}","1021":true,"1110":false,"1154":0,"1155":true,"1156":true,"1157":false,"1158":0,"1159":false,"1160":false,"1161":false,"1162":false,"1163":false,"1182":false,"1183":true,"1185":false},"21":{"142":true,"143":"left","144":0,"145":0,"190":false,"216":"fdcd00f3","217":true,"218":0,"219":0,"220":"center","248":true,"278":"ffffff","279":true,"280":"ffffff","281":"eaeaea","333":20,"334":100,"335":10,"336":50,"410":true,"483":19,"484":18,"494":2,"507":true,"510":"79fbd0","691":false,"745":true,"746":"list","747":true,"748":"ffffff","787":"columns","788":true,"793":"ffffff","794":"000000","846":"5e5e5e","877":"222222","878":"737373","879":"f7f7f7","880":"000000","948":0,"949":0,"951":"{}","996":1,"1002":4,"1003":false,"1005":false,"1034":false,"1038":20,"1039":20,"1040":10,"1041":10,"1042":100,"1043":50,"1044":"columns","1045":true,"1046":"5e5e5e","1047":"222222","1048":"000000","1061":false,"1062":0,"1063":0,"1067":true,"1068":false,"1069":true,"1070":true,"1072":"{}","1073":"left","1074":"center","1078":true,"1089":"{\"mainWidgetContainer\":{\"traits\":{\"marginTop\":{\"small\":\"4rem\",\"default\":\"4rem\"},\"marginBottom\":{\"small\":\"2rem\",\"default\":\"2rem\"}}},\"topReviewsContainer\":{\"traits\":{\"marginTop\":{\"small\":\"4rem\",\"default\":\"4rem\"},\"marginBottom\":{\"small\":\"2rem\",\"default\":\"2rem\"}}},\"featuredReviewsContainer\":{\"traits\":{\"marginTop\":{\"small\":\"4rem\",\"default\":\"4rem\"},\"marginBottom\":{\"small\":\"2rem\",\"default\":\"2rem\"}}},\"reviewCardText\":{\"traits\":{\"reviewTextRowsLimitGrid\":{\"default\":4},\"reviewTextRowsLimitList\":{\"default\":4},\"reviewTextLineClamp\":{\"default\":\"unset\"}}},\"columnLayout\":{\"traits\":{\"columnCardStyle\":{\"default\":\"color\"}}}}","1090":0,"1225":"222222","1226":5,"1235":false,"1236":false,"1252":false,"1253":false,"1255":false,"1266":false,"1267":true,"1268":"{\"location\":\"atc_button\",\"locator\":\"after\"}","1269":5,"1270":true,"1272":0,"1273":"{}","1277":false,"1294":false,"1295":true,"1299":false,"1301":false,"1302":true,"1303":true,"1304":true,"1305":false,"1306":false,"1307":false,"1308":true,"1309":4,"1310":false,"1311":"","1312":false,"1313":"{}","1314":"all_media","1316":"shop","1318":false,"1319":0,"1323":"icon_text","1324":"circle","1325":"images_videos","1326":0,"1327":0,"1328":1,"1329":true,"1343":1,"1357":1,"1358":false,"1359":false,"1360":true,"1363":5,"1364":5,"1372":0,"1373":true,"1374":false,"1486":"cecece","1488":0,"1522":true,"1523":true,"1524":true},"48":{"469":true,"491":true,"588":true,"595":true,"603":"","605":"","606":".Vtl-WishlistHeaderWrapper{\n        margin: 0em 0em 0em -1em !important;\n}\n\n.Vtl-WishlistButtonWrapper {\n        width: 200px  !important;\n}\n\n#shopify-section-theme__cart {\n    z-index:9999!important;\n}\n.bundle-aggregated_reviews .Vtl-pr-stars-snippet svg path{\n    color:rgb(253,205,0)!important;\n}\n\ndiv.Vtl-BackInStockButton \u003e span{\n    color: white !important;\n}","781":true,"783":1,"876":0,"1076":true,"1105":0,"1198":false,"1415":0},"51":{"599":true,"604":true,"873":"","1227":true,"1422":""},"57":{"714":true,"716":true,"717":"f31212","720":true,"722":15,"771":true,"778":"ffffff","779":"000000","780":"ffffff","791":"","792":"","801":true,"804":"469ae5","805":"222222","874":"header","896":"light","897":"1753e9","898":26,"899":"1753e9","900":"FFFFFF","901":16,"990":0,"992":"{\"addToWishlistButton\":{\"traits\":{\"style\":{\"default\":\"outline\"},\"filledBackgroundColor\":{\"default\":\"#1753e9\"}}}}","1189":true,"1195":"\/apps\/page","1196":"\/a\/page","1206":false,"1207":"ffffff","1213":true,"1214":5,"1217":"c41e3a","1223":false,"1224":true,"1487":"full_width_button"},"59":{"934":"stop_selling","947":"{}
864","981":true,"1106":false,"1473":false,"1475":false,"1489":true}};
865
866window.vtlsLiquidData.shopThemeName = "Keystone";window.vtlsLiquidData.settingTranslation = {"13":{"34":{"en":"ModernPerformance.com🙂🙂"}},"21":{"287":{"en":"reviews"},"288":{"en":"See more reviews"},"289":{"en":"Write a Review"},"290":{"en":"Share your experience"},"291":{"en":"Rating"},"292":{"en":"Name"},"293":{"en":"Review"},"294":{"en":"We'd love to see a photo"},"295":{"en":"Submit Review"},"296":{"en":"Cancel"},"297":{"en":"No reviews yet. Be the first to add a review."},"447":{"en":"Thank you for adding your review!"},"481":{"en":"{{ stars }} {{ averageRating }} ({{ totalReviews }} {{ reviewsTranslation }})"},"482":{"en":"{{ stars }} ({{ totalReviews }})"},"504":{"en":"Only image file types are supported for upload"},"508":{"en":"E-mail"},"563":{"en":"The review could not be added. If the problem persists, please contact us."},"598":{"en":"Store reply"},"688":{"en":"Customers from all over the world love our products!"},"689":{"en":"Happy Customers"},"752":{"en":"Verified buyer"},"994":{"en":"Our Customers Love Us"},"1064":{"en":"Collected by"},"1065":{"en":"From {{reviews_count}} reviews"},"1216":{"en":""},"1228":{"en":""},"1238":{"en":"File exceeds the maximum size of 10 MB"},"1256":{"en":"Change product"},"1257":{"en":"Search for a product..."},"1258":{"en":"Loading products..."},"1259":{"en":"No matching products found"},"1260":{"en":"Unable to load products"},"1261":{"en":"Try again"},"1262":{"en":"Your feedback helps other shoppers make better decisions."},"1263":{"en":"Thanks for submitting your review. It will appear once approved."},"1264":{"en":"Discard your review draft?"},"1274":{"en":"Review your latest purchase from our store"},"1275":{"en":"Pick the product you'd like to review"},"1276":{"en":"optional"},"1278":{"en":"We'd love to see a video"},"1279":{"en":"Photos: {{extensions}} (up to {{size}} MB each)"},"1280":{"en":"Videos: {{extensions}} (up to {{size}} MB each)"},"1281":{"en":"Uploading video… {{percent}}%"},"1282":{"en":"Video unavailable"},"1283":{"en":"Video review"},"1284":{"en":"We'd love to see a photo or video"},"1291":{"en":"You can upload up to 5 images per review"},"1292":{"en":"You can upload up to 5 videos per review"},"1320":{"en":"Show original"},"1321":{"en":"Show translation"},"1322":{"en":"Auto-translated from {{ sourceLanguage }}"},"1332":{"en":"Leave a review and get {{ discount_value }} off your next order"},"1344":{"en":"AI SUMMARY"},"1345":{"en":"from {{ count }} recent reviews"},"1349":{"en":"Add photos"},"1351":{"en":"Add photos or videos"},"1350":{"en":"Add videos"},"1352":{"en":"Remove"},"1365":{"en":"How would you rate this product?"},"1366":{"en":"Tell us more"},"1367":{"en":"About you"},"1368":{"en":"Get a {{ discount_value }} discount for your next purchase"},"1369":{"en":"Get your {{ discount_value }} discount now!"},"1370":{"en":"We’re sorry to hear that"},"1371":{"en":"Tell us what went wrong. We’d love to make it right."},"1410":{"en":"Dislike it"},"1411":{"en":"Love it"},"1480":{"en":"Sort by"},"1481":{"en":"Most recent"},"1482":{"en":"Highest rating"},"1483":{"en":"Lowest rating"},"1484":{"en":"Photos \u0026 Videos first"},"1579":{"en":"Select the product you want to rate"},"1580":{"en":"Select a product"},"1581":{"en":"Please write your review"},"1582":{"en":"Please enter your name"},"1583":{"en":"Please enter a valid email address"},"1584":{"en":"Contact us"},"1585":{"en":"Leave a review"},"1586":{"en":"Back"},"1587":{"en":"Next"},"1588":{"en":"Close"},"1589":{"en":"By submitting, I acknowledge the {{ terms_link }} and {{ privacy_link }} and that my review will be publicly posted and shared online"},"1590":{"en":"Terms of Service"},"1591":{"en":"Privacy Policy"},"1592":{"en":"{{ stars }} out of 5 stars"}},"57":{"710":{"en":"Viewing your saved wishlist items"},"711":{"en":"Add to cart if you are ready to buy. "},"712":{"en":"Add to Wishlist"},"713":{"en":"Added to Wishlist"},"718":{"en":"From"},"719":{"en":"Add to cart"},"721":{"en":"Out of stock"},"766":{"en":"Share"},"767":{"en":"Share Wishlist"},"768":{"en":"Copy link"},"769":{"en":"Link copied"},"770":{"en":"Your Wishlist is empty. "},"772":{"en":"My Wishlist"},"889":{"en":"Added to cart"},"1215":{"en":"Only {{ stock }} left!"},"1218":{"en":"Add All to Cart"}},"59":{"929":{"en":"Notify when available"},"930":{"en":"Notify me when back in stock"},"931":{"en":"Enter your contact information below to receive a notification as soon as the desired product is back in stock."},"932":{"en":""},"933":{"en":"Notify me when available"}
866,"985":{"en":"Thank you for subscribing"},"986":{"en":"You are all set to receive a notification as soon as the product becomes available again."},"987":{"en":"SMS"},"988":{"en":"Something went wrong"},"989":{"en":"Please try to subscribe again."},"983":{"en":"E-mail"},"984":{"en":"Invalid email address"},"991":{"en":"Invalid phone number"},"993":{"en":"Phone number"},"1006":{"en":"Phone number should contain only digits"},"1474":{"en":"Email me with news and offers"},"1575":{"en":"While you wait"},"1576":{"en":"You might also like"},"1577":{"en":"View"}},"16":{"1184":{"en":""}}};window.vtlsLiquidData.shopSettings={};window.vtlsLiquidData.shopSettings.cartType="";window.vtlsLiquidData.storefrontAccessTokens={"1":"7adb4646940e361a177b64ec82a40f70"};window.vtlsLiquidData.shopInfo={id:68829020238,domain:"www.modernperformance.com",shopifyDomain:"exn1yf-er.myshopify.com",primaryLocaleIsoCode: "en",defaultCurrency:"USD",enabledCurrencies:["USD"],moneyFormat:"${{amount}}",moneyWithCurrencyFormat:"${{amount}} USD",appId:"1",appName:"Vitals",};window.vtlsLiquidData.acceptedScopes = {"1":[49,12,38,9,17,15,29,51,23,46,19,31,32,34,3,7,1,47,11,4,21,28,26,25,27,53,50,13,10,18,16,30,52,24,20,33,35,54,14,36,8,2,48,37,22,60,59]};window.vtlsLiquidData.cacheKeys = [1789397957,1764816425,1764816285,1764816424,1790680922,1764816286,1764816286,1790680922,0 ];</script>
866<script id="vtlsAebDynamicFunctions" class="notranslate">window.vtlsLiquidData = window.vtlsLiquidData || {};window.vtlsLiquidData.dynamicFunctions = ({$,vitalsGet,vitalsSet,VITALS_GET_$_DESCRIPTION,VITALS_GET_$_END_SECTION,VITALS_GET_$_ATC_FORM,VITALS_GET_$_ATC_BUTTON,submit_button,form_add_to_cart,cartItemVariantId,VITALS_EVENT_CART_UPDATED,VITALS_EVENT_DISCOUNTS_LOADED,VITALS_EVENT_RENDER_CAROUSEL_STARS,VITALS_EVENT_RENDER_COLLECTION_STARS,VITALS_EVENT_SMART_BAR_RENDERED,VITALS_EVENT_SMART_BAR_CLOSED,VITALS_EVENT_TABS_RENDERED,VITALS_EVENT_VARIANT_CHANGED,VITALS_EVENT_ATC_BUTTON_FOUND,VITALS_IS_MOBILE,VITALS_PAGE_TYPE,VITALS_APPEND_CSS,VITALS_HOOK__CAN_EXECUTE_CHECKOUT,VITALS_HOOK__GET_CUSTOM_CHECKOUT_URL_PARAMETERS,VITALS_HOOK__GET_CUSTOM_VARIANT_SELECTOR,VITALS_HOOK__GET_IMAGES_DEFAULT_SIZE,VITALS_HOOK__ON_CLICK_CHECKOUT_BUTTON,VITALS_HOOK__DONT_ACCELERATE_CHECKOUT,VITALS_HOOK__ON_ATC_STAY_ON_THE_SAME_PAGE,VITALS_FLAG__IGNORE_VARIANT_ID_FROM_URL,VITALS_FLAG__UPDATE_ATC_BUTTON_REFERENCE,VITALS_FLAG__UPDATE_CART_ON_CHECKOUT,VITALS_FLAG__USE_CAPTURE_FOR_ATC_BUTTON,VITALS_FLAG__USE_FIRST_ATC_SPAN_FOR_PRE_ORDER,VITALS_FLAG__USE_HTML_FOR_STICKY_ATC_BUTTON,VITALS_FLAG__STOP_EXECUTION,VITALS_FLAG__USE_CUSTOM_COLLECTION_FILTER_DROPDOWN,VITALS_FLAG__PRE_ORDER_START_WITH_OBSERVER,VITALS_FLAG__PRE_ORDER_OBSERVER_DELAY,VITALS_FLAG__ON_CHECKOUT_CLICK_USE_CAPTURE_EVENT,handle,}) => {return {"147": {"location":"form","locator":"after"},"607": (html) => {
867							/*if (vitalsGet('VITALS_PAGE_TYPE') === 'product') {
868    setTimeout(function(){
869		$('.Vtl-BackInStockButton').appendTo('#product-add');
870    }, 1000);
871}*/
872						},"946": (html) => {
873							$('#product-add').after(html);
874						},"1229": {"location":"product_end","locator":"prepend"},"1233": {"location":"product_end","locator":"prepend"},};};</script>
874<script id="vtlsAebDocumentInjectors" class="notranslate">window.vtlsLiquidData = window.vtlsLiquidData || {};window.vtlsLiquidData.documentInjectors = ({$,vitalsGet,vitalsSet,VITALS_IS_MOBILE,VITALS_APPEND_CSS}) => {const documentInjectors = {};documentInjectors["7"]={};documentInjectors["7"]["d"]=[];documentInjectors["7"]["d"]["0"]={};documentInjectors["7"]["d"]["0"]["a"]=[];documentInjectors["7"]["d"]["0"]["s"]=".shopify-section-group-footer-group";documentInjectors["12"]={};documentInjectors["12"]["d"]=[];documentInjectors["12"]["d"]["0"]={};documentInjectors["12"]["d"]["0"]["a"]=[];documentInjectors["12"]["d"]["0"]["s"]="form[action*=\"\/cart\/add\"]:visible:not([id*=\"product-form-installment\"]):not([id*=\"product-installment-form\"]):not(.vtls-exclude-atc-injector *)";documentInjectors["12"]["d"]["1"]={};documentInjectors["12"]["d"]["1"]["a"]=null;documentInjectors["12"]["d"]["1"]["s"]=".ProductForm";documentInjectors["12"]["d"]["2"]={};documentInjectors["12"]["d"]["2"]["a"]=null;documentInjectors["12"]["d"]["2"]["s"]="form[action*=\"\/cart\/add\"]";documentInjectors["1"]={};documentInjectors["1"]["d"]=[];documentInjectors["1"]["d"]["0"]={};documentInjectors["1"]["d"]["0"]["a"]=null;documentInjectors["1"]["d"]["0"]["s"]="#product-description";documentInjectors["4"]={};documentInjectors["4"]["d"]=[];documentInjectors["4"]["d"]["0"]={};documentInjectors["4"]["d"]["0"]["a"]=null;documentInjectors["4"]["d"]["0"]["s"]="h1:visible:not(.cbb-also-bought-title)";documentInjectors["4"]["d"]["1"]={};documentInjectors["4"]["d"]["1"]["a"]=[];documentInjectors["4"]["d"]["1"]["s"]="h1.type__heading";documentInjectors["10"]={};documentInjectors["10"]["d"]=[];documentInjectors["10"]["d"]["0"]={};documentInjectors["10"]["d"]["0"]["a"]=[];documentInjectors["10"]["d"]["0"]["s"]="input[name='quantity']";documentInjectors["2"]={};documentInjectors["2"]["d"]=[];documentInjectors["2"]["d"]["0"]={};documentInjectors["2"]["d"]["0"]["a"]={"l":"before"};documentInjectors["2"]["d"]["0"]["s"]=".shopify-section-group-footer-group";documentInjectors["2"]["d"]["1"]={};documentInjectors["2"]["d"]["1"]["a"]={"l":"after"};documentInjectors["2"]["d"]["1"]["s"]="main";documentInjectors["11"]={};documentInjectors["11"]["d"]=[];documentInjectors["11"]["d"]["0"]={};documentInjectors["11"]["d"]["0"]["a"]={"ctx":"inside","last":false};documentInjectors["11"]["d"]["0"]["s"]="[type=\"submit\"]:not(.swym-button)";documentInjectors["11"]["d"]["1"]={};documentInjectors["11"]["d"]["1"]["a"]={"ctx":"outside","last":true};documentInjectors["11"]["d"]["1"]["s"]=".btn--load";documentInjectors["11"]["d"]["2"]={};documentInjectors["11"]["d"]["2"]["a"]={"ctx":"outside","last":true};documentInjectors["11"]["d"]["2"]["s"]="btn.btn--load.!w-full.btn";documentInjectors["11"]["d"]["3"]={};documentInjectors["11"]["d"]["3"]["a"]={"ctx":"outside","last":true};documentInjectors["11"]["d"]["3"]["s"]="#product-add \u003e div \u003e div \u003e button:nth-child(3)";documentInjectors["9"]={};documentInjectors["9"]["d"]=[];documentInjectors["9"]["d"]["0"]={};documentInjectors["9"]["d"]["0"]["a"]=[];documentInjectors["9"]["d"]["0"]["s"]="#js-options-template--18463824445518__1638995507af787164";documentInjectors["6"]={};documentInjectors["6"]["d"]=[];documentInjectors["6"]["d"]["0"]={};documentInjectors["6"]["d"]["0"]["a"]=[];documentInjectors["6"]["d"]["0"]["s"]=".grid-cols-1";documentInjectors["6"]["d"]["1"]={};documentInjectors["6"]["d"]["1"]["a"]=[];documentInjectors["6"]["d"]["1"]["s"]="#template--19574708535374__product_grid_tCKDFJ";documentInjectors["19"]={};documentInjectors["19"]["d"]=[];documentInjectors["19"]["d"]["0"]={};documentInjectors["19"]["d"]["0"]["a"]={"jqMethods":[{"name":"parent"},{"args":"p","name":"find"}]};documentInjectors["19"]["d"]["0"]["s"]="a[href$=\"\/products\/{{handle}}\"]:visible:not(.announcement-bar)";documentInjectors["5"]={};documentInjectors["5"]["d"]=[];documentInjectors["5"]["d"]["0"]={};documentInjectors["5"]["d"]["0"]["a"]={"l":"before"};documentInjectors["5"]["d"]["0"]["s"]="a[name=\"Cart\"]";documentInjectors["5"]["d"]["1"]={};documentInjectors["5"]["d"]["1"]["a"]={"l":"prepend"};documentInjectors["5"]["d"]["1"]["s"]="header";documentInjectors["5"]["m"]=[];documentInjectors["5"]["m"]["0"]={};documentInjectors["5"]["m"]["0"]["a"]={"l":"before"};documentInjectors["5"]["m"]["0"]["s"]=".shopify-section-group-header-group.theme__header a.animation-300.ml-4.inline-flex.h-full";documentInjectors["5"]["m"]["1"]={};documentInjectors["5"]["m"]["1"]["a"]={"l":"prepend"};documentInjectors["5"]["m"]["1"]["s"]="header";return documentInjectors;};</script>
874<script id="vtlsAebBundle" src="https://cdn-sf.vitals.app/assets/js/bundle-1e77ba8c5ef14f458afed1a387f374b5.js" async></script>
874
875
876<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
877<script type="text/javascript">
878  (function (c, l, a, r, i, t, y) {
879    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
880    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
881    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
882
883    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
884      if (error) {
885        console.error("Error loading Shopify features:", error);
886        return;
887      }
888
889      c[a]('consentv2', {
890        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
891        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
892        source: 101,
893      });
894    });
895
896    l.addEventListener("visitorConsentCollected", function (e) {
897      c[a]('consentv2', {
898        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
899        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
900        source: 101,
901      });
902    });
903  })(window, document, "clarity", "script", "y63yplx18h");
904</script>
904
905
906
907
908<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/breadcrumbs-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
908<script type="application/ld+json" id="tinyimg-breadcrumbs-json-ld">
909      {
910        "@context": "https://schema.org",
911        "@type": "BreadcrumbList",
912        "itemListElement": [
913          {
914            "@type": "ListItem",
915            "position": 1,
916            "item": {
917              "@id": "https://www.modernperformance.com",
918          "name": "Home"
919        }
920      }
921      
922      ]
923    }
924  </script>
924
925<!-- END app block -->
925<script src="https://cdn.shopify.com/extensions/019ef41e-29ec-721d-b2dc-bf0b0e51a16d/redirect-hero-39/assets/live-redirect.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 925
925
926<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 926
926
927<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.recommedation.js" type="text/javascript" defer="defer"></script>
927
928<link href="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.recommendation.css" rel="stylesheet" type="text/css" media="all">
929<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
930<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: 68829020238,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "cart"};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 930
930
931<script>
932  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
933</script>
vendor: 1 bytes, line 933
933
934<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}
934).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: 68829020238,storefrontBaseUrl: "https://www.modernperformance.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.modernperformance.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2640543822","configuration":"{\"pixel_id\":\"1991344388107182\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2523103310","configuration":"{\"projectId\":\"y63yplx18h\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
934,"dataSharingState":"unrestricted"},{"id":"2055045198","configuration":"{\"shopId\":\"68829020238\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"83adcaf06c5deacff41ffdf8f92d9129","type":"APP","apiClientId":246667608065,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"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":"Modern Performance","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"exn1yf-er.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.modernperformance.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.modernperformance.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"146451923022","themeStoreId":"2943","themePublished":"true","eventMetadataId":"47594e26-88bf-4b0b-8226-5cfc062d5fb5","pageType":"cart","shopId":"68829020238","storefrontBaseUrl":"https:\/\/www.modernperformance.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
934<script>
935  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
936  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
937  window.ShopifyAnalytics.meta.currency = 'USD';
938  var meta = {"page":{"pageType":"cart","requestId":"212e293d-d826-464f-bac6-ab33e9f6dce2-1790970324"}};
939  for (var attr in meta) {
940    window.ShopifyAnalytics.meta[attr] = meta[attr];
941  }
942</script>
vendor: 1 bytes, line 942
942
943<script class="analytics">
944  (function () {
945    var customDocumentWrite = function(content) {
946      var jquery = null;
947
948      if (window.jQuery) {
949        jquery = window.jQuery;
950      } else if (window.Checkout && window.Checkout.$) {
951        jquery = window.Checkout.$;
952      }
953
954      if (jquery) {
955        jquery('body').append(content);
956      }
957    };
958
959    var hasLoggedConversion = function(token) {
960      if (token) {
961        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
962      }
963      return false;
964    }
965
966    var setCookieIfConversion = function(token) {
967      if (token) {
968        var twoMonthsFromNow = new Date(Date.now());
969        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
970
971        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
972      }
973    }
974
975    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
976    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
977    if (trekkie.integrations) {
978      return;
979    }
980    trekkie.methods = [
981      'identify',
982      'page',
983      'ready',
984      'track',
985      'trackForm',
986      'trackLink'
987    ];
988    trekkie.factory = function(method) {
989      return function() {
990        var args = Array.prototype.slice.call(arguments);
991        args.unshift(method);
992        trekkie.push(args);
993        if (method == 'track' || method == 'page') {
994          var pageUrl;
995          try {
996            pageUrl = window.location.href;
997          } catch (e) {}
998          var pageReferrer;
999          try {
1000            pageReferrer = document.referrer;
1001          } catch (e) {}
1002          try {
1003            if (window.__TREKKIE_SHIM_QUEUE == null) {
1004              window.__TREKKIE_SHIM_QUEUE = [];
1005            }
1006            window.__TREKKIE_SHIM_QUEUE.push({
1007              from: 'trekkie-stub',
1008              method: method,
1009              args: args.slice(1),
1010              pageContext: {
1011                url: pageUrl,
1012                referrer: pageReferrer
1013              }
1014            });
1015          } catch (e) {
1016            // no-op
1017          }
1018        }
1019        return trekkie;
1020      };
1021    };
1022    for (var i = 0; i < trekkie.methods.length; i++) {
1023      var key = trekkie.methods[i];
1024      trekkie[key] = trekkie.factory(key);
1025    }
1026    trekkie.load = function(config) {
1027      trekkie.config = config || {};
1028      trekkie.config.initialDocumentCookie = document.cookie;
1029      var first = document.getElementsByTagName('script')[0];
1030var script = document.createElement('script');
1031script.type = 'text/javascript';
1032script.onerror = function(e) {
1033  var scriptFallback = document.createElement('script');
1034  scriptFallback.type = 'text/javascript';
1035  scriptFallback.onerror = function(error) {
1036          var Monorail = {
1037      produce: function produce(monorailDomain, schemaId, payload) {
1038        var currentMs = new Date().getTime();
1039        var event = {
1040          schema_id: schemaId,
1041          payload: payload,
1042          metadata: {
1043            event_created_at_ms: currentMs,
1044            event_sent_at_ms: currentMs
1045          }
1046        };
1047        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1048      },
1049      sendRequest: function sendRequest(endpointUrl, payload) {
1050        // Try the sendBeacon API
1051        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1052          var blobData = new window.Blob([payload], {
1053            type: 'text/plain'
1054          });
1055
1056          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1057            return true;
1058          } // sendBeacon was not successful
1059
1060        } // XHR beacon
1061
1062        var xhr = new XMLHttpRequest();
1063
1064        try {
1065          xhr.open('POST', endpointUrl);
1066          xhr.setRequestHeader('Content-Type', 'text/plain');
1067          xhr.send(payload);
1068        } catch (e) {
1069          console.log(e);
1070        }
1071
1072        return false;
1073      },
1074      isIos12: function isIos12() {
1075        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1076      }
1077    };
1078    Monorail.produce('monorail-edge.shopifysvc.com',
1079      'trekkie_storefront_load_errors/1.1',
1080      {shop_id: 68829020238,
1081      theme_id: 146451923022,
1082      app_name: "storefront",
1083      context_url: window.location.href,
1084      source_url: "//www.modernperformance.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1085
1086  };
1087  scriptFallback.async = true;
1088  scriptFallback.src = '//www.modernperformance.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1089  first.parentNode.insertBefore(scriptFallback, first);
1090};
1091script.async = true;
1092script.src = '//www.modernperformance.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1093first.parentNode.insertBefore(script, first);
1094
1095    };
1096    trekkie.load(
1097      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":68829020238,"isMerchantRequest":null,"themeId":146451923022,"themeCityHash":"9330843686395355375","contentLanguage":"en","currency":"USD","eventMetadataId":"47594e26-88bf-4b0b-8226-5cfc062d5fb5"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1098    );
1099
1100    var loaded = false;
1101    trekkie.ready(function() {
1102      if (loaded) return;
1103      loaded = true;
1104
1105      window.ShopifyAnalytics.lib = window.trekkie;
1106
1107      var originalDocumentWrite = document.write;
1108      document.write = customDocumentWrite;
1109      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1110      document.write = originalDocumentWrite;
1111
1112      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1113      var token = match? match[1]: undefined;
1114      if (!hasLoggedConversion(token)) {
1115        setCookieIfConversion(token);
1116        
1117      }
1118    });
1119
1120    window.ShopifyAnalytics.lib.page(null,{"pageType":"cart","requestId":"212e293d-d826-464f-bac6-ab33e9f6dce2-1790970324","shopifyEmitted":true});
1121
1122    var eventsListenerScript = document.createElement('script');
1123    eventsListenerScript.async = true;
1124    eventsListenerScript.src = "//www.modernperformance.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1125    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1126})();</script>
vendor: 1 bytes, line 1126
1126
1127<script
1128  defer
1129  src="https://www.modernperformance.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1130  data-application="storefront-renderer"
1131  data-shop-id="68829020238"
1132  data-render-region="gcp-us-central1"
1133  data-page-type="cart"
1134  data-theme-instance-id="146451923022"
1135  data-theme-name="Keystone"
1136  data-theme-version="2.1.0"
1137  data-monorail-region="shop_domain"
1138  data-resource-timing-sampling-rate="10"
1139  data-shs="true"
1140  data-shs-beacon="true"
1141  data-shs-export-with-fetch="true"
1142  data-shs-logs-sample-rate="1"
1143  data-shs-beacon-endpoint="https://www.modernperformance.com/api/collect"
1144></script>
1144
1145<meta name="shopify-y" content="d051cf0e-67e6-44c8-a8ca-4f0d4c00fbe2" data-expiration="1822527924000"><meta name="shopify-s" content="bb94e8c4-74de-4c1e-97f8-f58323b6b36c" data-expiration="1790972124000"><meta name="new-cookie-storage-activated" content="t">
1146</head>
1147
1148  <body
1149    class="
1150      animation-500--all min-h-[100vh] break-words
1151      cart
1152    "
1153    :class="
1154      {
1155        'overflow-hidden': !enable_body_scrolling
1156      }
1157    "
1158    @scroll.window.throttle.100ms="
1159      if(!Shopify.visualPreviewMode){
1160        handleBodyScroll();
1161      }
1162    "
1163  >
1164    
1165
1166    
1167
1168
1169    
1170
1171    
1172    <a
1173      class="btn btn--plain btn--small !absolute left-4 top-4 !z-[100] -translate-y-20 transform opacity-0 shadow-md focus:translate-y-0 focus:opacity-100"
1174      href="#root"
1175    >
1176      Skip to content
1177    </a>
1178
1179    
1180      
1181        
1182      <div id="shopify-section-theme__account" class="shopify-section"><!-- sections/theme__account.liquid -->
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195<section
1196  id="theme__account"
1197>
1198  <!-- snippets/component__dragdrawer.liquid -->
1199
1200
1201<section
1202  class="fixed inset-0 z-50 overflow-hidden "
1203  x-data="{ 
1204    pos_y: 0, 
1205    dragging: false
1206  }"
1207  @keyup.escape.window="
1208    account_drawer = false;
1209    enable_body_scrolling = true;
1210    hide_header = false;
1211    reset_product_zindex = false; 
1212    quick_edit_handle = '';
1213  "
1214  x-show="account_drawer"
1215  x-cloak>
1216
1217  
1218  <div 
1219    class="absolute inset-0 w-full h-full backdrop-blur animation-100"
1220    style="
1221      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%);
1222    "
1223    aria-hidden="true"
1224    @click="
1225      account_drawer = false; 
1226      enable_body_scrolling = true;
1227      hide_header = false;
1228      reset_product_zindex = false; 
1229      quick_edit_handle = '';
1230    "
1231    x-show="account_drawer"
1232    
1233      x-transition:enter="animation-300"
1234      x-transition:enter-start="opacity-0"
1235      x-transition:enter-end="opacity-100"
1236      x-transition:leave="animation-300"
1237      x-transition:leave-start="opacity-100"
1238      x-transition:leave-end="opacity-0"
1239    
1240    x-cloak>
1241  </div>
1242
1243  
1244  <div
1245    class="
1246      gf-overunet
1247      fixed flex w-screen 
1248      bottom-0 left-0 right-0 justify-end max-h-[90svh] md:max-h-none
1249      outline--width color__outline-divider-1
1250      color__bg-body
1251      
1252        h-[90svh]
1253      
1254      
1255      
1256      
1257        md:max-w-xl md:h-full md:top-0 md:bottom-0 md:left-auto md:right-0
1258      
1259    "
1260    :class="[
1261      dragging ? '' : 'animation-300'
1262    ]"
1263    @touchend.window="
1264      dragging = false;
1265      startY: 0,
1266      pos_y = 0;
1267    "
1268    @touchstart="
1269      dragging = true;
1270      startY = $event.touches[0].clientY;
1271    "
1272    @touchmove.window="
1273      if (dragging) { 
1274        let deltaY = $event.touches[0].clientY - startY;
1275        if (deltaY > 0) {
1276          pos_y = deltaY;
1277          if (pos_y > window.innerHeight / 3) {
1278            dragging = false;
1279            pos_y = 1200;
1280            account_drawer = false;
1281            enable_body_scrolling = true;
1282            hide_header = false;
1283            reset_product_zindex = false; 
1284          }
1285        } else {
1286          pos_y = 0;
1287        }
1288      }
1289    "
1290    :style="
1291      'transform: translate(0px, ' + pos_y + 'px)'
1292    "
1293    
1294      x-trap="account_drawer"
1295    
1296    x-show="account_drawer"
1297    
1298      
1299      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
1300      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
1301      x-transition:enter-end="!translate-y-0 opacity-100"
1302      x-transition:leave="animation-300 !translate-y-0 opacity-100"
1303      x-transition:leave-start="!translate-y-0 opacity-100"
1304      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
1305    
1306    x-cloak>
1307    <div class="w-screen">
1308      <div class="flex flex-col h-full overflow-y-auto color__text overscroll-none       gf-overunet">
1309        
1310  <div 
1311    class="
1312      flex h-full flex-col
1313      color__bg-body color__text
1314    ">
1315
1316    
1317    
1318              
1319    
1320    <section 
1321      class="
1322        border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
1323        color__bg-body color__text
1324        color__border-divider-1
1325      ">
1326      <span>
1327        Account
1328      </span>
1329      <button class="btn btn--small
1330        btn btn--minimal"
1331        title="Close"
1332        @click="closeAccount()">
1333        
1334          <!-- snippets/component__icon.liquid -->
1335
1336
1337<span
1338  class="
1339    inline-flex align-middle
1340    
1341  "
1342  aria-hidden="true"
1343>
1344  
1345    
1346    
1347        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1348          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
1349          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
1350        </svg>
1351      
1352
1353  
1354</span>
1355 
1356        
1357        
1358      </button>
1359    </section>
1360
1361    
1362    
1363      <section 
1364        class="relative flex h-[inherit] flex-grow flex-col overflow-y-auto overflow-x-hidden">
1365
1366        
1367  
1368
1369        
1370        <div 
1371          class="p-4"
1372          x-data="{ tab: window.location.hash === '#recover' ? 'recover' : 'login' }">
1373          
1374          <div 
1375            x-show="tab === 'recover'"
1376            x-cloak>
1377
1378            
1379            <form method="post" action="/account/recover" id="theme__account-recover" accept-charset="UTF-8" class="flex flex-col gap-4 items-start w-full"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/account/login?recover" />
1380
1381              
1382
1383      
1384              <div class="w-full">
1385                <label for="drawer_recover_email">Email</label><br/>
1386                <input 
1387                  id="drawer_recover_email" 
1388                  type="email" 
1389                  name="email"
1390                  placeholder="Enter your email" />
1391              </div>
1392      
1393              <button type="submit" class="btn">
1394                Reset password
1395              </button>
1396      
1397              <div class="border--t-width color__border-divider-1 w-full pt-4">
1398                <button type="button" class="btn btn--plain"
1399                  @click.prevent="tab = 'login';">
1400                  Log in
1401                </button>
1402              </div>
1403              
1404            </form>
1405          </div>
1406
1407          <div
1408            class="flex w-full flex-col items-start gap-4"
1409            x-show="tab === 'login'">
1410
1411            
1412            <form method="post" action="/account/login" id="theme__account-login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="flex flex-col gap-4 items-start w-full"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/cart?account" />
1413
1414              
1415              <div class="w-full">
1416                <label for="drawer_login_customer_email">Email</label><br/>
1417                <input 
1418                  id="drawer_login_customer_email" 
1419                  type="email" 
1420                  name="customer[email]" 
1421                  placeholder="Enter your email" />
1422              </div>
1423
1424              <div class="w-full">
1425                <label for="drawer_login_customer_password">Password</label><br/>
1426                <input 
1427                  id="drawer_login_customer_password" 
1428                  type="password" 
1429                  name="customer[password]" 
1430                  autocomplete
1431                  placeholder="Enter password" />
1432              </div>
1433      
1434              <button type="submit" class="btn">
1435                Log in
1436              </button>
1437      
1438              <div class="border--t-width color__border-divider-1 flex w-full flex-col gap-4 pt-4">
1439                <p>Don&#39;t have an account or forgot your password?</p>
1440                <div class="flex gap-4">
1441                  <button 
1442                    class="btn btn--plain"
1443                    type="button" 
1444                    @click="tab = 'recover';">
1445                    Forgot password?
1446                  </button>
1447                  <button 
1448                    class="btn btn--plain"
1449                    type="button" 
1450                    @click="tab = 'register';">
1451                    Sign up
1452                  </button>
1453                </div>
1454              </div>
1455      
1456
1457            </form>
1458
1459            
1460          </div>
1461
1462          <div 
1463            x-show="tab === 'register'"
1464            x-cloak>
1465
1466            
1467            <form method="post" action="/account" id="theme__account-signup" accept-charset="UTF-8" data-login-with-shop-sign-up="true" class="flex flex-col gap-4 items-start w-full"><input type="hidden" name="form_type" value="create_customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="return_to" value="/cart?account" />
1468
1469      
1470              <div class="w-full">
1471                <label 
1472                  for="drawer_signup_first_name">Name</label><br/>
1473                <input 
1474                  id="drawer_signup_first_name" 
1475                  required 
1476                  type="text" 
1477                  name="customer[first_name]"
1478                  value=""
1479                  placeholder="Enter your name" />
1480              </div>
1481
1482              <div class="w-full">
1483                <label 
1484                  for="drawer_signup_customer_email">Email</label><br/>
1485                <input 
1486                  id="drawer_signup_customer_email" 
1487                  required
1488                  type="email" 
1489                  name="customer[email]" 
1490                  placeholder="Enter your email" />
1491              </div>
1492      
1493              <div class="w-full">
1494                <label 
1495                  for="drawer_signup_customer_password">Password</label><br/>
1496                <input 
1497                  id="drawer_signup_customer_password"
1498                  required
1499                  type="password"
1500                  name="customer[password]"
1501                  autocomplete
1502                  placeholder="Enter password"/>
1503              </div>
1504              
1505              <button type="submit" class="btn">
1506                Sign up
1507              </button>
1508      
1509              <div class="border--t-width color__border-divider-1 flex w-full flex-col gap-4 pt-4">
1510                <p>Already have an account?</p>
1511                <div class="flex gap-4">
1512                  <button 
1513                    class="btn btn--plain"
1514                    type="button" 
1515                    @click="tab = 'recover';">
1516                    Forgot password?
1517                  </button>
1518                  <button 
1519                    class="btn btn--plain"
1520                    type="button" 
1521                    @click="tab = 'login';">
1522                    Log in
1523                  </button>
1524                </div>
1525              </div>
1526                            
1527            </form>
1528          </div>
1529
1530        </div>
1531      </section>
1532      
1533    
1534
1535  </div>
1536
1537      </div>
1538    </div>
1539  </div>
1540
1541</section>
1542</section>
1543
1544
1545</div>
1546      <div id="shopify-section-theme__search" class="shopify-section"><!-- sections/theme__search.liquid -->
1547
1548
1549
1550
1551
1552
1553
1554<!-- snippets/component__dragdrawer.liquid -->
1555
1556
1557<section
1558  class="fixed inset-0 z-50 overflow-hidden "
1559  x-data="{ 
1560    pos_y: 0, 
1561    dragging: false
1562  }"
1563  @keyup.escape.window="
1564    search_drawer = false;
1565    enable_body_scrolling = true;
1566    hide_header = false;
1567    reset_product_zindex = false; 
1568    quick_edit_handle = '';
1569  "
1570  x-show="search_drawer"
1571  x-cloak>
1572
1573  
1574  <div 
1575    class="absolute inset-0 w-full h-full backdrop-blur animation-100"
1576    style="
1577      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%);
1578    "
1579    aria-hidden="true"
1580    @click="
1581      search_drawer = false; 
1582      enable_body_scrolling = true;
1583      hide_header = false;
1584      reset_product_zindex = false; 
1585      quick_edit_handle = '';
1586    "
1587    x-show="search_drawer"
1588    
1589      x-transition:enter="animation-300"
1590      x-transition:enter-start="opacity-0"
1591      x-transition:enter-end="opacity-100"
1592      x-transition:leave="animation-300"
1593      x-transition:leave-start="opacity-100"
1594      x-transition:leave-end="opacity-0"
1595    
1596    x-cloak>
1597  </div>
1598
1599  
1600  <div
1601    class="
1602      gf-overunet
1603      fixed flex w-screen 
1604      bottom-0 left-0 right-0 justify-end max-h-[90svh] md:max-h-none
1605      outline--width color__outline-divider-1
1606      color__bg-body
1607      
1608        h-[90svh]
1609      
1610      
1611        md:left-0 md:right-0 md:m-auto md:top-0 md:bottom-auto md:h-[500px] md:w-[70%] md:max-w-[900px] overflow-hidden border--t-radius md:border--b-radius md:!rounded-t-none
1612      
1613      
1614      
1615    "
1616    :class="[
1617      dragging ? '' : 'animation-300'
1618    ]"
1619    @touchend.window="
1620      dragging = false;
1621      startY: 0,
1622      pos_y = 0;
1623    "
1624    @touchstart="
1625      dragging = true;
1626      startY = $event.touches[0].clientY;
1627    "
1628    @touchmove.window="
1629      if (dragging) { 
1630        let deltaY = $event.touches[0].clientY - startY;
1631        if (deltaY > 0) {
1632          pos_y = deltaY;
1633          if (pos_y > window.innerHeight / 3) {
1634            dragging = false;
1635            pos_y = 1200;
1636            search_drawer = false;
1637            enable_body_scrolling = true;
1638            hide_header = false;
1639            reset_product_zindex = false; 
1640          }
1641        } else {
1642          pos_y = 0;
1643        }
1644      }
1645    "
1646    :style="
1647      'transform: translate(0px, ' + pos_y + 'px)'
1648    "
1649    
1650      x-trap="search_drawer"
1651    
1652    x-show="search_drawer"
1653    
1654      
1655      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
1656      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
1657      x-transition:enter-end="!translate-y-0 opacity-100"
1658      x-transition:leave="animation-300 !translate-y-0 opacity-100"
1659      x-transition:leave-start="!translate-y-0 opacity-100"
1660      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
1661    
1662    x-cloak>
1663    <div class="w-screen">
1664      <div class="flex flex-col h-full overflow-y-auto color__text overscroll-none       gf-overunet">
1665        
1666
1667  
1668  
1669  
1670  
1671  <section 
1672    class="      gf-overunet
1673      relative h-[inherit] overflow-y-auto overflow-x-hidden
1674      color__bg-body color__text
1675    "
1676    x-data="{
1677      params: {
1678        author: false,
1679        body: false,
1680        product_type: true,
1681        tag: true,
1682        title: true,
1683        vendor: false,
1684        variants: {
1685          barcode: false,
1686          sku: false,
1687          title: true
1688        }
1689      },
1690      resources: {
1691        article: true,
1692        collection: true,
1693        page: true,
1694        product: true,
1695        query: true
1696      }
1697    }">
1698    <form 
1699      class="gf-select-form"
1700      action="/search" 
1701      method='get'
1702      @submit.prevent="goToSelectedItem($el)">
1703
1704      
1705      <input type="hidden" name="type" value="page,article,product"> 
1706
1707      
1708      <div 
1709        class="
1710          border--b-width sticky top-0 z-10 w-full p-4
1711          color__border-selected-1
1712          color__bg-body color__text
1713        ">
1714
1715        
1716        <div 
1717          class="relative">
1718          <label 
1719            class="sr-only"
1720            for="search-field">
1721            Search
1722          </label>
1723
1724          
1725          <div 
1726            class="pointer-events-none absolute left-4 top-0 flex h-full items-center opacity-75">
1727            <!-- snippets/component__icon.liquid -->
1728
1729
1730<span
1731  class="
1732    inline-flex align-middle
1733    
1734  "
1735  aria-hidden="true"
1736>
1737  
1738    
1739    
1740        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1741          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3  11 3C15.4183 3 19 6.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="currentColor"/>
1742        </svg>
1743      
1744
1745  
1746</span>
1747
1748          </div>
1749
1750          
1751          <input 
1752            id="search-field"
1753            class="
1754              color__text color__bg-overlay-1 !px-12
1755              color__border-selected-1
1756            " 
1757            type="text"
1758            name="q" 
1759            placeholder="Enter your search..."
1760            value=""
1761            x-ref="searchInput"
1762            @keyup.down="updateSelectedSearch(1)"
1763            @keyup.up="updateSelectedSearch(-1)"
1764            @keyup.enter.prevent="goToSelectedItem()"
1765            @input.debounce="fetchAndUpdateSearch($event, params, resources)"
1766          />
1767          
1768          
1769          <div 
1770            class="absolute right-4 top-0 flex h-full items-center">
1771            <button 
1772              class="btn btn--smaller btn--minimal !px-2"
1773              title="Cancel"
1774              type="button"
1775              @click="
1776                $refs.searchInput.value = '';
1777                search_term = '';
1778                search_items = '';
1779                search_items_collections = '';
1780                search_items_pages = '';
1781                search_items_articles = '';
1782                search_items_queries = '';
1783                search_loading = false;
1784              ">
1785              <!-- snippets/component__icon.liquid -->
1786
1787
1788<span
1789  class="
1790    inline-flex align-middle
1791    
1792  "
1793  aria-hidden="true"
1794>
1795  
1796    
1797    
1798        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1799          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
1800          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
1801        </svg>
1802      
1803
1804  
1805</span>
1806
1807            </button>
1808          </div>
1809        
1810        </div>
1811
1812        
1813        <div
1814          class="pt-4 spf-hidden" 
1815          x-show="search_items.length != 0 && !search_loading"
1816          x-cloak>
1817          <button class="w-full text-left"
1818            type="submit">
1819            View all 
1820          </button>
1821        </div>
1822
1823        
1824        <div
1825          class="pt-4 spf-hidden"
1826          x-show="
1827            search_term.length > 0 &&
1828            search_items.length == 0 &&
1829            search_items_collections.length == 0 &&
1830            search_items_pages.length == 0 &&
1831            search_items_articles.length == 0 &&
1832            search_items_queries.length == 0 &&
1833            !search_loading"
1834          x-cloak>
1835          <p class="mb-0">Sorry, there are no results for this search.</p>
1836        </div>
1837              
1838      </div>
1839      
1840      
1841      <div 
1842        class="px-4 py-4           spf-hidden" 
1843        x-show="search_loading" 
1844        x-cloak>
1845        <div class="btn--load btn--loading">
1846          <div class="btn__content">Loading...</div>
1847          <div class="btn__spinner">
1848            <!-- snippets/component__icon.liquid -->
1849
1850
1851<span
1852  class="
1853    inline-flex align-middle
1854    
1855  "
1856  aria-hidden="true"
1857>
1858  
1859    
1860    
1861        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1862          <path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"/>
1863          <path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"/>
1864          <path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"/>
1865          <path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"/>
1866          <path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"/>
1867          <path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"/>
1868        </svg>
1869      
1870
1871  
1872</span>
1873
1874          </div>
1875        </div>
1876      </div>
1877      
1878      
1879      <div class=" spf-hidden">
1880        
1881        
1882        
1883        
1884        
1885        <div 
1886          x-show="search_term.length > 0 && !search_loading" 
1887          x-cloak>
1888          
1889          
1890          <div 
1891            class="
1892              border--b-width
1893              color__border-selected-1
1894            "
1895            x-show="search_items_queries.length !== 0"
1896            x-cloak>
1897            <template x-for="(item, index)  in search_items_queries">
1898              <a 
1899                class="hover:color__bg-shade-1 animation-100 flex w-full items-center gap-4 overflow-hidden text-ellipsis px-4 py-4 no-underline hover:opacity-100"
1900                :class="{ 
1901                  'underline color__bg-shade-1': index === search_focus_index, 
1902                  'no-underline': index !== search_focus_index 
1903                }"
1904                :href="item.url">
1905                <span class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center">
1906                  <!-- snippets/component__icon.liquid -->
1907
1908
1909<span
1910  class="
1911    inline-flex align-middle
1912    
1913  "
1914  aria-hidden="true"
1915>
1916  
1917    
1918    
1919        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1920          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3  11 3C15.4183 3 19 
19206.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="currentColor"/>
1921        </svg>
1922      
1923
1924  
1925</span>
1926
1927                </span>
1928                <span
1929                  x-html="item.styled_text">
1930                </span>
1931              </a>
1932            </template>
1933          </div>
1934          
1935          
1936          <div 
1937            class="
1938              border--b-width
1939              color__border-selected-1
1940            "
1941            x-show="search_items_pages.length !== 0"
1942            x-cloak>
1943
1944            <template x-for="(item, index) in search_items_pages" :key="index">
1945              <a 
1946                class="hover:color__bg-shade-1 animation-100 flex w-full items-center gap-4 overflow-hidden text-ellipsis px-4 py-4 no-underline hover:opacity-100"
1947                :class="{ 
1948                  'underline color__bg-shade-1': (index + search_items_queries.length) === search_focus_index, 
1949                  'no-underline': (index + search_items_queries.length) !== search_focus_index 
1950                }"
1951                :href="item.url">
1952                <span class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center">
1953                  <!-- snippets/component__icon.liquid -->
1954
1955
1956<span
1957  class="
1958    inline-flex align-middle
1959    
1960  "
1961  aria-hidden="true"
1962>
1963  
1964    
1965    
1966        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1967          <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2H13.0168L20 9.00873V22H4V2ZM6 4V20H18V11H11V4H6ZM13 4.8167L17.168 9H13V4.8167Z" fill="currentColor"/>
1968        </svg>
1969      
1970
1971  
1972</span>
1973
1974                </span>
1975                <span
1976                  x-html="item.title">
1977                </span>
1978              </a>
1979            </template>
1980          </div>
1981
1982          
1983          <div 
1984            class="
1985              border--b-width
1986              color__border-selected-1
1987            "
1988            x-show="search_items_articles.length !== 0"
1989            x-cloak>
1990            <template x-for="(item, index) in search_items_articles">
1991              <a 
1992                class="hover:color__bg-shade-1 animation-100 flex w-full items-center gap-4 overflow-hidden text-ellipsis px-4 py-4 no-underline hover:opacity-100"
1993                :class="{ 
1994                  'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length) === search_focus_index, 
1995                  'no-underline': (index + search_items_queries.length + search_items_pages.length) !== search_focus_index 
1996                }"
1997                :href="item.url"
1998                
1999                  x-show="!item.tags.includes('')"
2000                >
2001                <span class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center">
2002                  <!-- snippets/component__icon.liquid -->
2003
2004
2005<span
2006  class="
2007    inline-flex align-middle
2008    
2009  "
2010  aria-hidden="true"
2011>
2012  
2013    
2014    
2015        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2016          <path fill-rule="evenodd" clip-rule="evenodd" d="M4 2H13.0168L20 9.00873V22H4V2ZM6 4V20H18V11H11V4H6ZM13 4.8167L17.168 9H13V4.8167Z" fill="currentColor"/>
2017        </svg>
2018      
2019
2020  
2021</span>
2022
2023                </span>
2024                <span
2025                  x-html="item.title">
2026                </span>
2027              </a>
2028            </template>
2029          </div>
2030
2031          
2032          <div 
2033            class="
2034              border--b-width
2035              color__border-selected-1
2036            "
2037            x-show="search_items_collections.length !== 0"
2038            x-cloak>
2039            <template x-for="(item, index) in search_items_collections">
2040              <a 
2041                class="hover:color__bg-shade-1 animation-100 flex w-full items-center gap-4 overflow-hidden text-ellipsis px-4 py-4 no-underline hover:opacity-100"
2042                :class="{ 
2043                  'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length) === search_focus_index, 
2044                  'no-underline': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length) !== search_focus_index 
2045                }"
2046                :href="item.url">
2047                <span 
2048                  class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center overflow-hidden"
2049                  x-show="item.featured_image && item.featured_image.url">
2050                  <img 
2051                    class="h-full w-full"
2052                    width="64"
2053                    height="64"
2054                    loading="lazy"
2055                    :src="item.featured_image && item.featured_image.url ? `${item.featured_image.url}&width=64` : ''" 
2056                    :alt="`${item.title}`" />
2057                </span>
2058                <span 
2059                  class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center overflow-hidden"
2060                  x-show="!item.featured_image || !item.featured_image.url">
2061                  <!-- snippets/component__icon.liquid -->
2062
2063
2064<span
2065  class="
2066    inline-flex align-middle
2067    
2068  "
2069  aria-hidden="true"
2070>
2071  
2072    
2073    
2074        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2075          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 3H3V11H11V3ZM5 9V5H9V9H5Z" fill="currentColor"/>
2076          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H13V11H21V3ZM15 9V5H19V9H15Z" fill="currentColor"/>
2077          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 13H21V21H13V13ZM15 15V19H19V15H15Z" fill="currentColor"/>
2078          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 13H3V21H11V13ZM5 19V15H9V19H5Z" fill="currentColor"/>
2079        </svg>
2080      
2081
2082  
2083</span>
2084
2085                </span>
2086                <span
2087                  x-html="item.title">
2088                </span>
2089              </a>
2090            </template>
2091          </div>
2092          
2093          
2094          <div 
2095            class="
2096              border--b-width
2097              color__border-selected-1
2098            "
2099            x-show="search_items.length > 0"
2100            x-cloak>
2101            <template x-for="(item, index) in search_items">
2102              <a 
2103                class="hover:color__bg-shade-1 animation-100 flex w-full items-center gap-4 overflow-hidden text-ellipsis px-4 py-4 no-underline hover:opacity-100"
2104                :class="{ 
2105                  'underline color__bg-shade-1': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) === search_focus_index, 
2106                  'no-underline': (index + search_items_queries.length + search_items_pages.length + search_items_articles.length + search_items_collections.length) !== search_focus_index 
2107                }"
2108                :href="item.url"
2109                
2110                  x-show="!item.tags.includes('')"
2111                >
2112                <span class="color__bg-overlay-1 border--radius flex h-8 w-8 items-center justify-center overflow-hidden">
2113                  <img 
2114                    class="h-full w-full"
2115                    width="64"
2116                    height="64"
2117                    loading="lazy"
2118                    :src="`${item.image}&width=64`" 
2119                    :alt="`${item.title}`" 
2120                  />
2121                </span>
2122                <div class="inline-flex justify-start">
2123                  <span
2124                    x-html="item.title">
2125                  </span>
2126                  <div 
2127                    class="ml-1 flex grow items-start gap-1"
2128                    x-show="item.tags && !item.tags.includes('')">
2129                    <span 
2130                      class="type--base"
2131                      x-html="Shopify.formatMoney(item.price)">
2132                    </span>
2133                    <span 
2134                      class="type--base opacity-50"
2135                      x-show="item.compare_at_price_max > item.price">
2136                      <s 
2137                        x-html="Shopify.formatMoney(item.compare_at_price_max)">
2138                      </s>
2139                    </span>
2140                  </div> 
2141                </div>  
2142              </a>
2143            </template>
2144          </div>
2145
2146        </div>
2147        
2148      </div>
2149
2150    </form>
2151  </section>
2152
2153
2154      </div>
2155    </div>
2156  </div>
2157
2158</section>
2159
2160
2161</div>
2162
2163      
2164      <div class="flex">
2165        <div id="shopify-section-theme__menu" class="shopify-section"><!-- sections/theme__menu.liquid -->
2166
2167
2168
2169
2170
2171
2172
2173<aside
2174  id="theme__menu"
2175  class="
2176    animation-300--all relative top-0 hidden h-full min-h-[100svh] max-w-[300px] lg:block
2177    color__bg-body color__text
2178    color__border-divider-1
2179  "
2180  
2181    x-init="menu_sidebar = window.innerWidth > 1024;"
2182  
2183  x-show="menu_sidebar"
2184  
2185    x-transition:enter="opacity-0 !max-w-0 -z-10"
2186    x-transition:enter-start="opacity-0 !max-w-0 -z-10"
2187    x-transition:enter-end="opacity-100 max-w-[300px] -z-10"
2188    x-transition:leave="opacity-100 max-w-[300px] -z-10"
2189    x-transition:leave-start="opacity-100 max-w-[300px] -z-10"
2190    x-transition:leave-end="opacity-0 !max-w-0 -z-10"
2191  
2192>
2193  
2194  <!-- snippets/theme__menu-content.liquid -->
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204<div
2205  class="
2206    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh] lg:min-w-[300px] lg:max-w-[300px]
2207    color__bg-body color__text
2208    
2209      md:border--r-width
2210    
2211  "
2212>
2213  
2214  
2215    
2216  
2217
2218  
2219  <section
2220    class="
2221      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
2222      color__bg-body color__text
2223      !color__border-transparent
2224    "
2225  >
2226    
2227    
2228      <a
2229        class="animation-500 relative inline-block items-center"
2230        style="
2231  height: 80px;
2232  width: 200.9090909090909px;
2233"
2234        href="/"
2235        title="Modern Performance"
2236      >
2237        <img src="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=400" alt="
2238  Modern Performance
2239" srcset="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=352 352w, //www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=400 400w" width="400" height="159" class="w-full h-full !bg-transparent object-contain">
2240      </a>
2241    
2242
2243    
2244    
2245
2246    
2247    <button
2248      class="
2249        btn--small
2250        btn btn--minimal
2251      "
2252      title="Close"
2253      @click="closeMenu()"
2254    >
2255      
2256        <!-- snippets/component__icon.liquid -->
2257
2258
2259<span
2260  class="
2261    inline-flex align-middle
2262    
2263  "
2264  aria-hidden="true"
2265>
2266  
2267    
2268    
2269        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2270          <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9
2270141 5.50003L9.91412 12.5L16.9141 19.5L15.4999 20.9142L7.08569 12.5L15.4999 4.08582L16.9141 5.50003Z" fill="currentColor"/>
2271        </svg>
2272      
2273
2274  
2275</span>
2276
2277      
2278      
2279    </button>
2280  </section>
2281
2282  
2283  <nav
2284    class="
2285      relative top-0 h-[inherit] max-h-[95svh] overflow-y-auto overflow-x-hidden pb-14 md:sticky
2286      color__bg-body color__text
2287    "
2288  >
2289    <div>
2290      
2291      
2292        
2293            <div x-data="{ activeAccordion: null }">
2294            
2295              <div
2296                class="
2297                  border--t-width w-full
2298                  color__border-divider-1
2299                "
2300              >
2301                
2302
2303                
2304
2305                
2306                 <a
2307                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2308                    href="/"
2309                  >
2310                    Home
2311                  </a>
2312              </div>
2313            
2314              <div
2315                class="
2316                  border--t-width w-full
2317                  color__border-divider-1
2318                "
2319              >
2320                
2321
2322                
2323
2324                
2325                 <a
2326                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2327                    href="/pages/16-24-jeep-compass"
2328                  >
2329                    16-24 Jeep Compass
2330                  </a>
2331              </div>
2332            
2333              <div
2334                class="
2335                  border--t-width w-full
2336                  color__border-divider-1
2337                "
2338              >
2339                
2340
2341                
2342
2343                
2344                 <a
2345                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2346                    href="/pages/23-24-dodge-hornet"
2347                  >
2348                    23-24 Dodge Hornet
2349                  </a>
2350              </div>
2351            
2352              <div
2353                class="
2354                  border--t-width w-full
2355                  color__border-divider-1
2356                "
2357              >
2358                
2359
2360                
2361
2362                
2363                 <a
2364                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2365                    href="/pages/15-23-jeep-renegade"
2366                  >
2367                    15-23 Jeep Renegade
2368                  </a>
2369              </div>
2370            
2371              <div
2372                class="
2373                  border--t-width w-full
2374                  color__border-divider-1
2375                "
2376              >
2377                
2378
2379                
2380
2381                
2382                 <a
2383                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2384                    href="/pages/12-19-fiat-500-turbo-abarth"
2385                  >
2386                    12-19 Fiat 500 Turbo & Abarth
2387                  </a>
2388              </div>
2389            
2390              <div
2391                class="
2392                  border--t-width w-full
2393                  color__border-divider-1
2394                "
2395              >
2396                
2397
2398                
2399
2400                
2401                 <a
2402                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2403                    href="/pages/13-18-ford-focus"
2404                  >
2405                    13-18 Ford Focus
2406                  </a>
2407              </div>
2408            
2409              <div
2410                class="
2411                  border--t-width w-full
2412                  color__border-divider-1
2413                "
2414              >
2415                
2416
2417                
2418
2419                
2420                 <a
2421                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2422                    href="/pages/13-16-dodge-dart"
2423                  >
2424                    13-16 Dodge Dart
2425                  </a>
2426              </div>
2427            
2428              <div
2429                class="
2430                  border--t-width w-full
2431                  color__border-divider-1
2432                "
2433              >
2434                
2435
2436                
2437
2438                
2439                 <a
2440                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2441                    href="/pages/08-10-chevrolet-hhr-ss"
2442                  >
2443                    08-10 Chevrolet HHR SS
2444                  </a>
2445              </div>
2446            
2447              <div
2448                class="
2449                  border--t-width w-full
2450                  color__border-divider-1
2451                "
2452              >
2453                
2454
2455                
2456
2457                
2458                 <a
2459                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2460                    href="/pages/05-10-chevrolet-cobalt"
2461                  >
2462                    05-10 Chevrolet Cobalt
2463                  </a>
2464              </div>
2465            
2466              <div
2467                class="
2468                  border--t-width w-full
2469                  color__border-divider-1
2470                "
2471              >
2472                
2473
2474                
2475
2476                
2477                 <a
2478                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2479                    href="/pages/01-10-chrysler-pt-cruiser"
2480                  >
2481                    01-10 Chrysler PT Cruiser
2482                  </a>
2483              </div>
2484            
2485              <div
2486                class="
2487                  border--t-width w-full
2488                  color__border-divider-1
2489                "
2490              >
2491                
2492
2493                
2494
2495                
2496                 <a
2497                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2498                    href="/pages/08-09-dodge-caliber-srt-4"
2499                  >
2500                    08-09 Dodge Caliber SRT-4
2501                  </a>
2502              </div>
2503            
2504              <div
2505                class="
2506                  border--t-width w-full
2507                  color__border-divider-1
2508                "
2509              >
2510                
2511
2512                
2513
2514                
2515                 <a
2516                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2517                    href="/pages/03-05-dodge-neon-srt-4"
2518                  >
2519                    03-05 Dodge Neon SRT-4
2520                  </a>
2521              </div>
2522            
2523              <div
2524                class="
2525                  border--t-width w-full
2526                  color__border-divider-1
2527                "
2528              >
2529                
2530
2531                
2532
2533                
2534                 <a
2535                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2536                    href="/pages/95-05-dodge-plymouth-neon"
2537                  >
2538                    95-05 Dodge / Plymouth Neon
2539                  </a>
2540              </div>
2541            
2542              <div
2543                class="
2544                  border--t-width w-full
2545                  color__border-divider-1
2546                "
2547              >
2548                
2549
2550                
2551
2552                
2553                 <a
2554                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2555                    href="/pages/95-99-mitsubishi-eclipse-non-turbo"
2556                  >
2557                    95-99 Mitsubishi Eclipse Non Turbo
2558                  </a>
2559              </div>
2560            
2561              <div
2562                class="
2563                  border--t-width w-full
2564                  color__border-divider-1
2565                "
2566              >
2567                
2568
2569                
2570
2571                
2572                 <a
2573                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2574                    href="/collections/t-shirts-stickers"
2575                  >
2576                    T-Shirts & Stickers
2577                  </a>
2578              </div>
2579            
2580              <div
2581                class="
2582                  border--t-width w-full
2583                  color__border-divider-1
2584                "
2585              >
2586                
2587
2588                
2589
2590                
2591                 <a
2592                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2593                    href="/collections/gift-cards"
2594                  >
2595                    Gift Cards
2596                  </a>
2597              </div>
2598            
2599          </div>
2600          
2601      
2602    </div>
2603  </nav>
2604
2605  
2606  <aside
2607    class="
2608      border--t-width absolute bottom-0 flex w-full flex-col gap-2 py-2
2609      color__border-divider-1
2610      color__bg-body color__text
2611    "
2612  >
2613    <div class="flex w-full flex-wrap items-start gap-2 px-4">
2614      
2615      
2616
2617      
2618      
2619        <a
2620          class="type--small no-underline hover:no-underline"
2621          
2622            
2623              href="/customer_authentication/login?return_to=%2Fcart%3Faccount"
2624            
2625          
2626        >
2627          
2628            Log in
2629          
2630        </a>
2631      
2632
2633      
2634      
2635
2636      
2637      
2638    </div>
2639  </aside>
2640</div>
2641
2642
2643</aside>
2644
2645
2646<section
2647  id="theme__menu"
2648  class="z-10 lg:hidden"
2649>
2650  <!-- snippets/component__dragdrawer.liquid -->
2651
2652
2653<section
2654  class="fixed inset-0 z-50 overflow-hidden "
2655  x-data="{ 
2656    pos_y: 0, 
2657    dragging: false
2658  }"
2659  @keyup.escape.window="
2660    menu_drawer = false;
2661    enable_body_scrolling = true;
2662    hide_header = false;
2663    reset_product_zindex = false; 
2664    quick_edit_handle = '';
2665  "
2666  x-show="menu_drawer"
2667  x-cloak>
2668
2669  
2670  <div 
2671    class="absolute inset-0 w-full h-full backdrop-blur animation-100"
2672    style="
2673      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%);
2674    "
2675    aria-hidden="true"
2676    @click="
2677      menu_drawer = false; 
2678      enable_body_scrolling = true;
2679      hide_header = false;
2680      reset_product_zindex = false; 
2681      quick_edit_handle = '';
2682    "
2683    x-show="menu_drawer"
2684    
2685      x-transition:enter="animation-300"
2686      x-transition:enter-start="opacity-0"
2687      x-transition:enter-end="opacity-100"
2688      x-transition:leave="animation-300"
2689      x-transition:leave-start="opacity-100"
2690      x-transition:leave-end="opacity-0"
2691    
2692    x-cloak>
2693  </div>
2694
2695  
2696  <div
2697    class="
2698      gf-overunet
2699      fixed flex w-screen 
2700      bottom-0 left-0 right-0 justify-end max-h-[90svh] md:max-h-none
2701      outline--width color__outline-divider-1
2702      color__bg-body
2703      
2704        h-[90svh]
2705      
2706      
2707      
2708        md:max-w-xl md:h-full md:top-0 md:bottom-0 md:left-0 md:right-auto
2709      
2710      
2711    "
2712    :class="[
2713      dragging ? '' : 'animation-300'
2714    ]"
2715    @touchend.window="
2716      dragging = false;
2717      startY: 0,
2718      pos_y = 0;
2719    "
2720    @touchstart="
2721      dragging = true;
2722      startY = $event.touches[0].clientY;
2723    "
2724    @touchmove.window="
2725      if (dragging) { 
2726        let deltaY = $event.touches[0].clientY - startY;
2727        if (deltaY > 0) {
2728          pos_y = deltaY;
2729          if (pos_y > window.innerHeight / 3) {
2730            dragging = false;
2731            pos_y = 1200;
2732            menu_drawer = false;
2733            enable_body_scrolling = true;
2734            hide_header = false;
2735            reset_product_zindex = false; 
2736          }
2737        } else {
2738          pos_y = 0;
2739        }
2740      }
2741    "
2742    :style="
2743      'transform: translate(0px, ' + pos_y + 'px)'
2744    "
2745    
2746    x-show="menu_drawer"
2747    
2748      
2749      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
2750      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
2751      x-transition:enter-end="!translate-y-0 opacity-100"
2752      x-transition:leave="animation-300 !translate-y-0 opacity-100"
2753      x-transition:leave-start="!translate-y-0 opacity-100"
2754      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
2755    
2756    x-cloak>
2757    <div class="w-screen">
2758      <div class="flex flex-col h-full overflow-y-auto color__text overscroll-none       gf-overunet">
2759        
2760  <!-- snippets/theme__menu-content.liquid -->
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770<div
2771  class="
2772    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh] lg:min-w-[300px] lg:max-w-[300px]
2773    color__bg-body color__text
2774    
2775      md:border--r-width
2776    
2777  "
2778>
2779  
2780  
2781    
2782  
2783
2784  
2785  <section
2786    class="
2787      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
2788      color__bg-body color__text
2789      !color__border-transparent
2790    "
2791  >
2792    
2793    
2794      <a
2795        class="animation-500 relative inline-block items-center"
2796        style="
2797  height: 80px;
2798  width: 200.9090909090909px;
2799"
2800        href="/"
2801        title="Modern Performance"
2802      >
2803        <img src="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=400" alt="
2804  Modern Performance
2805" srcset="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=352 352w, //www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&amp;width=400 400w" width="400" height="159" class="w-full h-full !bg-transparent object-contain">
2806      </a>
2807    
2808
2809    
2810    
2811
2812    
2813    <button
2814      class="
2815        btn--small
2816        btn btn--minimal
2817      "
2818      title="Close"
2819      @click="closeMenu()"
2820    >
2821      
2822        <!-- snippets/component__icon.liquid -->
2823
2824
2825<span
2826  class="
2827    inline-flex align-middle
2828    
2829  "
2830  aria-hidden="true"
2831>
2832  
2833    
2834    
2835        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2836          <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9141 5.50003L9.91412 12.5L16.9141 19.5L15.4999 20.9142L7.08569 12.5L15.4999 4.08582L16.9141 5.50003Z" fill="currentColor"/>
2837        </svg>
2838      
2839
2840  
2841</span>
2842
2843      
2844      
2845    </button>
2846  </section>
2847
2848  
2849  <nav
2850    class="
2851      relative top-0 h-[inherit] max-h-[95svh] overflow-y-auto overflow-x-hidden pb-14 md:sticky
2852      color__bg-body color__text
2853    "
2854  >
2855    <div>
2856      
2857      
2858        
2859            <div x-data="{ activeAccordion: null }">
2860            
2861              <div
2862                class="
2863                  border--t-width w-full
2864                  color__border-divider-1
2865                "
2866              >
2867                
2868
2869                
2870
2871                
2872                 <a
2873                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2874                    href="/"
2875                  >
2876                    Home
2877                  </a>
2878              </div>
2879            
2880              <div
2881                class="
2882                  border--t-width w-full
2883                  color__border-divider-1
2884                "
2885              >
2886                
2887
2888                
2889
2890                
2891                 <a
2892                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2893                    href="/pages/16-24-jeep-compass"
2894                  >
2895                    16-24 Jeep Compass
2896                  </a>
2897              </div>
2898            
2899              <div
2900                class="
2901                  border--t-width w-full
2902                  color__border-divider-1
2903                "
2904              >
2905                
2906
2907                
2908
2909                
2910                 <a
2911                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2912                    href="/pages/23-24-dodge-hornet"
2913                  >
2914                    23-24 Dodge Hornet
2915                  </a>
2916              </div>
2917            
2918              <div
2919                class="
2920                  border--t-width w-full
2921                  color__border-divider-1
2922                "
2923              >
2924                
2925
2926                
2927
2928                
2929                 <a
2930                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2931                    href="/pages/15-23-jeep-renegade"
2932                  >
2933                    15-23 Jeep Renegade
2934                  </a>
2935              </div>
2936            
2937              <div
2938                class="
2939                  border--t-width w-full
2940                  color__border-divider-1
2941                "
2942              >
2943                
2944
2945                
2946
2947                
2948                 <a
2949                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2950                    href="/pages/12-19-fiat-500-turbo-abarth"
2951                  >
2952                    12-19 Fiat 500 Turbo & Abarth
2953                  </a>
2954              </div>
2955            
2956              <div
2957                class="
2958                  border--t-width w-full
2959                  color__border-divider-1
2960                "
2961              >
2962                
2963
2964                
2965
2966                
2967                 <a
2968                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2969                    href="/pages/13-18-ford-focus"
2970                  >
2971                    13-18 Ford Focus
2972                  </a>
2973              </div>
2974            
2975              <div
2976                class="
2977                  border--t-width w-full
2978                  color__border-divider-1
2979                "
2980              >
2981                
2982
2983                
2984
2985                
2986                 <a
2987                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
2988                    href="/pages/13-16-dodge-dart"
2989                  >
2990                    13-16 Dodge Dart
2991                  </a>
2992              </div>
2993            
2994              <div
2995                class="
2996                  border--t-width w-full
2997                  color__border-divider-1
2998                "
2999              >
3000                
3001
3002                
3003
3004                
3005                 <a
3006                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3007                    href="/pages/08-10-chevrolet-hhr-ss"
3008                  >
3009                    08-10 Chevrolet HHR SS
3010                  </a>
3011              </div>
3012            
3013              <div
3014                class="
3015                  border--t-width w-full
3016                  color__border-divider-1
3017                "
3018              >
3019                
3020
3021                
3022
3023                
3024                 <a
3025                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3026                    href="/pages/05-10-chevrolet-cobalt"
3027                  >
3028                    05-10 Chevrolet Cobalt
3029                  </a>
3030              </div>
3031            
3032              <div
3033                class="
3034                  border--t-width w-full
3035                  color__border-divider-1
3036                "
3037              >
3038                
3039
3040                
3041
3042                
3043                 <a
3044                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3045                    href="/pages/01-10-chrysler-pt-cruiser"
3046                  >
3047                    01-10 Chrysler PT Cruiser
3048                  </a>
3049              </div>
3050            
3051              <div
3052                class="
3053                  border--t-width w-full
3054                  color__border-divider-1
3055                "
3056              >
3057                
3058
3059                
3060
3061                
3062                 <a
3063                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3064                    href="/pages/08-09-dodge-caliber-srt-4"
3065                  >
3066                    08-09 Dodge Caliber SRT-4
3067                  </a>
3068              </div>
3069            
3070              <div
3071                class="
3072                  border--t-width w-full
3073                  color__border-divider-1
3074                "
3075              >
3076                
3077
3078                
3079
3080                
3081                 <a
3082                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3083                    href="/pages/03-05-dodge-neon-srt-4"
3084                  >
3085                    03-05 Dodge Neon SRT-4
3086                  </a>
3087              </div>
3088            
3089              <div
3090                class="
3091                  border--t-width w-full
3092                  color__border-divider-1
3093                "
3094              >
3095                
3096
3097                
3098
3099                
3100                 <a
3101                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3102                    href="/pages/95-05-dodge-plymouth-neon"
3103                  >
3104                    95-05 Dodge / Plymouth Neon
3105                  </a>
3106              </div>
3107            
3108              <div
3109                class="
3110                  border--t-width w-full
3111                  color__border-divider-1
3112                "
3113              >
3114                
3115
3116                
3117
3118                
3119                 <a
3120                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3121                    href="/pages/95-99-mitsubishi-eclipse-non-turbo"
3122                  >
3123                    95-99 Mitsubishi Eclipse Non Turbo
3124                  </a>
3125              </div>
3126            
3127              <div
3128                class="
3129                  border--t-width w-full
3130                  color__border-divider-1
3131                "
3132              >
3133                
3134
3135                
3136
3137                
3138                 <a
3139                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3140                    href="/collections/t-shirts-stickers"
3141                  >
3142                    T-Shirts & Stickers
3143                  </a>
3144              </div>
3145            
3146              <div
3147                class="
3148                  border--t-width w-full
3149                  color__border-divider-1
3150                "
3151              >
3152                
3153
3154                
3155
3156                
3157                 <a
3158                    class="hover:color__bg-shade-1 type--small flex w-full items-center justify-between px-4 py-2 no-underline hover:opacity-100  "
3159                    href="/collections/gift-cards"
3160                  >
3161                    Gift Cards
3162                  </a>
3163              </div>
3164            
3165          </div>
3166          
3167      
3168    </div>
3169  </nav>
3170
3171  
3172  <aside
3173    class="
3174      border--t-width absolute bottom-0 flex w-full flex-col gap-2 py-2
3175      color__border-divider-1
3176      color__bg-body color__text
3177    "
3178  >
3179    <div class="flex w-full flex-wrap items-start gap-2 px-4">
3180      
3181      
3182
3183      
3184      
3185        <a
3186          class="type--small no-underline hover:no-underline"
3187          
3188            
3189              href="/customer_authentication/login?return_to=%2Fcart%3Faccount"
3190            
3191          
3192        >
3193          
3194            Log in
3195          
3196        </a>
3197      
3198
3199      
3200      
3201
3202      
3203      
3204    </div>
3205  </aside>
3206</div>
3207
3208
3209      </div>
3210    </div>
3211  </div>
3212
3213</section>
3214</section>
3215
3216
3217</div>
3218
3219        <div
3220          class="flex-grow"
3221        >
3222          
3223          <header
3224            class="
3225              animation-1000 z-40
3226              relative
3227              
3228              
3229            "
3230            
3231            :class="
3232              {
3233                '!z-10' : hide_header
3234              }
3235            "
3236            x-ref="header"
3237            x-init="              header_group_height = $refs.header.offsetHeight - 1;"
3238          >
3239            <div
3240              class="animation-500"
3241              
3242            >
3243              <!-- BEGIN sections: header-group -->
3244<div id="shopify-section-sections--19574708830286__theme_announcement" class="shopify-section shopify-section-group-header-group theme__announcement"><!-- sections/theme__announcement.liquid -->
3245
3246
3247<section
3248  id="sections--19574708830286__theme_announcement"
3249  class="
3250    animation-500--all relative overflow-hidden
3251    
3252    color__bg-secondary color__secondary
3253  "
3254  x-data="
3255    {
3256      index: 1,
3257      index_size: 1,
3258      width: '0%',
3259      currentWidth: 0,
3260      incrementCount: 15000 / 100,
3261      autoIncrement() {
3262        const incrementAmount = 100 / this.incrementCount;
3263        const startInterval = () => {
3264          const interval = setInterval(() => {
3265            this.currentWidth += incrementAmount;
3266            this.width = this.currentWidth + '%';
3267            if (this.currentWidth >= 100) {
3268              this.incrementFlash();
3269              clearInterval(interval);
3270              this.currentWidth = 0;
3271              this.width = this.currentWidth + '%';
3272              startInterval();
3273            }
3274          }, 100);
3275        };
3276        startInterval();
3277      },
3278      incrementFlash() {
3279        if (this.index == this.index_size){
3280          this.index = 1;
3281        }
3282        else {
3283          this.index++;
3284        }
3285      },
3286    }
3287  "
3288>
3289  <div
3290    class="
3291      flex flex-wrap justify-center
3292      
3293        window--wide
3294      
3295    "
3296  >
3297    
3298    <div
3299      class="
3300        flex w-full flex-grow items-center lg:w-1/2
3301        
3302        justify-center
3303      "
3304    >
3305      <div
3306        class="relative w-full"
3307        
3308          x-init="autoIncrement()"
3309        
3310      >
3311        <div class="relative flex min-h-[16px] w-full overflow-hidden py-1">
3312          
3313            <div
3314              class="
3315                flex w-full flex-none items-center opacity-0
3316                
3317                  justify-center text-center
3318                
3319                
3320                  animation-300
3321                
3322              "
3323              :class="{ '!opacity-100' : index == 1 }"
3324              x-show="index == 1"
3325              
3326                x-transition:enter="animation-300"
3327                x-transition:enter-start="opacity-0 -translate-y-4"
3328                x-transition:enter-end="opacity-100"
3329                x-transition:leave="animation-300"
3330                x-transition:leave-start="opacity-100"
3331                x-transition:leave-end="opacity-0 translate-y-4"
3332              
3333            >
3334              
3335              <span class="rte type--smaller"><p>Welcome to Modern Performance. Established 1997! </p></span>
3336
3337              
3338              
3339            </div>
3340          
3341        </div>
3342      </div>
3343    </div>
3344  </div>
3345
3346  
3347  
3348    <div
3349      class="color__bg-text absolute left-0 right-0 top-0 h-0.5 w-full opacity-75 mix-blend-difference"
3350      x-init="        autoIncrement()"
3351    >
3352      <div class="color__bg-text">
3353        <div
3354          class="color__bg-body h-0.5 opacity-50 transition-all duration-100"
3355          :style="{ width: width }"
3356        ></div>
3357      </div>
3358    </div>
3359  
3360</section>
3361
3362
3363</div><div id="shopify-section-sections--19574708830286__theme_header" class="shopify-section shopify-section-group-header-group theme__header"><!-- sections/theme__header.liquid -->
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381<nav
3382  id="sections--19574708830286__theme_header"
3383  class="
3384    animation-300 border--b-width relative z-10
3385    
3386    type__body
3387    
3388    color__bg-body color__text
3389    color__border-divider-1
3390  "
3391  x-ref="internal_header"
3392  x-data="
3393    {
3394      hovered: false,
3395      is_ready: false
3396    }
3397  "
3398  x-init="    header_bar_height = $refs.internal_header.offsetHeight;"
3399>
3400  <div class="relative">
3401    
3402    <div
3403      class="
3404        flex flex-wrap items-center py-2 lg:hidden
3405        
3406          window--wide
3407        
3408      "
3409    >
3410      
3411      <div class="flex flex-shrink flex-grow basis-0 items-center justify-start">
3412        
3413        
3414          <button
3415            class="
3416              no-js--hide animation-300 mr-2 inline-flex py-2 pr-4
3417              no-underline
3418              
3419              type__body
3420            "
3421            title="Menu"
3422            aria-label="Menu"
3423            @click="toggleMenuDrawer()"
3424          >
3425            
3426              <!-- snippets/component__icon.liquid -->
3427
3428
3429<span
3430  class="
3431    inline-flex align-middle
3432    
3433  "
3434  aria-hidden="true"
3435>
3436  
3437    
3438    
3439        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3440          <path d="M21 5H3V7H21V5Z" fill="currentColor"/>
3441          <path d="M3 11H21V13H3V11Z" fill="currentColor"/>
3442          <path d="M3 17H21V19H3V17Z" fill="currentColor"/>
3443        </svg>
3444      
3445
3446  
3447</span>
3448
3449            
3450            
3451          </button>
3452        
3453
3454        
3455        
3456          <a
3457            class="animation-500 relative inline-block items-center hover:!opacity-100"
3458            style="
3459  height: 53px;
3460  width: 97.26491405460061px;
3461"
3462            href="/"
3463            title="Modern Performance"
3464          >
3465            <img src="//www.modernperformance.com/cdn/shop/files/mp5_HIGHRES_300DPI_1.jpg?v=1757967535&amp;width=400" alt="
3466  Modern Performance
3467" srcset="//www.modernperformance.com/cdn/shop/files/mp5_HIGHRES_300DPI_1.jpg?v=1757967535&amp;width=352 352w, //www.modernperformance.com/cdn/shop/files/mp5_HIGHRES_300DPI_1.jpg?v=1757967535&amp;width=400 400w" width="400" height="218" class="w-full h-full !bg-transparent object-cover">
3468          </a>
3469        
3470
3471        
3472        
3473      </div>
3474
3475      
3476      <div class="flex flex-shrink flex-grow basis-0 items-center justify-end text-right">
3477        
3478        
3479          
3480            <a
3481              class="
3482                animation-300 ml-4 inline-flex h-full items-center py-2 pl-2
3483                
3484                type__body
3485                
3486                  hover:underline no-underline
3487                
3488              "
3489              title="Account"
3490              aria-label="Account"
3491              
3492                
3493                  
3494                    href="/customer_authentication/login?return_to=%2Fcart%3Faccount"
3495                  
3496                
3497              
3498            >
3499              
3500              
3501                <span
3502                  class="
3503                    animation-300
3504                    
3505                    type__body
3506                    
3507                  "
3508                >
3509                  
3510                    Log in
3511                  
3512                </span>
3513              
3514            </a>
3515          
3516        
3517
3518        
3519          <a
3520            class="
3521              animation-300 ml-4 inline-flex items-center py-2 pl-2
3522              
3523              type__body
3524              
3525                hover:underline no-underline
3526              
3527            "
3528            
3529              @click.prevent="openCart()"
3530            
3531            href="/cart"
3532            title="Cart"
3533            aria-label="Cart"
3534          >
3535            
3536            
3537              <span
3538                class="
3539                  animation-300
3540                  
3541                  type__body
3542                  
3543                "
3544              >
3545                Cart
3546              </span>
3547              <span
3548                class="
3549                  animation-300
3550                  ml-1
3551                  
3552                  type__body
3553                "
3554                x-show="cart.item_count > 0"
3555                x-cloak
3556              >
3557                (<span
3558                  class="
3559                    animation-300
3560                    
3561                    type__body
3562                  "
3563                  x-text="cart.item_count"
3564                >
3565                  0 </span
3566                >)
3567              </span>
3568            
3569          </a>
3570        
3571      </div>
3572
3573      
3574      
3575        <div
3576          class="
3577            w-full pt-2
3578            
3579          "
3580        >
3581          <div
3582            class="relative w-full"
3583          >
3584            <button
3585              class="
3586                btn--smaller border__input color__border-input
3587                color__bg-input !border--input-padding color__input !border__input--radius flex
3588                !w-full items-center !text-left
3589              "
3590              @click="openSearch()"
3591            >
3592              <!-- snippets/component__icon.liquid -->
3593
3594
3595<span
3596  class="
3597    inline-flex align-middle
3598    mr-2
3599  "
3600  aria-hidden="true"
3601>
3602  
3603    
3604    
3605        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3606          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3  11 3C15.4183 3 19 6.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="currentColor"/>
3607        </svg>
3608      
3609
3610  
3611</span>
3612
3613              Enter your search...
3614            </button>
3615          </div>
3616        </div>
3617      
3618    </div>
3619
3620    
3621    <div
3622      class="
3623        hidden flex-wrap items-stretch lg:flex
3624        
3625          window--wide
3626        
3627      "
3628    >
3629      
3630  <div class="flex flex-grow items-center justify-start py-2 pr-2">
3631
3632    
3633    
3634      <button
3635        class="
3636          no-js--hide animation-300--all mr-2 inline-flex h-full max-w-[250px] items-center overflow-hidden pr-4 no-underline
3637          
3638          type__body
3639        "
3640        aria-label="Menu"
3641        @click.prevent="toggleMenuSidebar()"
3642        x-show="menu_sidebar == false"
3643        
3644          x-transition:enter="opacity-0 !max-w-0 !p-0"
3645          x-transition:enter-start="opacity-0 !max-w-0 !p-0"
3646          x-transition:enter-end="opacity-100 max-w-[250px]"
3647          x-transition:leave="opacity-100 max-w-[250px]"
3648          x-transition:leave-start="opacity-100 max-w-[250px]"
3649          x-transition:leave-end="opacity-0 !max-w-0 !p-0"
3650        
3651        x-cloak>
3652        
3653          <!-- snippets/component__icon.liquid -->
3654
3655
3656<span
3657  class="
3658    inline-flex align-middle
3659    
3660  "
3661  aria-hidden="true"
3662>
3663  
3664    
3665    
3666        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3667          <path d="M21 5H3V7H21V5Z" fill="currentColor"/>
3668          <path d="M3 11H21V13H3V11Z" fill="currentColor"/>
3669          <path d="M3 17H21V19H3V17Z" fill="currentColor"/>
3670        </svg>
3671      
3672
3673  
3674</span>
3675
3676        
3677        
3678      </button>
3679    
3680    
3681    
3682    
3683    
3684    
3685    
3686      <div 
3687        class="
3688          relative w-full
3689          
3690        ">
3691
3692        
3693        <button 
3694          class="
3695            btn--smaller border__input color__border-input
3696            color__bg-input !border--input-padding color__input !border__input--radius flex
3697            !w-full items-center !text-left 
3698          " 
3699          @click="openSearch()"
3700        >
3701          <!-- snippets/component__icon.liquid -->
3702
3703
3704<span
3705  class="
3706    inline-flex align-middle
3707    mr-2
3708  "
3709  aria-hidden="true"
3710>
3711  
3712    
3713    
3714        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
3715          <path fill-rule="evenodd" clip-rule="evenodd" d="M11 5C7.68629 5 5 7.68629 5 11C5 14.3137 7.68629 17 11 17C14.3137 17 17 14.3137 17 11C17 7.68629 14.3137 5 11 5ZM3 11C3 6.58172 6.58172 3  11 3C15.4183 3 19 
37156.58172 19 11C19 12.8487 18.3729 14.551 17.3199 15.9056L21.4142 20L20 21.4142L15.9056 17.3199C14.551 18.3729 12.8487 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="currentColor"/>
3716        </svg>
3717      
3718
3719  
3720</span>
3721
3722          Enter your search...
3723
3724          <div class="type--smaller absolute right-4 opacity-50">
3725            <div>⌘ K</div>
3726          </div>
3727
3728        </button>
3729      
3730      </div>
3731    
3732    
3733  </div>
3734
3735      
3736  <div class="flex items-center justify-end gap-6 py-2 pl-2 text-right">
3737
3738    
3739    
3740
3741    
3742    
3743      
3744        <a
3745          class="
3746            animation-300 inline-flex h-full items-center py-2 no-underline hover:underline
3747            
3748            type__body
3749          "
3750          aria-label="Account"
3751          name="Account"
3752          
3753            
3754              
3755                href="/customer_authentication/login?return_to=%2Fcart%3Faccount"
3756              
3757            
3758          >
3759          
3760          
3761            <span 
3762              class="
3763                animation-300
3764                
3765                type__body
3766                
3767              ">
3768              
3769                Log in
3770              
3771            </span>
3772          
3773        </a>
3774      
3775    
3776    
3777    
3778    
3779      <a
3780        class="
3781           animation-300 inline-flex  h-full items-center py-2
3782          
3783          type__body
3784          
3785            hover:underline no-underline
3786          
3787        "
3788        
3789          @click.prevent="openCart()"
3790        
3791        name="Cart"
3792        aria-label="Cart"
3793        href="/cart">
3794        
3795        
3796          <span 
3797            class="
3798              animation-300
3799              
3800              type__body
3801              
3802            ">
3803            Cart 
3804          </span>
3805          <span 
3806            class="
3807              animation-300 ml-1
3808              
3809              type__body
3810            " 
3811            x-show="cart.item_count > 0" 
3812            x-cloak>
3813            (<span 
3814              class="
3815                animation-300
3816                
3817                type__body
3818              " 
3819              x-text="cart.item_count">
3820              0
3821            </span>)
3822          </span>
3823        
3824      </a>
3825    
3826   
3827  </div>
3828
3829      
3830  <div class="flex w-full gap-4">
3831
3832    
3833
3834  </div>
3835
3836    </div>
3837  </div>
3838</nav>
3839
3840
3841<style> #shopify-section-sections--19574708830286__theme_header .btn--smaller {height: 50px; max-height: 50px; padding: 10px; font-size: 20px; font-weight: 600;} #shopify-section-sections--19574708830286__theme_header .btn--smaller > span {transform: scale(1.5); margin-right: 20px;} </style></div>
3842<!-- END sections: header-group -->
3843            </div>
3844          </header>
3845
3846          
3847          <main
3848            id="root"
3849            role="main"
3850          >
3851            <div id="shopify-section-template--19574708502606__main" class="shopify-section"><!-- sections/cart__main.liquid -->
3852
3853
3854<section
3855  id="template--19574708502606__main"
3856  class="
3857    animation-1000
3858    
3859    color__border-divider-1
3860    border--b-width
3861    color__bg-body
3862  "
3863>
3864  <div
3865    class="
3866      
3867        window--wide
3868      
3869    "
3870    style="
3871      padding-top:50px;
3872      padding-bottom:50px;
3873    "
3874  >
3875    <form
3876      action="/checkout"
3877      method="post"
3878    >
3879      <div
3880        class="flex flex-wrap items-start"
3881      >
3882        
3883        <div
3884          class="mb-4 w-full"
3885          x-show="cart.item_count > 0"
3886          x-cloak
3887        >
3888          <h1>Cart (<span x-text="cart.item_count"></span>)</h1>
3889        </div>
3890
3891        <div
3892          class="mb-4 flex w-full flex-col items-start gap-4"
3893          x-show="cart.item_count === 0"
3894          x-cloak
3895        >
3896          <h1>Your cart is empty</h1>
3897          <a class="btn" href="">
3898            
3899          </a>
3900        </div>
3901
3902        
3903        <div
3904          class="
3905            md:border--r-width border--t-width w-full md:w-2/3
3906            color__border-divider-1
3907          "
3908          x-data="
3909            {
3910              properties_drop: false,
3911              button_loading: false
3912            }
3913          "
3914        >
3915          <template x-for="(group, groupIndex) in cart.groupedItems" :key="groupIndex">
3916            <!-- snippets/template__cart-item.liquid -->
3917
3918
3919<div
3920  class="
3921    border--b-width
3922    
3923  "
3924>
3925  <div class="flex gap-4 px-4 py-2">
3926    
3927    <a
3928      class="sticky top-0 z-10"
3929      :href="group.url"
3930      tabindex="-1"
3931    >
3932      <div
3933        class="border--radius color__bg-body border--width color__border-divider-1 relative h-10 w-10 overflow-hidden md:h-12 md:w-12"
3934      >
3935        <img
3936          class="color__bg-shade-2 aspect-1 h-full w-full object-cover"
3937          
3938            :class="
3939              {
3940              'opacity-50' : cart_loading }
3941            "
3942          
3943          width="200"
3944          height="200"
3945          loading="lazy"
3946          :src="`${ group.featured_image.url }&width=200`"
3947          :alt="`${ group.product_title }`"
3948        >
3949      </div>
3950    </a>
3951
3952    
3953    <div class="flex w-full flex-col items-start">
3954      
3955      <div class="flex flex-col items-start gap-2 py-2">
3956        <a
3957          class="no-underline"
3958          x-text="group.product_title"
3959          :href="group.url"
3960        ></a>
3961        <button
3962          class="type--smaller btn btn--plain btn--smaller"
3963          type="button"
3964          :class="{ 'opacity-50' : cart_loading && button_loading }"
3965          :disabled="button_loading"
3966          x-show="!group.product_has_only_default_variant"
3967          @click="
3968            button_loading = true;
3969            fetchAndRenderQuickAdd(group.handle);
3970            setTimeout(function(){ button_loading = false}, 500);
3971          "
3972        >
3973          Edit
3974        </button>
3975      </div>
3976
3977      
3978      <template x-for="(item, itemIndex) in group.items" :key="item.key">
3979        <div
3980          class="hover:color__bg-shade-1 flex w-full items-stretch justify-between"
3981        >
3982          <div
3983            class="
3984              border--t-width animation-300 flex flex-grow flex-col justify-between gap-1
3985              
3986            "
3987            
3988              :class="
3989                {
3990                'opacity-50' : cart_loading }
3991              "
3992            
3993          >
3994            <div
3995              class="flex flex-wrap items-center justify-between gap-2 py-2"
3996            >
3997              
3998              <div class=" flex-col items-start">
3999                
4000                <a
4001                  class="type--smaller flex no-underline hover:no-underline"
4002                  tabindex="-1"
4003                  :href="item.url"
4004                  x-text="item.variant_title"
4005                >
4006                </a>
4007
4008                
4009                <template x-for="(discount) in item.discounts">
4010                  <div class="mb-2 flex">
4011                    
4012                    <!-- snippets/component__badge.liquid -->
4013
4014
4015<div 
4016  class="
4017    border__element--radius inline-flex items-center px-2 py-0.5 border--width gap-2
4018    color__bg-shade-1 
4019    color__dark 
4020    color__border-divider-1
4021    
4022  ">
4023  
4024  <span class="flex items-center type--smaller">
4025                      <span 
4026                        class="type--smaller" 
4027                        x-html="discount.title + ' ' + Shopify.formatMoney(discount.amount)">
4028                      </span>
4029                    </span>
4030</div>
4031                  </div>
4032                </template>
4033
4034                
4035                <button
4036                  class="type--smaller mb-1 flex items-center"
4037                  type="button"
4038                  x-show="item.properties && Object.keys(item.properties).length > 0 && !properties_drop"
4039                  @click="properties_drop = ! properties_drop"
4040                >
4041                  <!-- snippets/component__icon.liquid -->
4042
4043
4044<span
4045  class="
4046    inline-flex align-middle
4047    mr-1
4048  "
4049  aria-hidden="true"
4050>
4051  
4052    
4053    
4054        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4055          <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99991 7.58582L11.9999 14.5858L18.9999 7.58582L20.4141 9.00003L11.9999 17.4142L3.58569 9.00003L4.99991 7.58582Z" fill="currentColor"/>
4056        </svg>
4057      
4058
4059  
4060</span>
4061
4062                  See details
4063                </button>
4064                <div x-show="properties_drop">
4065                  <template x-if="item.properties">
4066                    <template x-for="property in Object.entries(item.properties)">
4067                      <template x-if="!property[0].startsWith('__')">
4068                        <p
4069                          class="type--smaller flex opacity-60"
4070                          x-text="property[0] + ' : ' + property[1]"
4071                        ></p>
4072                      </template>
4073                    </template>
4074                  </template>
4075                </div>
4076
4077                
4078                
4079
4080                
4081                <p
4082                  class="type--smaller flex opacity-60"
4083                  x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''"
4084                  x-show="item.selling_plan_allocation"
4085                ></p>
4086              </div>
4087
4088              
4089              <div class="flex w-full items-center justify-end gap-4">
4090                
4091                <div class="flex w-full items-center gap-2">
4092                  
4093                  <div class="group relative w-full max-w-[150px]">
4094                    <label
4095                      class="sr-only"
4096                      for="template--19574708502606__main--quantity"
4097                    >
4098                      Quantity
4099                    </label>
4100                    <div
4101                      class="border__input--radius border__input color__border-input hover:border__input--hover focus-within:border__input--focus relative flex overflow-hidden"
4102                    >
4103                      <input
4104                        :name="'cart-' + item.key + '-quantity'"
4105                        class="!rounded-none !border-0 text-center"
4106                        type="number"
4107                        placeholder="1"
4108                        min="1"
4109                        @change.debounce="
4110                          changeCartItemQuantity(item.key, item.quantity, false);
4111                          button_loading = true;
4112                          setTimeout(function(){ button_loading = false}, 500);
4113                        "
4114                        x-model="item.quantity"
4115                      >
4116                      <div
4117                        class="invisible absolute left-0 top-0 h-0.5 w-full overflow-hidden"
4118                        :class="{ '!visible !z-10' : button_loading && cart_loading }"
4119                      >
4120                        <div class="color__bg-shade-2">
4121                          <div
4122                            class="color__bg-text h-0.5 w-0"
4123                            :class="{ 'animate-widthexpand': button_loading && cart_loading }"
4124                          ></div>
4125                        </div>
4126                      </div>
4127                      <div class="color__bg-input color__input border--r-width color__border-divider-1 absolute left-0 flex h-full flex-col justify-center gap-0">
4128                        <button
4129                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4130                          title="Decrease item quantity by one"
4131                          type="button"
4132                          tabindex="-1"
4133                          @click.prevent="
4134                            if (item.quantity >= 1){
4135                              if(changeCartItemQuantity(item.key, item.quantity-1, false)) {
4136                                button_loading = true;
4137                                setTimeout(function(){ button_loading = false}, 500);
4138                                item.quantity--;
4139                              }
4140                            }
4141                          "
4142                        >
4143                          <!-- snippets/component__icon.liquid -->
4144
4145
4146<span
4147  class="
4148    inline-flex align-middle
4149    
4150  "
4151  aria-hidden="true"
4152>
4153  
4154    
4155    
4156        <svg
4157          width="14"
4158          height="14"
4159          viewBox="0 0 24 24"
4160          fill="currentColor"
4161          xmlns="http://www.w3.org/2000/svg"
4162        >
4163          <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="currentColor"/>
4164        </svg>
4165      
4166
4167  
4168</span>
4169
4170                        </button>
4171                      </div>
4172                      <div class="color__bg-input color__input border--l-width color__border-divider-1 absolute right-0 flex h-full flex-col justify-center gap-0">
4173                        <button
4174                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4175                          title="Increase item quantity by one"
4176                          type="button"
4177                          tabindex="-1"
4178                          @click.prevent="
4179                            if(changeCartItemQuantity(item.key, item.quantity+1, false)) {
4180                              button_loading = true;
4181                              setTimeout(function(){ button_loading = false}, 500);
4182                              item.quantity++;
4183                            }
4184                          "
4185                        >
4186                          <!-- snippets/component__icon.liquid -->
4187
4188
4189<span
4190  class="
4191    inline-flex align-middle
4192    
4193  "
4194  aria-hidden="true"
4195>
4196  
4197    
4198    
4199        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4200          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="currentColor"/>
4201        </svg>
4202      
4203
4204  
4205</span>
4206
4207                        </button>
4208                      </div>
4209                    </div>
4210                  </div>
4211
4212                  
4213                  <div
4214                    class="flex"
4215                  >
4216                    <button
4217                      class="btn btn--plain"
4218                      type="button"
4219                      :class="{ 'opacity-50' : cart_loading && button_loading }"
4220                      :disabled="button_loading"
4221                      @click="
4222                        button_loading = true;
4223                        changeCartItemQuantity(item.key, 0, false);
4224                        setTimeout(function(){ button_loading = false}, 500);
4225                      "
4226                    >
4227                      <!-- snippets/component__icon.liquid -->
4228
4229
4230<span
4231  class="
4232    inline-flex align-middle
4233    
4234  "
4235  aria-hidden="true"
4236>
4237  
4238    
4239    
4240        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4241          <path d="M15 2H9V4H15V2Z" fill="currentColor"/>
4242          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 5H3V7H5V22H19V7H21V5ZM7 20V7H17V20H7Z" fill="currentColor"/>
4243        </svg>
4244      
4245
4246  
4247</span>
4248
4249                    </button>
4250                  </div>
4251                </div>
4252
4253                
4254                <div class="flex flex-col">
4255                  
4256                  <div
4257                    class="flex flex-col items-end"
4258                  >
4259                    <span
4260                      x-html="Shopify.formatMoney(item.line_price)"
4261                    >
4262                    </span>
4263                    <span
4264                      x-show="item.total_discount > 0"
4265                      x-cloak
4266                    >
4267                      <s
4268                        class="opacity-50"
4269                        x-html="Shopify.formatMoney(item.original_line_price)"
4270                      >
4271                      </s>
4272                    </span>
4273                  </div>
4274
4275                  
4276                  <div
4277                    class="type--smaller opacity-60"
4278                    x-show="item.unit_price_measurement"
4279                  >
4280                    <span x-html="Shopify.formatMoney(item.unit_price)"></span>
4281                    <span>/</span>
4282                    <span
4283                      x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_value : ''"
4284                    ></span>
4285                    <span x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_unit : ''"></span>
4286                  </div>
4287                </div>
4288              </div>
4289            </div>
4290          </div>
4291        </div>
4292      </template>
4293    </div>
4294  </div>
4295</div>
4296
4297          </template>
4298        </div>
4299
4300        
4301        <aside
4302          x-show="cart.total_price >= 0"
4303          x-cloak
4304          class="
4305            border--t-width w-full md:sticky md:top-0 md:w-1/3 md:self-start
4306            color__border-divider-1
4307            color__bg-body color__text
4308          "
4309        >
4310          
4311          
4312
4313          
4314          <div
4315            class="
4316              border--b-width w-full p-4
4317              color__border-divider-1
4318            "
4319          >
4320            <div
4321              class=" mb-1 flex w-full items-center justify-between"
4322            >
4323              <span>Subtotal</span>
4324              <span x-html="Shopify.formatMoney(cart.original_total_price, true)"><!-- snippets/component__format-price.liquid -->
4325
4326
4327
4328  
4329    $0
4330  
4331</span>
4332            </div>
4333            <div
4334              class=" mb-1 flex w-full items-center justify-between"
4335            >
4336              <span>Discount</span>
4337              <span x-html="'-' + Shopify.formatMoney(cart.total_discount, true)"
4338                >-<!-- snippets/component__format-price.liquid -->
4339
4340
4341
4342  
4343    $0
4344  
4345</span>
4346            </div>
4347            <div
4348              class=" flex w-full items-center justify-between"
4349            >
4350              <span class="flex items-center">
4351                <strong>Total</strong>
4352              </span>
4353              <strong x-html="Shopify.formatMoney(cart.total_price, true)"><!-- snippets/component__format-price.liquid -->
4354
4355
4356
4357  
4358    $0
4359  
4360</strong>
4361            </div>
4362          </div>
4363
4364          
4365          
4366
4367          
4368          
4369            <div
4370              class="
4371                border--b-width w-full p-4
4372                color__border-divider-1
4373              "
4374              x-data="
4375                {
4376                  reveal: cart.note != '',
4377                  currentNote: cart.note
4378                }
4379              "
4380              x-show="cart.items.length > 0"
4381              x-cloak
4382            >
4383              <label class="flex items-center">
4384                <label
4385                  class="sr-only"
4386                  for="notes"
4387                >
4388                  Add order note
4389                </label>
4390                <input
4391                  id="notes"
4392                  class=""
4393                  type="checkbox"
4394                  :checked="reveal"
4395                  @click="reveal = ! reveal"
4396                >
4397                <p class="text--small mb-0 ml-2">Add order note</p>
4398              </label>
4399              <textarea
4400                class="mt-2 w-full"
4401                placeholder="Enter your message..."
4402                name="note"
4403                x-model="currentNote"
4404                @keyup.debounce="updateCartNote(currentNote)"
4405                x-show="reveal"
4406                x-cloak
4407              ></textarea>
4408            </div>
4409          
4410
4411          
4412          
4413          <div
4414            class="mt-auto"
4415            x-data="
4416              {
4417                checkout_button_loading:false
4418              }
4419            "
4420            
4421              x-show="true"
4422            
4423          >
4424            <div class="w-full p-4">
4425              <button
4426                class="
4427                  btn btn--load !w-full
4428                  
4429                "
4430                type="submit"
4431                name="checkout"
4432                :class="{ 'btn--loading' : checkout_button_loading }"
4433                :disabled="checkout_button_loading"
4434                @click.prevent="
4435                  checkout_button_loading = true;
4436                  
4437                  setTimeout(function(){
4438                    checkout_button_loading = false
4439                  }, 5000);
4440                  window.location.href = '/checkout';
4441                "
4442              >
4443                <div class="btn__spinner">
4444                  <!-- snippets/component__icon.liquid -->
4445
4446
4447<span
4448  class="
4449    inline-flex align-middle
4450    
4451  "
4452  aria-hidden="true"
4453>
4454  
4455    
4456    
4457        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4458          <path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"/>
4459          <path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"/>
4460          <path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"/>
4461          <path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"/>
4462          <path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"/>
4463          <path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"/>
4464        </svg>
4465      
4466
4467  
4468</span>
4469
4470                </div>
4471                <div class="btn__content">
4472                  Checkout
4473                  ·
4474                  <span
4475                    class="ml-1"
4476                    x-html="Shopify.formatMoney(cart.total_price, true)"
4477                  >
4478                  </span>
4479                </div>
4480              </button>
4481              
4482                
4483                  <div
4484                    class="additional-checkout-buttons additional-checkout-buttons--vertical mb-2"
4485                  >
4486                    <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;shop_pay&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:68829020238,&quot;merchantName&quot;:&quot;Modern Performance&quot;,&quot;personalized&quot;:true}},{&quot;supports_subs&quot;:true,&quot;supports_def_opts&quot;:false,&quot;name&quot;:&quot;paypal&quot;,&quot;wallet_params&quot;:{&quot;shopId&quot;:68829020238,&quot;countryCode&quot;:&quot;US&quot;,&quot;merchantName&quot;:&quot;Modern Performance&quot;,&quot;phoneRequired&quot;:true,&quot;companyRequired&quot;:false,&quot;shippingType&quot;:&quot;shipping&quot;,&quot;shopifyPaymentsEnabled&quot;:true,&quot;hasManagedSellingPlanState&quot;:false,&quot;requiresBillingAgreement&quot;:false,&quot;gatewayType&quot;:&quot;MANAGED&quot;,&quot;merchantId&quot;:&quot;UC2VLR3SVGDYJ&quot;,&quot;sdkUrl&quot;:&quot;https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=UC2VLR3SVGDYJ\u0026intent=authorize&quot;,&quot;serviceableCountryCodes&quot;:[&quot;AC&quot;,&quot;AD&quot;,&quot;AE&quot;,&quot;AF&quot;,&quot;AG&quot;,&quot;AI&quot;,&quot;AL&quot;,&quot;AM&quot;,&quot;AO&quot;,&quot;AR&quot;,&quot;AT&quot;,&quot;AU&quot;,&quot;AW&quot;,&quot;AX&quot;,&quot;AZ&quot;,&quot;BA&quot;,&quot;BB&quot;,&quot;BD&quot;,&quot;BE&quot;,&quot;BF&quot;,&quot;BG&quot;,&quot;BH&quot;,&quot;BI&quot;,&quot;BJ&quot;,&quot;BL&quot;,&quot;BM&quot;,&quot;BN&quot;,&quot;BO&quot;,&quot;BQ&quot;,&quot;BR&quot;,&quot;BS&quot;,&quot;BT&quot;,&quot;BW&quot;,&quot;BY&quot;,&quot;BZ&quot;,&quot;CA&quot;,&quot;CC&quot;,&quot;CD&quot;,&quot;CF&quot;,&quot;CG&quot;,&quot;CH&quot;,&quot;CI&quot;,&quot;CK&quot;,&quot;CL&quot;,&quot;CM&quot;,&quot;CN&quot;,&quot;CO&quot;,&quot;CR&quot;,&quot;CV&quot;,&quot;CW&quot;,&quot;CX&quot;,&quot;CY&quot;,&quot;CZ&quot;,&quot;DE&quot;,&quot;DJ&quot;,&quot;DK&quot;,&quot;DM&quot;,&quot;DO&quot;,&quot;DZ&quot;,&quot;EC&quot;,&quot;EE&quot;,&quot;EG&quot;,&quot;EH&quot;,&quot;ER&quot;,&quot;ES&quot;,&quot;ET&quot;,&quot;FI&quot;,&quot;FJ&quot;,&quot;FK&quot;,&quot;FO&quot;,&quot;FR&quot;,&quot;GA&quot;,&quot;GB&quot;,&quot;GD&quot;,&quot;GE&quot;,&quot;GF&quot;,&quot;GG&quot;,&quot;GH&quot;,&quot;GI&quot;,&quot;GL&quot;,&quot;GM&quot;,&quot;GN&quot;,&quot;GP&quot;,&quot;GQ&quot;,&quot;GR&quot;,&quot;GS&quot;,&quot;GT&quot;,&quot;GW&quot;,&quot;GY&quot;,&quot;HK&quot;,&quot;HN&quot;,&quot;HR&quot;,&quot;HT&quot;,&quot;HU&quot;,&quot;ID&quot;,&quot;IE&quot;,&quot;IL&quot;,&quot;IM&quot;,&quot;IN&quot;,&quot;IO&quot;,&quot;IQ&quot;,&quot;IS&quot;,&quot;IT&quot;,&quot;JE&quot;,&quot;JM&quot;,&quot;JO&quot;,&quot;JP&quot;,&quot;KE&quot;,&quot;KG&quot;,&quot;KH&quot;,&quot;KI&quot;,&quot;KM&quot;,&quot;KN&quot;,&quot;KR&quot;,&quot;KW&quot;,&quot;KY&quot;,&quot;KZ&quot;,&quot;LA&quot;,&quot;LB&quot;,&quot;LC&quot;,&quot;LI&quot;,&quot;LK&quot;,&quot;LR&quot;,&quot;LS&quot;,&quot;LT&quot;,&quot;LU&quot;,&quot;LV&quot;,&quot;LY&quot;,&quot;MA&quot;,&quot;MC&quot;,&quot;MD&quot;,&quot;ME&quot;,&quot;MF&quot;,&quot;MG&quot;,&quot;MK&quot;,&quot;ML&quot;,&quot;MM&quot;,&quot;MN&quot;,&quot;MO&quot;,&quot;MQ&quot;,&quot;MR&quot;,&quot;MS&quot;,&quot;MT&quot;,&quot;MU&quot;,&quot;MV&quot;,&quot;MW&quot;,&quot;MX&quot;,&quot;MY&quot;,&quot;MZ&quot;,&quot;NA&quot;,&quot;NC&quot;,&quot;NE&quot;,&quot;NF&quot;,&quot;NG&quot;,&quot;NI&quot;,&quot;NL&quot;,&quot;NO&quot;,&quot;NP&quot;,&quot;NR&quot;,&quot;NU&quot;,&quot;NZ&quot;,&quot;OM&quot;,&quot;PA&quot;,&quot;PE&quot;,&quot;PF&quot;,&quot;PG&quot;,&quot;PH&quot;,&quot;PK&quot;,&quot;PL&quot;,&quot;PM&quot;,&quot;PN&quot;,&quot;PS&quot;,&quot;PT&quot;,&quot;PY&quot;,&quot;QA&quot;,&quot;RE&quot;,&quot;RO&quot;,&quot;RS&quot;,&quot;RU&quot;,&quot;RW&quot;,&quot;SA&quot;,&quot;SB&quot;,&quot;SC&quot;,&quot;SD&quot;,&quot;SE&quot;,&quot;SG&quot;,&quot;SH&quot;,&quot;SI&quot;,&quot;SJ&quot;,&quot;SK&quot;,&quot;SL&quot;,&quot;SM&quot;,&quot;SN&quot;,&quot;SO&quot;,&quot;SR&quot;,&quot;SS&quot;,&quot;ST&quot;,&quot;SV&quot;,&quot;SX&quot;,&quot;SZ&quot;,&quot;TA&quot;,&quot;TC&quot;,&quot;TD&quot;,&quot;TF&quot;,&quot;TG&quot;,&quot;TH&quot;,&quot;TJ&quot;,&quot;TK&quot;,&quot;TL&quot;,&quot;TM&quot;,&quot;TN&quot;,&quot;TO&quot;,&quot;TR&quot;,&quot;TT&quot;,&quot;TV&quot;,&quot;TW&quot;,&quot;TZ&quot;,&quot;UA&quot;,&quot;US&quot;,&quot;UY&quot;,&quot;UZ&quot;,&quot;VA&quot;,&quot;VC&quot;,&quot;VE&quot;,&quot;VG&quot;,&quot;VN&quot;,&quot;VU&quot;,&quot;WF&quot;,&quot;WS&quot;,&quot;XK&quot;,&quot;YE&quot;,&quot;YT&quot;,&quot;ZA&quot;,&quot;ZM&quot;,&quot;ZW&quot;]}}]" access-token="995a5cec8c7d73658086bbb5bdd8bea9" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="68829020238" cart-id="8d3bae0c5b526e50d5b5450efc40315e" enabled-flags="[&quot;1172c16a&quot;,&quot;a1d1f9a1&quot;,&quot;f5afabb3&quot;,&quot;370070f3&quot;]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'>&nbsp</div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div>
4487                  </div>
4488                
4489              
4490              
4491            </div>
4492          </div>
4493        </aside>
4494      </div>
4495    </form>
4496  </div>
4497</section>
4498
4499
4500<style> #shopify-section-template--19574708502606__main .btn {display: none;} </style></div><div id="shopify-section-template--19574708502606__1762917375f727ae39" class="shopify-section"><!-- sections/apps.liquid -->
4501
4502
4503<section 
4504  id="template--19574708502606__1762917375f727ae39"
4505  class="
4506    animation-1000
4507    
4508    color__border-divider-1
4509    border--b-width
4510    color__bg-body color__text
4511  ">
4512  <div
4513    class="
4514      
4515        window--wide
4516      
4517    "
4518    style="
4519      padding-top:30px;
4520      padding-bottom:50px;
4521    ">
4522
4523    
4524      <div id="shopify-block-AUTcyaG9lTnhhY2Y0c__smart_product_filter_search_recently_viewed_products_EiALKp" class="shopify-block shopify-app-block"><globo-product-recommendations class="globo-related-products" data-section-id=template--19574708502606__1762917375f727ae39>
4525<h2 class="related-products__heading">Recently viewed</h2>
4526<div data-product-id="" data-available="true" data-exclude-ids="" data-exclude-tags="" data-limit="5" data-product-handle="" style="--image-ratio:140%" data-loop="false" data-autoplay="false" data-pagination="true" data-navigation="true" data-columns-desktop="4" data-columns-tablet="3" data-columns-mobile="2" class="globo-product-recommendations globo-recently-viewed-products"></div>
4527</globo-product-recommendations>
4528<!-- BEGIN app snippet: global.variables -->
4528<script>
4529  window.shopCurrency = "USD";
4530  window.shopCountry = "US";
4531  window.shopLanguageCode = "en";
4532
4533  window.currentCurrency = "USD";
4534  window.currentCountry = "US";
4535  window.currentLanguageCode = "en";
4536
4537  window.shopCustomer = false
4538
4539  window.useCustomTreeTemplate = false;
4540  window.useCustomProductTemplate = false;
4541
4542  window.GloboFilterRequestOrigin = "https://www.modernperformance.com";
4543  window.GloboFilterShopifyDomain = "exn1yf-er.myshopify.com";window.GloboFilterSFATF = "";
4544  window.GloboFilterSFATL = "";
4545  window.GloboFilterSFApiVersion = "2026-04";
4546  window.GloboFilterProxyPath = "/apps/globofilters";
4547  window.GloboFilterRootUrl = "";
4548  window.GloboFilterTranslation = {"search":{"suggestions":"Suggestions","collections":"Collections","articles":"Blog Posts","pages":"Pages","product":"Product","products":"Products","view_all":"Search for","view_all_products":"View all products","not_found":"Sorry, nothing found for","product_not_found":"No products were found","no_result_keywords_suggestions_title":"Popular searches","no_result_products_suggestions_title":"However, You may like","zero_character_keywords_suggestions_title":"Suggestions","zero_character_popular_searches_title":"Popular searches","zero_character_products_suggestions_title":"Zero character products suggestions title"},"form":{"heading":"Search products","select":"-- Select --","search":"Search","submit":"Search","clear":"Clear"},"filter":{"filter_by":"Filter By","clear_all":"Clear All","view":"View","clear":"Clear","in_stock":"In Stock","out_of_stock":"Out of Stock","ready_to_ship":"Ready to ship","search":"Search options","choose_values":"Choose values","show_more":"Show more","show_less":"Show less"},"sort":{"sort_by":"Sort By","manually":"Featured","availability_in_stock_first":"Availability","relevance":"Relevance","best_selling":"Best Selling","alphabetically_a_z":"Alphabetically, A-Z","alphabetically_z_a":"Alphabetically, Z-A","price_low_to_high":"Price, low to high","price_high_to_low":"Price, high to low","date_new_to_old":"Date, new to old","date_old_to_new":"Date, old to new","inventory_low_to_high":"Inventory, low to high","inventory_high_to_low":"Inventory, high to low","sale_off":"% Sale off"},"product":{"add_to_cart":"Add to cart","unavailable":"Unavailable","sold_out":"Sold out","sale":"Sale","load_more":"Load more","limit":"Show","search":"Search products","no_results":"Sorry, there are no products in this collection"},"labels":{"552461":"Collection","552462":"Category","552463":"Vendor","552464":"Product Type","552465":"Price","552466":"Percent Sale","552467":"Availability","552468":"Tag","552469":"Ready To Ship","552470":"Location","552471":"# On Diagram -","552472":"---choose Bore Size---","552473":"---choose Bore---","552474":"---choose Compression---","552475":"---choose Connector Condition---","552476":"---choose Head Gasket---","552477":"---choose Plug Heat Range---","552478":"---choose Strut Color---","552479":"---choose Struts---","552480":"3 Bar Ir $ Bar? -","552481":"3 Bar Or 4 Bar? -","552482":"Add Green Flow Drop In Filter?","552483":"Add Rear Camber Plates?  -","552484":"Add Rear Camber Plates? -","552485":"Add Shim Kit? -","552486":"Add'l O2 Bung? -","552487":"Axle Side  -","552488":"Axle Side -","552489":"Bearing Size -","552490":"Blow Off Valve -","552491":"Bore Size -","552492":"Bottle Size","552493":"Bottle Size -","552494":"Bov Flange -","552495":"Bracket Color -","552496":"Brake Package -","552497":"Bulb Size","552498":"Caliper Color","552499":"Camshaft -","552500":"Camshafts -","552501":"Choose Arp Rod Bolts  -","552502":"Choose Camshaft Set  -","552503":"Choose Camshaft Set -","552504":"Choose Clutch -","552505":"Choose Color -","552506":"Choose Components -","552507":"Choose Flywheel -","552508":"Choose Keeper Style -","552509":"Choose Kit  -","552510":"Choose Kit -","552511":"Choose One -","552512":"Choose Phaser -","552513":"Choose Ring Size -","552514":"Choose Rod Bolts  -","552515":"Choose Side -","552516":"Choose Spark Plugs -","552517":"Choose Springs -","552518":"Choose Stage -","552519":"Choose Strut Bar -","552520":"Choose Struts -","552521":"Choose Third Brake Light -","552522":"Choose Valves -","552523":"Choose Vehicle","552524":"Choose: -","552525":"Clamp Size -","552526":"Clutch Disc -","552527":"Clutch Disk","552528":"C
4548olor","552529":"Color -","552530":"Color-","552531":"Compression -","552532":"Compressor Inlet -","552533":"Connector Condition -","552534":"Control Arm  -","552535":"Crank Sprocket? -","552536":"Density - Color -","552537":"Diameter","552538":"Display Color -","552539":"Do Have A Sohc Or Dohc? -","552540":"Do You Have A Mopar Stage 3 Kit? -","552541":"Do You Have A Mopar Stage 3 Turbo Kit? -","552542":"Do You Have A Stock 17 Spline Input Shaft?  -","552543":"Do You Have A Stock 17 Spline Input Shaft? -","552544":"Do You Have An Agp Upper Hard Pipe? -","552545":"Do You Have An Srt-4? -","552546":"Do You Understand These Are For Inside The Car And Wont Work On The Transmission Side?  -","552547":"Engine -","552548":"Face Color","552549":"Face Color -","552550":"Finish -","552551":"Flywheel","552552":"Front Endlinks","552553":"Gauge Pod -","552554":"Gift Card Amount -","552555":"Header -","552556":"Heat Range","552557":"Heat Range -","552558":"Hood Type -","552559":"Hose(s) -","552560":"Https:\/\/s3.amazonaws.com\/cdn.modernperformance.com\/images\/uploads\/1341_6129_large.jpg","552561":"Injector Size -","552562":"Intake Or Exhaust Valve?  -","552563":"Intake Valve Size -","552564":"Level -","552565":"Logo","552566":"Logo Color -","552567":"Material -","552568":"Mats","552569":"Need Belts? -","552570":"Option","552571":"Option -","552572":"Options -","552573":"Pad Size","552574":"Pipe Diameter -","552575":"Plug Wire Color -","552576":"Race Or Street -","552577":"Radiator Hose Color -","552578":"Rear Endlinks","552579":"Rev Limiter -","552580":"Ring Land Size -","552581":"Rotors","552582":"Select Chains -","552583":"Select Pad Size -","552584":"Set Or Individually -","552585":"Shift Knob Portion -","552586":"Side -","552587":"Single Or Dual -","552588":"Size","552589":"Size -","552590":"Specification -","552591":"Stage -","552592":"Stitching Color -","552593":"Strut Color","552594":"Tie Length","552595":"Timing Belt -","552596":"Title","552597":"Transmission -","552598":"Turbo -","552599":"Valves -","552600":"Vehicle","552601":"Vehicle -","552602":"Version -","552603":"Wattage","552604":"What Size?  -","552605":"Which Car?  -","552606":"Which Flywheel Do You Have?","552607":"Which Item? -","552608":"Which Manifold Do You Have? -","552609":"Which Size Piston?  -","552610":"Which Vehicle?  -","552611":"Which Vehicle? -","552612":"With Custom Relocate Upper \u0026 Lower Silicone Hose? -","552613":"With Oil Cooler? -","552614":"Wrap Width","552615":"Year","552616":"Year  -"},"customOrder":[]};
4549  window.isMultiCurrency =false;
4550  window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/';
4551  window.assetsUrl = window.globoEmbedFilterAssetsUrl;
4552  window.GloboMoneyFormat = "${{amount}}";
4553</script>
4553<!-- END app snippet -->
4554
4555</div>
4556    
4557
4558  </div>
4559</section>
4560
4561<style> #shopify-section-template--19574708502606__1762917375f727ae39 .spf-product__form-btn-addtocart span {color:white;} </style></div>
4562          </main>
4563        </div>
4564
4565        <div id="shopify-section-theme__cart" class="shopify-section"><!-- sections/theme__cart.liquid -->
4566
4567
4568
4569
4570  
4571  <aside
4572    id="theme__cart"
4573    class="
4574      animation-300--all relative top-0 hidden h-full min-h-[100svh] max-w-[400px] lg:block
4575      
4576      color__border-divider-1
4577    "
4578    
4579      x-init="cart_drawer = false;"
4580      x-cloak
4581    
4582    x-show="cart_drawer"
4583    
4584      x-transition:enter="opacity-0 !max-w-0 -z-10"
4585      x-transition:enter-start="opacity-0 !max-w-0 -z-10"
4586      x-transition:enter-end="opacity-100 max-w-[400px] -z-10"
4587      x-transition:leave="opacity-100 max-w-[400px] -z-10"
4588      x-transition:leave-start="opacity-100 max-w-[400px] -z-10"
4589      x-transition:leave-end="opacity-0 !max-w-0 -z-10"
4590    
4591  >
4592    
4593    <!-- snippets/collection__subcollections.liquid -->
4594
4595
4596<div
4597  class="
4598    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh]
4599    color__bg-body color__text
4600    
4601      lg:max-w-[400px] lg:min-w-[400px]
4602    
4603    
4604      md:border--l-width
4605    
4606  "
4607>
4608  
4609  
4610
4611  
4612  <section
4613    class="
4614      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
4615      color__bg-body color__text
4616      color__border-divider-1
4617    "
4618  >
4619    <span>
4620      Cart
4621      <span class="ml-1"> (<span x-html="cart.item_count"></span>) </span>
4622    </span>
4623    <button
4624      class="
4625        btn btn--small
4626        btn btn--minimal /
4627      "
4628      title="Close"
4629      @click="closeCart()"
4630    >
4631      
4632        <!-- snippets/component__icon.liquid -->
4633
4634
4635<span
4636  class="
4637    inline-flex align-middle
4638    
4639  "
4640  aria-hidden="true"
4641>
4642  
4643    
4644    
4645        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4646          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
4647          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
4648        </svg>
4649      
4650
4651  
4652</span>
4653
4654      
4655      
4656    </button>
4657  </section>
4658
4659  
4660  <section
4661    class="relative flex h-[inherit] flex-grow flex-col overflow-y-auto overflow-x-hidden"
4662    x-data="
4663      {
4664        properties_drop: false,
4665        button_loading: false
4666      }
4667    "
4668  >
4669    
4670    
4671
4672    
4673    <template x-for="(group, groupIndex) in cart.groupedItems" :key="groupIndex">
4674      <!-- snippets/template__cart-item.liquid -->
4675
4676
4677<div
4678  class="
4679    border--b-width
4680    color__border-divider-1
4681  "
4682>
4683  <div class="flex gap-4 px-4 py-2">
4684    
4685    <a
4686      class="sticky top-0 z-10"
4687      :href="group.url"
4688      tabindex="-1"
4689    >
4690      <div
4691        class="border--radius color__bg-body border--width color__border-divider-1 relative h-10 w-10 overflow-hidden md:h-12 md:w-12"
4692      >
4693        <img
4694          class="color__bg-shade-2 aspect-1 h-full w-full object-cover"
4695          
4696            :class="
4697              {
4698              'opacity-50' : cart_loading }
4699            "
4700          
4701          width="200"
4702          height="200"
4703          loading="lazy"
4704          :src="`${ group.featured_image.url }&width=200`"
4705          :alt="`${ group.product_title }`"
4706        >
4707      </div>
4708    </a>
4709
4710    
4711    <div class="flex w-full flex-col items-start">
4712      
4713      <div class="flex flex-col items-start gap-2 py-2">
4714        <a
4715          class="no-underline"
4716          x-text="group.product_title"
4717          :href="group.url"
4718        ></a>
4719        <button
4720          class="type--smaller btn btn--plain btn--smaller"
4721          type="button"
4722          :class="{ 'opacity-50' : cart_loading && button_loading }"
4723          :disabled="button_loading"
4724          x-show="!group.product_has_only_default_variant"
4725          @click="
4726            button_loading = true;
4727            fetchAndRenderQuickAdd(group.handle);
4728            setTimeout(function(){ button_loading = false}, 500);
4729          "
4730        >
4731          Edit
4732        </button>
4733      </div>
4734
4735      
4736      <template x-for="(item, itemIndex) in group.items" :key="item.key">
4737        <div
4738          class="hover:color__bg-shade-1 flex w-full items-stretch justify-between"
4739        >
4740          <div
4741            class="
4742              border--t-width animation-300 flex flex-grow flex-col justify-between gap-1
4743              color__border-divider-1
4744            "
4745            
4746              :class="
4747                {
4748                'opacity-50' : cart_loading }
4749              "
4750            
4751          >
4752            <div
4753              class="flex flex-wrap items-center justify-between gap-2 py-2"
4754            >
4755              
4756              <div class=" flex-col items-start">
4757                
4758                <a
4759                  class="type--smaller flex no-underline hover:no-underline"
4760                  tabindex="-1"
4761                  :href="item.url"
4762                  x-text="item.variant_title"
4763                >
4764                </a>
4765
4766                
4767                <template x-for="(discount) in item.discounts">
4768                  <div class="mb-2 flex">
4769                    
4770                    <!-- snippets/component__badge.liquid -->
4771
4772
4773<div 
4774  class="
4775    border__element--radius inline-flex items-center px-2 py-0.5 border--width gap-2
4776    color__bg-shade-1 
4777    color__dark 
4778    color__border-divider-1
4779    
4780  ">
4781  
4782  <span class="flex items-center type--smaller">
4783                      <span 
4784                        class="type--smaller" 
4785                        x-html="discount.title + ' ' + Shopify.formatMoney(discount.amount)">
4786                      </span>
4787                    </span>
4788</div>
4789                  </div>
4790                </template>
4791
4792                
4793                <button
4794                  class="type--smaller mb-1 flex items-center"
4795                  type="button"
4796                  x-show="item.properties && Object.keys(item.properties).length > 0 && !properties_drop"
4797                  @click="properties_drop = ! properties_drop"
4798                >
4799                  <!-- snippets/component__icon.liquid -->
4800
4801
4802<span
4803  class="
4804    inline-flex align-middle
4805    mr-1
4806  "
4807  aria-hidden="true"
4808>
4809  
4810    
4811    
4812        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4813          <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99991 7.58582L11.9999 14.5858L18.9999 7.58582L20.4141 9.00003L11.9999 17.4142L3.58569 9.00003L4.99991 7.58582Z" fill="currentColor"/>
4814        </svg>
4815      
4816
4817  
4818</span>
4819
4820                  See details
4821                </button>
4822                <div x-show="properties_drop">
4823                  <template x-if="item.properties">
4824                    <template x-for="property in Object.entries(item.properties)">
4825                      <template x-if="!property[0].startsWith('__')">
4826                        <p
4827                          class="type--smaller flex opacity-60"
4828                          x-text="property[0] + ' : ' + property[1]"
4829                        ></p>
4830                      </template>
4831                    </template>
4832                  </template>
4833                </div>
4834
4835                
4836                
4837
4838                
4839                <p
4840                  class="type--smaller flex opacity-60"
4841                  x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''"
4842                  x-show="item.selling_plan_allocation"
4843                ></p>
4844              </div>
4845
4846              
4847              <div class="flex w-full items-center justify-end gap-4">
4848                
4849                <div class="flex w-full items-center gap-2">
4850                  
4851                  <div class="group relative w-full max-w-[150px]">
4852                    <label
4853                      class="sr-only"
4854                      for="theme__cart--quantity"
4855                    >
4856                      Quantity
4857                    </label>
4858                    <div
4859                      class="border__input--radius border__input color__border-input hover:border__input--hover focus-within:border__input--focus relative flex overflow-hidden"
4860                    >
4861                      <input
4862                        :name="'cart-' + item.key + '-quantity'"
4863                        class="!rounded-none !border-0 text-center"
4864                        type="number"
4865                        placeholder="1"
4866                        min="1"
4867                        @change.debounce="
4868                          changeCartItemQuantity(item.key, item.quantity, false);
4869                          button_loading = true;
4870                          setTimeout(function(){ button_loading = false}, 500);
4871                        "
4872                        x-model="item.quantity"
4873                      >
4874                      <div
4875                        class="invisible absolute left-0 top-0 h-0.5 w-full overflow-hidden"
4876                        :class="{ '!visible !z-10' : button_loading && cart_loading }"
4877                      >
4878                        <div class="color__bg-shade-2">
4879                          <div
4880                            class="color__bg-text h-0.5 w-0"
4881                            :class="{ 'animate-widthexpand': button_loading && cart_loading }"
4882                          ></div>
4883                        </div>
4884                      </div>
4885                      <div class="color__bg-input color__input border--r-width color__border-divider-1 absolute left-0 flex h-full flex-col justify-center gap-0">
4886                        <button
4887                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4888                          title="Decrease item quantity by one"
4889                          type="button"
4890                          tabindex="-1"
4891                          @click.prevent="
4892                            if (item.quantity >= 1){
4893                              if(changeCartItemQuantity(item.key, item.quantity-1, false)) {
4894                                button_loading = true;
4895                                setTimeout(function(){ button_loading = false}, 500);
4896                                item.quantity--;
4897                              }
4898                            }
4899                          "
4900                        >
4901                          <!-- snippets/component__icon.liquid -->
4902
4903
4904<span
4905  class="
4906    inline-flex align-middle
4907    
4908  "
4909  aria-hidden="true"
4910>
4911  
4912    
4913    
4914        <svg
4915          width="14"
4916          height="14"
4917          viewBox="0 0 24 24"
4918          fill="currentColor"
4919          xmlns="http://www.w3.org/2000/svg"
4920        >
4921          <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="currentColor"/>
4922        </svg>
4923      
4924
4925  
4926</span>
4927
4928                        </button>
4929                      </div>
4930                      <div class="color__bg-input color__input border--l-width color__border-divider-1 absolute right-0 flex h-full flex-col justify-center gap-0">
4931                        <button
4932                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4933                          title="Increase item quantity by one"
4934                          type="button"
4935                          tabindex="-1"
4936                          @click.prevent="
4937                            if(changeCartItemQuantity(item.key, item.quantity+1, false)) {
4938                              button_loading = true;
4939                              setTimeout(function(){ button_loading = false}, 500);
4940                              item.quantity++;
4941                            }
4942                          "
4943                        >
4944                          <!-- snippets/component__icon.liquid -->
4945
4946
4947<span
4948  class="
4949    inline-flex align-middle
4950    
4951  "
4952  aria-hidden="true"
4953>
4954  
4955    
4956    
4957        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4958          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="currentColor"/>
4959        </svg>
4960      
4961
4962  
4963</span>
4964
4965                        </button>
4966                      </div>
4967                    </div>
4968                  </div>
4969
4970                  
4971                  <div
4972                    class="flex"
4973                  >
4974                    <button
4975                      class="btn btn--plain"
4976                      type="button"
4977                      :class="{ 'opacity-50' : cart_loading && button_loading }"
4978                      :disabled="button_loading"
4979                      @click="
4980                        button_loading = true;
4981                        changeCartItemQuantity(item.key, 0, false);
4982                        setTimeout(function(){ button_loading = false}, 500);
4983                      "
4984                    >
4985                      <!-- snippets/component__icon.liquid -->
4986
4987
4988<span
4989  class="
4990    inline-flex align-middle
4991    
4992  "
4993  aria-hidden="true"
4994>
4995  
4996    
4997    
4998        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4999          <path d="M15 2H9V4H15V2Z" fill="currentColor"/>
5000          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 5H3V7H5V22H19V7H21V5ZM7 20V7H17V20H7Z" fill="currentColor"/>
5001        </svg>
5002      
5003
5004  
5005</span>
5006
5007                    </button>
5008                  </div>
5009                </div>
5010
5011                
5012                <div class="flex flex-col">
5013                  
5014                  <div
5015                    class="flex flex-col items-end"
5016                  >
5017                    <span
5018                      x-html="Shopify.formatMoney(item.line_price)"
5019                    >
5020                    </span>
5021                    <span
5022                      x-show="item.total_discount > 0"
5023                      x-cloak
5024                    >
5025                      <s
5026                        class="opacity-50"
5027                        x-html="Shopify.formatMoney(item.original_line_price)"
5028                      >
5029                      </s>
5030                    </span>
5031                  </div>
5032
5033                  
5034                  <div
5035                    class="type--smaller opacity-60"
5036                    x-show="item.unit_price_measurement"
5037                  >
5038                    <span x-html="Shopify.formatMoney(item.unit_price)"></span>
5039                    <span>/</span>
5040                    <span
5041                      x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_value : ''"
5042                    ></span>
5043                    <span x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_unit : ''"></span>
5044                  </div>
5045                </div>
5046              </div>
5047            </div>
5048          </div>
5049        </div>
5050      </template>
5051    </div>
5052  </div>
5053</div>
5054
5055    </template>
5056
5057    
5058
5059    
5060    
5061
5062    
5063    
5064      <div
5065        class="
5066          border--b-width w-full p-4
5067          color__bg-body color__text
5068          color__border-divider-1
5069        "
5070        x-data="
5071          {
5072            reveal: cart.note != '',
5073            currentNote: cart.note
5074          }
5075        "
5076        x-show="cart.items.length > 0"
5077        x-cloak
5078      >
5079        <label class="flex items-center">
5080          <label
5081            class="sr-only"
5082            for="notes"
5083          >Add order note</label>
5084          <input
5085            id="notes"
5086            class=""
5087            type="checkbox"
5088            :checked="reveal"
5089            @click="reveal = ! reveal"
5090          >
5091          <p class="text--small ml-2">Add order note</p>
5092        </label>
5093        <textarea
5094          class="mt-2 w-full"
5095          rows="4"
5096          name="note"
5097          placeholder="Enter your message..."
5098          x-show="reveal"
5099          x-model="currentNote"
5100          @keyup.debounce="updateCartNote(currentNote)"
5101          x-cloak
5102        >
5103        </textarea>
5104      </div>
5105    
5106
5107    
5108    
5109
5110    
5111    <div
5112      class="
5113        border--b-width w-full p-4
5114        color__bg-body color__text
5115        color__border-divider-1
5116      "
5117      
5118        x-show="cart.total_price >= 0"
5119        x-cloak
5120      
5121    >
5122      <div class="mb-1 flex w-full items-center justify-between">
5123        <span>Subtotal</span>
5124        <span x-html="Shopify.formatMoney(cart.original_total_price, true)"></span>
5125      </div>
5126      <div
5127        class="mb-1 flex w-full items-center justify-between"
5128        x-show="cart.total_discount > 0"
5129        x-cloak
5130      >
5131        <span>Discount</span>
5132        <span x-html="'-' + Shopify.formatMoney(cart.total_discount, true)"></span>
5133      </div>
5134      <div class="flex w-full items-center justify-between">
5135        <span class="flex items-center">
5136          <strong>Total</strong>
5137        </span>
5138        <strong
5139          class="w-full text-right"
5140          x-html="Shopify.formatMoney(cart.total_price, true)"
5141        >
5142        </strong>
5143      </div>
5144    </div>
5145
5146    
5147    
5148
5149    
5150    
5151
5152    
5153    
5154    
5155  </section>
5156
5157  
5158  
5159
5160  
5161  <aside
5162    class="
5163      border--t-width sticky bottom-0 z-20 mt-auto md:max-w-xl
5164      color__bg-body color__text
5165      color__border-divider-1
5166    "
5167    x-cloak
5168  >
5169    <div class="flex flex-wrap gap-4 py-4">
5170      
5171      
5172
5173      
5174      
5175      <form
5176        class="w-full px-4"
5177        action="/checkout"
5178        method="post"
5179        x-data="
5180          {
5181            checkout_button_loading:false
5182          }
5183        "
5184        
5185          x-show="cart.items.length > 0"
5186        
5187        @submit.prevent="
5188          checkout_button_loading = true;
5189          
5190          setTimeout(function(){
5191            checkout_button_loading = false
5192          }, 5000);
5193          window.location.href = '/checkout';
5194        "
5195      >
5196        <div class="mb-0 flex flex-col gap-2">
5197          
5198
5199          
5200            <button
5201              class="
5202                btn btn--load !w-full
5203                btn
5204              "
5205              type="submit"
5206              name="checkout"
5207              :class="{ 'btn--loading' : checkout_button_loading }"
5208              :disabled="checkout_button_loading"
5209            >
5210              <div class="btn__spinner">
5211                <!-- snippets/component__icon.liquid -->
5212
5213
5214<span
5215  class="
5216    inline-flex align-middle
5217    
5218  "
5219  aria-hidden="true"
5220>
5221  
5222    
5223    
5224        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5225          <path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"/>
5226          <path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"/>
5227          <path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"/>
5228          <path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"/>
5229          <path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"/>
5230          <path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"/>
5231        </svg>
5232      
5233
5234  
5235</span>
5236
5237              </div>
5238              <div class="btn__content">
5239                Checkout
5240                
5241                  ·
5242                  <span
5243                    class="ml-1"
5244                    x-html="Shopify.formatMoney(cart.total_price, true)"
5245                  ></span>
5246                
5247              </div>
5248            </button>
5249          
5250
5251          
5252        </div>
5253      </form>
5254    </div>
5255  </aside>
5256</div>
5257
5258  
5259  </aside>
5260  
5261  <section
5262    class="z-10 lg:hidden"
5263    id="theme__cart"
5264  >
5265    <!-- snippets/component__dragdrawer.liquid -->
5266
5267
5268<section
5269  class="fixed inset-0 z-50 overflow-hidden "
5270  x-data="{ 
5271    pos_y: 0, 
5272    dragging: false
5273  }"
5274  @keyup.escape.window="
5275    cart_drawer = false;
5276    enable_body_scrolling = true;
5277    hide_header = false;
5278    reset_product_zindex = false; 
5279    quick_edit_handle = '';
5280  "
5281  x-show="cart_drawer"
5282  x-cloak>
5283
5284  
5285  <div 
5286    class="absolute inset-0 w-full h-full backdrop-blur animation-100"
5287    style="
5288      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%);
5289    "
5290    aria-hidden="true"
5291    @click="
5292      cart_drawer = false; 
5293      enable_body_scrolling = true;
5294      hide_header = false;
5295      reset_product_zindex = false; 
5296      quick_edit_handle = '';
5297    "
5298    x-show="cart_drawer"
5299    
5300      x-transition:enter="animation-300"
5301      x-transition:enter-start="opacity-0"
5302      x-transition:enter-end="opacity-100"
5303      x-transition:leave="animation-300"
5304      x-transition:leave-start="opacity-100"
5305      x-transition:leave-end="opacity-0"
5306    
5307    x-cloak>
5308  </div>
5309
5310  
5311  <div
5312    class="
5313      gf-overunet
5314      fixed flex w-screen 
5315      bottom-0 left-0 right-0 justify-end max-h-[90svh] md:max-h-none
5316      outline--width color__outline-divider-1
5317      color__bg-body
5318      
5319        h-[90svh]
5320      
5321      
5322      
5323      
5324        md:max-w-xl md:h-full md:top-0 md:bottom-0 md:left-auto md:right-0
5325      
5326    "
5327    :class="[
5328      dragging ? '' : 'animation-300'
5329    ]"
5330    @touchend.window="
5331      dragging = false;
5332      startY: 0,
5333      pos_y = 0;
5334    "
5335    @touchstart="
5336      dragging = true;
5337      startY = $event.touches[0].clientY;
5338    "
5339    @touchmove.window="
5340      if (dragging) { 
5341        let deltaY = $event.touches[0].clientY - startY;
5342        if (deltaY > 0) {
5343          pos_y = deltaY;
5344          if (pos_y > window.innerHeight / 3) {
5345            dragging = false;
5346            pos_y = 1200;
5347            cart_drawer = false;
5348            enable_body_scrolling = true;
5349            hide_header = false;
5350            reset_product_zindex = false; 
5351          }
5352        } else {
5353          pos_y = 0;
5354        }
5355      }
5356    "
5357    :style="
5358      'transform: translate(0px, ' + pos_y + 'px)'
5359    "
5360    
5361    x-show="cart_drawer"
5362    
5363      
5364      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
5365      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
5366      x-transition:enter-end="!translate-y-0 opacity-100"
5367      x-transition:leave="animation-300 !translate-y-0 opacity-100"
5368      x-transition:leave-start="!translate-y-0 opacity-100"
5369      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
5370    
5371    x-cloak>
5372    <div class="w-screen">
5373      <div class="flex flex-col h-full overflow-y-auto color__text overscroll-none       gf-overunet">
5374        
5375    <!-- snippets/collection__subcollections.liquid -->
5376
5377
5378<div
5379  class="
5380    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh]
5381    color__bg-body color__text
5382    
5383      lg:max-w-[400px] lg:min-w-[400px]
5384    
5385    
5386      md:border--l-width
5387    
5388  "
5389>
5390  
5391  
5392
5393  
5394  <section
5395    class="
5396      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
5397      color__bg-body color__text
5398      color__border-divider-1
5399    "
5400  >
5401    <span>
5402      Cart
5403      <span class="ml-1"> (<span x-html="cart.item_count"></span>) </span>
5404    </span>
5405    <button
5406      class="
5407        btn btn--small
5408        btn btn--minimal /
5409      "
5410      title="Close"
5411      @click="closeCart()"
5412    >
5413      
5414        <!-- snippets/component__icon.liquid -->
5415
5416
5417<span
5418  class="
5419    inline-flex align-middle
5420    
5421  "
5422  aria-hidden="true"
5423>
5424  
5425    
5426    
5427        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5428          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
5429          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
5430        </svg>
5431      
5432
5433  
5434</span>
5435
5436      
5437      
5438    </button>
5439  </section>
5440
5441  
5442  <section
5443    class="relative flex h-[inherit] flex-grow flex-col overflow-y-auto overflow-x-hidden"
5444    x-data="
5445      {
5446        properties_drop: false,
5447        button_loading: false
5448      }
5449    "
5450  >
5451    
5452    
5453
5454    
5455    <template x-for="(group, groupIndex) in cart.groupedItems" :key="groupIndex">
5456      <!-- snippets/template__cart-item.liquid -->
5457
5458
5459<div
5460  class="
5461    border--b-width
5462    color__border-divider-1
5463  "
5464>
5465  <div class="flex gap-4 px-4 py-2">
5466    
5467    <a
5468      class="sticky top-0 z-10"
5469      :href="group.url"
5470      tabindex="-1"
5471    >
5472      <div
5473        class="border--radius color__bg-body border--width color__border-divider-1 relative h-10 w-10 overflow-hidden md:h-12 md:w-12"
5474      >
5475        <img
5476          class="color__bg-shade-2 aspect-1 h-full w-full object-cover"
5477          
5478            :class="
5479              {
5480              'opacity-50' : cart_loading }
5481            "
5482          
5483          width="200"
5484          height="200"
5485          loading="lazy"
5486          :src="`${ group.featured_image.url }&width=200`"
5487          :alt="`${ group.product_title }`"
5488        >
5489      </div>
5490    </a>
5491
5492    
5493    <div class="flex w-full flex-col items-start">
5494      
5495      <div class="flex flex-col items-start gap-2 py-2">
5496        <a
5497          class="no-underline"
5498          x-text="group.product_title"
5499          :href="group.url"
5500        ></a>
5501        <button
5502          class="type--smaller btn btn--plain btn--smaller"
5503          type="button"
5504          :class="{ 'opacity-50' : cart_loading && button_loading }"
5505          :disabled="button_loading"
5506          x-show="!group.product_has_only_default_variant"
5507          @click="
5508            button_loading = true;
5509            fetchAndRenderQuickAdd(group.handle);
5510            setTimeout(function(){ button_loading = false}, 500);
5511          "
5512        >
5513          Edit
5514        </button>
5515      </div>
5516
5517      
5518      <template x-for="(item, itemIndex) in group.items" :key="item.key">
5519        <div
5520          class="hover:color__bg-shade-1 flex w-full items-stretch justify-between"
5521        >
5522          <div
5523            class="
5524              border--t-width animation-300 flex flex-grow flex-col justify-between gap-1
5525              color__border-divider-1
5526            "
5527            
5528              :class="
5529                {
5530                'opacity-50' : cart_loading }
5531              "
5532            
5533          >
5534            <div
5535              class="flex flex-wrap items-center justify-between gap-2 py-2"
5536            >
5537              
5538              <div class=" flex-col items-start">
5539                
5540                <a
5541                  class="type--smaller flex no-underline hover:no-underline"
5542                  tabindex="-1"
5543                  :href="item.url"
5544                  x-text="item.variant_title"
5545                >
5546                </a>
5547
5548                
5549                <template x-for="(discount) in item.discounts">
5550                  <div class="mb-2 flex">
5551                    
5552                    <!-- snippets/component__badge.liquid -->
5553
5554
5555<div 
5556  class="
5557    border__element--radius inline-flex items-center px-2 py-0.5 border--width gap-2
5558    color__bg-shade-1 
5559    color__dark 
5560    color__border-divider-1
5561    
5562  ">
5563  
5564  <span class="flex items-center type--smaller">
5565                      <span 
5566                        class="type--smaller" 
5567                        x-html="discount.title + ' ' + Shopify.formatMoney(discount.amount)">
5568                      </span>
5569                    </span>
5570</div>
5571                  </div>
5572                </template>
5573
5574                
5575                <button
5576                  class="type--smaller mb-1 flex items-center"
5577                  type="button"
5578                  x-show="item.properties && Object.keys(item.properties).length > 0 && !properties_drop"
5579                  @click="properties_drop = ! properties_drop"
5580                >
5581                  <!-- snippets/component__icon.liquid -->
5582
5583
5584<span
5585  class="
5586    inline-flex align-middle
5587    mr-1
5588  "
5589  aria-hidden="true"
5590>
5591  
5592    
5593    
5594        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5595          <path fill-rule="evenodd" clip-rule="evenodd" d="M4.99991 7.58582L11.9999 14.5858L18.9999 7.58582L20.4141 9.00003L11.9999 17.4142L3.58569 9.00003L4.99991 7.58582Z" fill="currentColor"/>
5596        </svg>
5597      
5598
5599  
5600</span>
5601
5602                  See details
5603                </button>
5604                <div x-show="properties_drop">
5605                  <template x-if="item.properties">
5606                    <template x-for="property in Object.entries(item.properties)">
5607                      <template x-if="!property[0].startsWith('__')">
5608                        <p
5609                          class="type--smaller flex opacity-60"
5610                          x-text="property[0] + ' : ' + property[1]"
5611                        ></p>
5612                      </template>
5613                    </template>
5614                  </template>
5615                </div>
5616
5617                
5618                
5619
5620                
5621                <p
5622                  class="type--smaller flex opacity-60"
5623                  x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''"
5624                  x-show="item.selling_plan_allocation"
5625                ></p>
5626              </div>
5627
5628              
5629              <div class="flex w-full items-center justify-end gap-4">
5630                
5631                <div class="flex w-full items-center gap-2">
5632                  
5633                  <div class="group relative w-full max-w-[150px]">
5634                    <label
5635                      class="sr-only"
5636                      for="theme__cart--quantity"
5637                    >
5638                      Quantity
5639                    </label>
5640                    <div
5641                      class="border__input--radius border__input color__border-input hover:border__input--hover focus-within:border__input--focus relative flex overflow-hidden"
5642                    >
5643                      <input
5644                        :name="'cart-' + item.key + '-quantity'"
5645                        class="!rounded-none !border-0 text-center"
5646                        type="number"
5647                        placeholder="1"
5648                        min="1"
5649                        @change.debounce="
5650                          changeCartItemQuantity(item.key, item.quantity, false);
5651                          button_loading = true;
5652                          setTimeout(function(){ button_loading = false}, 500);
5653                        "
5654                        x-model="item.quantity"
5655                      >
5656                      <div
5657                        class="invisible absolute left-0 top-0 h-0.5 w-full overflow-hidden"
5658                        :class="{ '!visible !z-10' : button_loading && cart_loading }"
5659                      >
5660                        <div class="color__bg-shade-2">
5661                          <div
5662                            class="color__bg-text h-0.5 w-0"
5663                            :class="{ 'animate-widthexpand': button_loading && cart_loading }"
5664                          ></div>
5665                        </div>
5666                      </div>
5667                      <div class="color__bg-input color__input border--r-width color__border-divider-1 absolute left-0 flex h-full flex-col justify-center gap-0">
5668                        <button
5669                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
5670                          title="Decrease item quantity by one"
5671                          type="button"
5672                          tabindex="-1"
5673                          @click.prevent="
5674                            if (item.quantity >= 1){
5675                              if(changeCartItemQuantity(item.key, item.quantity-1, false)) {
5676                                button_loading = true;
5677                                setTimeout(function(){ button_loading = false}, 500);
5678                                item.quantity--;
5679                              }
5680                            }
5681                          "
5682                        >
5683                          <!-- snippets/component__icon.liquid -->
5684
5685
5686<span
5687  class="
5688    inline-flex align-middle
5689    
5690  "
5691  aria-hidden="true"
5692>
5693  
5694    
5695    
5696        <svg
5697          width="14"
5698          height="14"
5699          viewBox="0 0 24 24"
5700          fill="currentColor"
5701          xmlns="http://www.w3.org/2000/svg"
5702        >
5703          <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="currentColor"/>
5704        </svg>
5705      
5706
5707  
5708</span>
5709
5710                        </button>
5711                      </div>
5712                      <div class="color__bg-input color__input border--l-width color__border-divider-1 absolute right-0 flex h-full flex-col justify-center gap-0">
5713                        <button
5714                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
5715                          title="Increase item quantity by one"
5716                          type="button"
5717                          tabindex="-1"
5718                          @click.prevent="
5719                            if(changeCartItemQuantity(item.key, item.quantity+1, false)) {
5720                              button_loading = true;
5721                              setTimeout(function(){ button_loading = false}, 500);
5722                              item.quantity++;
5723                            }
5724                          "
5725                        >
5726                          <!-- snippets/component__icon.liquid -->
5727
5728
5729<span
5730  class="
5731    inline-flex align-middle
5732    
5733  "
5734  aria-hidden="true"
5735>
5736  
5737    
5738    
5739        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5740          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="currentColor"/>
5741        </svg>
5742      
5743
5744  
5745</span>
5746
5747                        </button>
5748                      </div>
5749                    </div>
5750                  </div>
5751
5752                  
5753                  <div
5754                    class="flex"
5755                  >
5756                    <button
5757                      class="btn btn--plain"
5758                      type="button"
5759                      :class="{ 'opacity-50' : cart_loading && button_loading }"
5760                      :disabled="button_loading"
5761                      @click="
5762                        button_loading = true;
5763                        changeCartItemQuantity(item.key, 0, false);
5764                        setTimeout(function(){ button_loading = false}, 500);
5765                      "
5766                    >
5767                      <!-- snippets/component__icon.liquid -->
5768
5769
5770<span
5771  class="
5772    inline-flex align-middle
5773    
5774  "
5775  aria-hidden="true"
5776>
5777  
5778    
5779    
5780        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5781          <path d="M15 2H9V4H15V2Z" fill="currentColor"/>
5782          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 5H3V7H5V22H19V7H21V5ZM7 20V7H17V20H7Z" fill="currentColor"/>
5783        </svg>
5784      
5785
5786  
5787</span>
5788
5789                    </button>
5790                  </div>
5791                </div>
5792
5793                
5794                <div class="flex flex-col">
5795                  
5796                  <div
5797                    class="flex flex-col items-end"
5798                  >
5799                    <span
5800                      x-html="Shopify.formatMoney(item.line_price)"
5801                    >
5802                    </span>
5803                    <span
5804                      x-show="item.total_discount > 0"
5805                      x-cloak
5806                    >
5807                      <s
5808                        class="opacity-50"
5809                        x-html="Shopify.formatMoney(item.original_line_price)"
5810                      >
5811                      </s>
5812                    </span>
5813                  </div>
5814
5815                  
5816                  <div
5817                    class="type--smaller opacity-60"
5818                    x-show="item.unit_price_measurement"
5819                  >
5820                    <span x-html="Shopify.formatMoney(item.unit_price)"></span>
5821                    <span>/</span>
5822                    <span
5823                      x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_value : ''"
5824                    ></span>
5825                    <span x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_unit : ''"></span>
5826                  </div>
5827                </div>
5828              </div>
5829            </div>
5830          </div>
5831        </div>
5832      </template>
5833    </div>
5834  </div>
5835</div>
5836
5837    </template>
5838
5839    
5840
5841    
5842    
5843
5844    
5845    
5846      <div
5847        class="
5848          border--b-width w-full p-4
5849          color__bg-body color__text
5850          color__border-divider-1
5851        "
5852        x-data="
5853          {
5854            reveal: cart.note != '',
5855            currentNote: cart.note
5856          }
5857        "
5858        x-show="cart.items.length > 0"
5859        x-cloak
5860      >
5861        <label class="flex items-center">
5862          <label
5863            class="sr-only"
5864            for="notes"
5865          >Add order note</label>
5866          <input
5867            id="notes"
5868            class=""
5869            type="checkbox"
5870            :checked="reveal"
5871            @click="reveal = ! reveal"
5872          >
5873          <p class="text--small ml-2">Add order note</p>
5874        </label>
5875        <textarea
5876          class="mt-2 w-full"
5877          rows="4"
5878          name="note"
5879          placeholder="Enter your message..."
5880          x-show="reveal"
5881          x-model="currentNote"
5882          @keyup.debounce="updateCartNote(currentNote)"
5883          x-cloak
5884        >
5885        </textarea>
5886      </div>
5887    
5888
5889    
5890    
5891
5892    
5893    <div
5894      class="
5895        border--b-width w-full p-4
5896        color__bg-body color__text
5897        color__border-divider-1
5898      "
5899      
5900        x-show="cart.total_price >= 0"
5901        x-cloak
5902      
5903    >
5904      <div class="mb-1 flex w-full items-center justify-between">
5905        <span>Subtotal</span>
5906        <span x-html="Shopify.formatMoney(cart.original_total_price, true)"></span>
5907      </div>
5908      <div
5909        class="mb-1 flex w-full items-center justify-between"
5910        x-show="cart.total_discount > 0"
5911        x-cloak
5912      >
5913        <span>Discount</span>
5914        <span x-html="'-' + Shopify.formatMoney(cart.total_discount, true)"></span>
5915      </div>
5916      <div class="flex w-full items-center justify-between">
5917        <span class="flex items-center">
5918          <strong>Total</strong>
5919        </span>
5920        <strong
5921          class="w-full text-right"
5922          x-html="Shopify.formatMoney(cart.total_price, true)"
5923        >
5924        </strong>
5925      </div>
5926    </div>
5927
5928    
5929    
5930
5931    
5932    
5933
5934    
5935    
5936    
5937  </section>
5938
5939  
5940  
5941
5942  
5943  <aside
5944    class="
5945      border--t-width sticky bottom-0 z-20 mt-auto md:max-w-xl
5946      color__bg-body color__text
5947      color__border-divider-1
5948    "
5949    x-cloak
5950  >
5951    <div class="flex flex-wrap gap-4 py-4">
5952      
5953      
5954
5955      
5956      
5957      <form
5958        class="w-full px-4"
5959        action="/checkout"
5960        method="post"
5961        x-data="
5962          {
5963            checkout_button_loading:false
5964          }
5965        "
5966        
5967          x-show="cart.items.length > 0"
5968        
5969        @submit.prevent="
5970          checkout_button_loading = true;
5971          
5972          setTimeout(function(){
5973            checkout_button_loading = false
5974          }, 5000);
5975          window.location.href = '/checkout';
5976        "
5977      >
5978        <div class="mb-0 flex flex-col gap-2">
5979          
5980
5981          
5982            <button
5983              class="
5984                btn btn--load !w-full
5985                btn
5986              "
5987              type="submit"
5988              name="checkout"
5989              :class="{ 'btn--loading' : checkout_button_loading }"
5990              :disabled="checkout_button_loading"
5991            >
5992              <div class="btn__spinner">
5993                <!-- snippets/component__icon.liquid -->
5994
5995
5996<span
5997  class="
5998    inline-flex align-middle
5999    
6000  "
6001  aria-hidden="true"
6002>
6003  
6004    
6005    
6006        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6007          <path d="M14 4C14 5.10457 13.1046 6 12 6C10.8954 6 10 5.10457 10 4C10 2.89543 10.8954 2 12 2C13.1046 2 14 2.89543 14 4Z" fill="currentColor"/>
6008          <path d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20C10 18.8954 10.8954 18 12 18C13.1046 18 14 18.8954 14 20Z" fill="currentColor"/>
6009          <path d="M7 8C7 9.10457 6.10457 10 5 10C3.89543 10 3 9.10457 3 8C3 6.89543 3.89543 6 5 6C6.10457 6 7 6.89543 7 8Z" fill="currentColor"/>
6010          <path d="M21 8C21 9.10457 20.1046 10 19 10C17.8954 10 17 9.10457 17 8C17 6.89543 17.8954 6 19 6C20.1046 6 21 6.89543 21 8Z" fill="currentColor"/>
6011          <path d="M7 16C7 17.1046 6.10457 18 5 18C3.89543 18 3 17.1046 3 16C3 14.8954 3.89543 14 5 14C6.10457 14 7 14.8954 7 16Z" fill="currentColor"/>
6012          <path d="M21 16C21 17.1046 20.1046 18 19 18C17.8954 18 17 17.1046 17 16C17 14.8954 17.8954 14 19 14C20.1046 14 21 14.8954 21 16Z" fill="currentColor"/>
6013        </svg>
6014      
6015
6016  
6017</span>
6018
6019              </div>
6020              <div class="btn__content">
6021                Checkout
6022                
6023                  ·
6024                  <span
6025                    class="ml-1"
6026                    x-html="Shopify.formatMoney(cart.total_price, true)"
6027                  ></span>
6028                
6029              </div>
6030            </button>
6031          
6032
6033          
6034        </div>
6035      </form>
6036    </div>
6037  </aside>
6038</div>
6039
6040  
6041      </div>
6042    </div>
6043  </div>
6044
6045</section>
6046  </section>
6047
6048
6049
6050</div>
6051      </div>
6052
6053      
6054      <!-- BEGIN sections: footer-group -->
6055<div id="shopify-section-sections--19574708797518__theme_footer" class="shopify-section shopify-section-group-footer-group"><!-- sections/theme__footer.liquid -->
6056
6057
6058
6059
6060
6061<footer
6062  id="sections--19574708797518__theme_footer"
6063  class="
6064    relative z-10
6065    
6066  "
6067>
6068  
6069  <div
6070    class="
6071      md:hidden
6072      color__bg-secondary color__secondary
6073    "
6074  >
6075    
6076      
6077          <div
6078            class="
6079              border--b-width p-4 py-8
6080              !color__border-transparent
6081            "
6082          >
6083            <div class="md:max-w-[250px]">
6084              <div
6085                class="flex flex-col items-start gap-2"
6086              >
6087                
6088
6089                
6090
6091                
6092                  <h3 class="type__heading type__heading-3">
6093                    Modern Performance
6094                  </h3>
6095                
6096
6097                
6098                  <div class="rte type--small opacity-75">
6099                    <p>9531 Town Park Dr<br/>Houston, Texas77036<br/>713-270-8520</p>
6100                  </div>
6101                
6102
6103                
6104              </div>
6105            </div>
6106          </div>
6107
6108        
6109    
6110      
6111          <div
6112            class="
6113              border--b-width p-4 py-8
6114              !color__border-transparent
6115            "
6116          >
6117            <div class="md:max-w-[250px]">
6118              <div
6119                class="flex flex-col items-start gap-2"
6120              >
6121                
6122
6123                
6124
6125                
6126
6127                
6128                  <div class="rte type--small opacity-75">
6129                    <p>
6129BUSINESS HOURS:<br/>Monday-Friday 8am-4pm CST<br/>Closed Saturday and Sunday</p>
6130                  </div>
6131                
6132
6133                
6134              </div>
6135            </div>
6136          </div>
6137
6138        
6139    
6140      
6141          
6142            <nav
6143              class="
6144                flex flex-col gap-4 pt-4 md:hidden
6145                color__bg-secondary color__secondary
6146              "
6147            >
6148              
6149                
6150                  <a
6151                    class="
6152                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6153                      !color__border-transparent
6154                    "
6155                    href="/"
6156                  >
6157                    Home
6158                  </a>
6159                
6160              
6161                
6162                  <a
6163                    class="
6164                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6165                      !color__border-transparent
6166                    "
6167                    href="/pages/contact"
6168                  >
6169                    Contact Us
6170                  </a>
6171                
6172              
6173                
6174                  <a
6175                    class="
6176                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6177                      !color__border-transparent
6178                    "
6179                    href="/pages/aboutus"
6180                  >
6181                    About us
6182                  </a>
6183                
6184              
6185            </nav>
6186          
6187      
6188    
6189      
6190          
6191            <nav
6192              class="
6193                flex flex-col gap-4 pt-4 md:hidden
6194                color__bg-secondary color__secondary
6195              "
6196            >
6197              
6198                
6199                  <a
6200                    class="
6201                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6202                      !color__border-transparent
6203                    "
6204                    href="/policies/privacy-policy"
6205                  >
6206                    Privacy Policy
6207                  </a>
6208                
6209              
6210                
6211                  <a
6212                    class="
6213                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6214                      !color__border-transparent
6215                    "
6216                    href="/policies/terms-of-service"
6217                  >
6218                    Terms of Service
6219                  </a>
6220                
6221              
6222                
6223                  <a
6224                    class="
6225                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
6226                      !color__border-transparent
6227                    "
6228                    href="/policies/shipping-policy"
6229                  >
6230                    Shipping & Return Policy
6231                  </a>
6232                
6233              
6234            </nav>
6235          
6236      
6237    
6238  </div>
6239
6240  
6241  <section
6242    class="
6243      border--t-width hidden md:block
6244      !color__border-transparent
6245      color__bg-secondary color__secondary
6246    "
6247    style="
6248      padding-top:0px;
6249      padding-bottom:0px;
6250    "
6251  >
6252    <div
6253      class="window--wide"
6254    >
6255      <div
6256        class="flex py-8"
6257      >
6258        <div
6259          class="
6260            flex grow flex-wrap gap-12
6261            justify-between
6262          "
6263        >
6264          
6265            
6266                <div class="md:max-w-[250px]">
6267                  <div
6268                    class="flex flex-col items-start gap-2"
6269                  >
6270                    
6271
6272                    
6273
6274                    
6275                      <h3 class="type__heading type__heading-3">
6276                        Modern Performance
6277                      </h3>
6278                    
6279
6280                    
6281                      <div class="rte type--small opacity-75">
6282                        <p>9531 Town Park Dr<br/>Houston, Texas77036<br/>713-270-8520</p>
6283                      </div>
6284                    
6285
6286                    
6287                  </div>
6288                </div>
6289
6290              
6291          
6292            
6293                <div class="md:max-w-[250px]">
6294                  <div
6295                    class="flex flex-col items-start gap-2"
6296                  >
6297                    
6298
6299                    
6300
6301                    
6302
6303                    
6304                      <div class="rte type--small opacity-75">
6305                        <p>
6305BUSINESS HOURS:<br/>Monday-Friday 8am-4pm CST<br/>Closed Saturday and Sunday</p>
6306                      </div>
6307                    
6308
6309                    
6310                  </div>
6311                </div>
6312
6313              
6314          
6315            
6316                <nav>
6317                  
6318                    <a
6319                      class="
6320                        type--small mb-4 block font-bold no-underline
6321                        
6322                          motion-safe:scroll-fadein-2-20
6323                        
6324                      "
6325                      href="/"
6326                    >
6327                      Home
6328                    </a>
6329                    
6330                  
6331                    <a
6332                      class="
6333                        type--small mb-4 block font-bold no-underline
6334                        
6335                          motion-safe:scroll-fadein-2-20
6336                        
6337                      "
6338                      href="/pages/contact"
6339                    >
6340                      Contact Us
6341                    </a>
6342                    
6343                  
6344                    <a
6345                      class="
6346                        type--small mb-4 block font-bold no-underline
6347                        
6348                          motion-safe:scroll-fadein-2-20
6349                        
6350                      "
6351                      href="/pages/aboutus"
6352                    >
6353                      About us
6354                    </a>
6355                    
6356                  
6357                </nav>
6358            
6359          
6360            
6361                <nav>
6362                  
6363                    <a
6364                      class="
6365                        type--small mb-4 block font-bold no-underline
6366                        
6367                          motion-safe:scroll-fadein-2-20
6368                        
6369                      "
6370                      href="/policies/privacy-policy"
6371                    >
6372                      Privacy Policy
6373                    </a>
6374                    
6375                  
6376                    <a
6377                      class="
6378                        type--small mb-4 block font-bold no-underline
6379                        
6380                          motion-safe:scroll-fadein-2-20
6381                        
6382                      "
6383                      href="/policies/terms-of-service"
6384                    >
6385                      Terms of Service
6386                    </a>
6387                    
6388                  
6389                    <a
6390                      class="
6391                        type--small mb-4 block font-bold no-underline
6392                        
6393                          motion-safe:scroll-fadein-2-20
6394                        
6395                      "
6396                      href="/policies/shipping-policy"
6397                    >
6398                      Shipping & Return Policy
6399                    </a>
6400                    
6401                  
6402                </nav>
6403            
6404          
6405        </div>
6406      </div>
6407    </div>
6408  </section>
6409
6410  
6411  <section
6412    class="
6413      border--t-width flex flex-wrap gap-2 py-4
6414      color__bg-secondary color__secondary
6415      !color__border-transparent
6416    "
6417  >
6418    
6419    <div
6420      class="
6421        flex w-full flex-wrap items-center justify-between gap-2
6422        window--wide
6423      "
6424    >
6425      
6426      <div
6427        class="flex w-full items-center gap-2 md:w-auto"
6428      >
6429        
6430        
6431        
6432        
6433        
6434        
6435        
6436        
6437        
6438        
6439        
6440        
6441      </div>
6442
6443      
6444      <div
6445        class="w-full md:w-auto md:text-right"
6446      >
6447        <p
6448          class="type--small mb-0 flex flex-wrap gap-2"
6449        >
6450          
6451        </p>
6452      </div>
6453    </div>
6454
6455    
6456    <div
6457      class="
6458        flex w-full flex-wrap items-center justify-between gap-2
6459        window--wide
6460      "
6461    >
6462      
6463      <div
6464        class="flex w-full flex-wrap gap-2 md:w-auto"
6465      >
6466        
6467        
6468        
6469
6470        
6471      </div>
6472
6473      
6474      <div
6475        class="flex w-full flex-wrap gap-2 md:w-auto md:text-right"
6476      >
6477        
6478        
6479      </div>
6480    </div>
6481  </section>
6482</footer>
6483
6484
6485<style> #shopify-section-sections--19574708797518__theme_footer .py-8 {@media (max-width: 676px) {padding-top: 0.5rem; padding-bottom: 0.1rem; }} #shopify-section-sections--19574708797518__theme_footer .pb-4 {@media (max-width: 676px) {padding-bottom: 0px; }} #shopify-section-sections--19574708797518__theme_footer .gap-4 {@media (max-width: 676px) {gap: 10px; }} </style></div>
6486<!-- END sections: footer-group -->
6487      <!-- BEGIN sections: overlay-group -->
6488
6489<!-- END sections: overlay-group -->
6490
6491      
6492      <!-- snippets/theme__quick-overlays.liquid -->
6493
6494
6495
6496<div 
6497  id="js-quickAdd">
6498</div>
6499
6500
6501<div 
6502  id="js-quickEdit">
6503</div>
6504
6505
6506<div 
6507  id="js-quickGallery">
6508</div>
6509      <!-- snippets/theme__localization-overlay.liquid -->
6510
6511
6512
6513
6514
6515
6516      <!-- snippets/theme__audio-overlay.liquid -->
6517
6518
6519
6520      <!-- snippets/theme__alert-overlay.liquid -->
6521
6522
6523
6524
6525
6526
6527
6528
6529<div
6530  class="fixed right-0 top-0 z-50 flex w-full flex-col items-end gap-2"
6531  x-data="
6532    {
6533      alert_id: true
6534    }
6535  "
6536>
6537  <!-- snippets/component__alert.liquid -->
6538
6539
6540<div 
6541  class="z-50 w-full m-4 overflow-hidden color__bg-body color__text border--radius border--width color__border-divider-1 shadow--blur md:w-1/3 color__border-divider-1 max-w-[300px]" 
6542  
6543    @click.outside="error_alert = false; clearTimeout(cart_alert_timeout);"
6544    @keyup.escape.window="error_alert = false; clearTimeout(cart_alert_timeout);"
6545  
6546  x-show="error_alert"
6547  
6548    x-transition:enter="animation-300"
6549    x-transition:enter-start="opacity-0 -translate-y-4"
6550    x-transition:enter-end="opacity-100 translate-y-0"
6551    x-transition:leave="animation-300"
6552    x-transition:leave-start="opacity-100 translate-y-0"
6553    x-transition:leave-end="opacity-0 -translate-y-4"
6554  
6555  x-cloak>
6556  <div 
6557    class="relative p-4 overflow-hidden">
6558    
6559  <div class="flex flex-col gap-1">
6560    <div class="flex items-center justify-between gap-2">
6561      <p class="type--smaller">
6562        Error
6563      </p>
6564      <button class="btn btn--smaller
6565        btn btn--minimal"
6566        title="Close"
6567        @click="error_alert = false">
6568        
6569          <!-- snippets/component__icon.liquid -->
6570
6571
6572<span
6573  class="
6574    inline-flex align-middle
6575    
6576  "
6577  aria-hidden="true"
6578>
6579  
6580    
6581    
6582        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6583          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
6584          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
6585        </svg>
6586      
6587
6588  
6589</span>
6590 
6591        
6592        
6593      </button>
6594    </div>
6595    <p 
6596      class="type--smaller" 
6597      x-text="error_message"></p>
6598  </div>
6599
6600  </div>
6601</div>
6602  <!-- snippets/component__alert.liquid -->
6603
6604
6605<div 
6606  class="z-50 w-full m-4 overflow-hidden color__bg-body color__text border--radius border--width color__border-divider-1 shadow--blur md:w-1/3 color__border-divider-1 max-w-[300px]" 
6607  
6608    @click.outside="discount_alert = false; clearTimeout(cart_alert_timeout);"
6609    @keyup.escape.window="discount_alert = false; clearTimeout(cart_alert_timeout);"
6610  
6611  x-show="discount_alert"
6612  
6613    x-transition:enter="animation-300"
6614    x-transition:enter-start="opacity-0 -translate-y-4"
6615    x-transition:enter-end="opacity-100 translate-y-0"
6616    x-transition:leave="animation-300"
6617    x-transition:leave-start="opacity-100 translate-y-0"
6618    x-transition:leave-end="opacity-0 -translate-y-4"
6619  
6620  x-cloak>
6621  <div 
6622    class="relative p-4 overflow-hidden">
6623    
6624  <div class="flex flex-col gap-1">
6625    <div class="flex items-center justify-between gap-2">
6626      <p 
6627        class="type--smaller"
6628        x-text="discount_text">
6629      </p>
6630      <button class="btn btn--smaller
6631        btn btn--minimal"
6632        title="Close"
6633        @click="cart_alert = false">
6634        
6635          <!-- snippets/component__icon.liquid -->
6636
6637
6638<span
6639  class="
6640    inline-flex align-middle
6641    
6642  "
6643  aria-hidden="true"
6644>
6645  
6646    
6647    
6648        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6649          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
6650          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
6651        </svg>
6652      
6653
6654  
6655</span>
6656 
6657        
6658        
6659      </button>
6660    </div>
6661    <p 
6662      class="type--smaller">
6663      <strong x-text="discount_code"></strong> discount code automatically applied at checkout.
6664    </p>
6665  </div>
6666
6667  </div>
6668</div>
6669  <!-- snippets/component__alert.liquid -->
6670
6671
6672<div 
6673  class="z-50 w-full m-4 overflow-hidden color__bg-body color__text border--radius border--width color__border-divider-1 shadow--blur md:w-1/3 color__border-divider-1 max-w-[300px]" 
6674  
6675    @click.outside="cart_alert = false; clearTimeout(cart_alert_timeout);"
6676    @keyup.escape.window="cart_alert = false; clearTimeout(cart_alert_timeout);"
6677  
6678  x-show="cart_alert"
6679  
6680    x-transition:enter="animation-300"
6681    x-transition:enter-start="opacity-0 -translate-y-4"
6682    x-transition:enter-end="opacity-100 translate-y-0"
6683    x-transition:leave="animation-300"
6684    x-transition:leave-start="opacity-100 translate-y-0"
6685    x-transition:leave-end="opacity-0 -translate-y-4"
6686  
6687  x-cloak>
6688  <div 
6689    class="relative p-4 overflow-hidden">
6690    
6691    <div 
6692      class="color__bg-text absolute left-0 top-0 h-0.5 w-full overflow-hidden mix-blend-difference">
6693      <div class="color__bg-text">
6694        <div 
6695          class="color__bg-body animation-5000--all h-0.5 w-0 opacity-50" 
6696          :style="{ width: cart.progress_bar_delay_width }"></div>
6697      </div>
6698    </div>
6699    <div class="flex items-center justify-between gap-2">
6700      <p class="type--smaller">
6701        <!-- snippets/component__icon.liquid -->
6702
6703
6704<span
6705  class="
6706    inline-flex align-middle
6707    
6708  "
6709  aria-hidden="true"
6710>
6711  
6712    
6713    
6714        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6715          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4141 7.99991L8.99991 19.4141L3.58569 13.9999L4.99991 12.5857L8.99991 16.5857L18.9999 6.58569L20.4141 7.99991Z" fill="currentColor"/>
6716        </svg>
6717      
6718
6719  
6720</span>
6721 Your cart has been updated
6722      </p>
6723      <button class="btn btn--smaller
6724        btn btn--minimal"
6725        title="Close"
6726        @click="cart_alert = false">
6727        
6728          <!-- snippets/component__icon.liquid -->
6729
6730
6731<span
6732  class="
6733    inline-flex align-middle
6734    
6735  "
6736  aria-hidden="true"
6737>
6738  
6739    
6740    
6741        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6742          <path fill-rule="evenodd" clip-rule="evenodd" d="M5.00003 3.58569L20.4142 18.9999L19 20.4141L3.58582 4.99991L5.00003 3.58569Z" fill="currentColor"/>
6743          <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4142 4.99991L5.00003 20.4141L3.58582 18.9999L19 3.58569L20.4142 4.99991Z" fill="currentColor"/>
6744        </svg>
6745      
6746
6747  
6748</span>
6749 
6750        
6751        
6752      </button>
6753    </div>
6754
6755  </div>
6756</div>
6757</div>
6758
6759    
6760      
6761    
6762
6763    
6764    
6765
6766
6767  
6767<script src="//www.modernperformance.com/cdn/shop/t/10/assets/main-YY0zcZqg.js?v=4656257164686681451769408689" type="module" crossorigin="anonymous"></script>
6767
6768
6769
6770    <!-- snippets/theme__scripts.liquid -->
6771
6772
6773<script>
6774  window.__initialData = window.__initialData || {};
6775  Object.assign(window.__initialData, {
6776
6777    // Color
6778    // - Adjust the header when using a banner with an overlay + when using a section with color fade
6779    body_background_color: '#fff', // {string} Background color of the body
6780    body_text_color: '#fff', // {string} Text color of the body
6781
6782    // Scroll
6783    is_scrolled: false, // {boolean} To toggle check direction of scroll
6784    is_scrolled_up: true, // {boolean} To toggle check if within 300px of top
6785    prev_scroll_pos: 0, // {number} Pprevious scroll position of the page
6786    show_scroll_up: false, // {boolean} To show the 'back to top' button
6787    enable_body_scrolling: true, // {boolean} To enable or disable body scrolling
6788
6789    // Audio
6790    click_audio: '//www.modernperformance.com/cdn/shop/t/10/assets/click.wav?v=158935355045082451841769021839', // {string} URL for click sound
6791    success_audio: '//www.modernperformance.com/cdn/shop/t/10/assets/success.wav?v=135438133453557868261769021840', // {string} URL for success sound
6792    enable_audio: false, // {boolean} To enable or disable audio
6793
6794    // Error
6795    error_alert: false, // {boolean} To show the alert
6796    error_message: '', // {string} Error message
6797
6798    // Discount
6799    discount_text: '', // {string} Text for the discount
6800    discount_code: '', // {string} Code for the discount
6801
6802    // Pagination
6803    pagination_loading: false, // {boolean} To show loading state in pagination
6804
6805    // Recent products
6806    recent_products: localStorage.getItem("recentlyViewedProducts") ? JSON.parse(localStorage.getItem("recentlyViewedProducts")) : [], // {array} Recently viewed products
6807
6808    // Overlays
6809    age_overlay: localStorage.getItem("ageConfirmed") ? true : false, // {boolean} To toggle the age overlay
6810    audio_overlay: false, // {boolean} To toggle the audio settings overlay
6811    discount_alert: false, // {boolean} To toggle the discount overlay
6812    filter_overlay: false, // {boolean} To toggle the filter overlay
6813    localization_overlay: false, // {boolean} To toggle the localization overlay
6814    quick_edit_handle: '', // {string} Set to the product handle of the product being edited
6815    cart_drawer_style: 'fixed', // {string} Style of the cart drawer
6816
6817    // Header
6818    hide_header: false, // {boolean} To hide the header
6819    header_group_height: 80, // {number} Height of the header group
6820    header_bar_height: 60, // {number} Height of the header bar
6821    filter_group_height: 80, // {number} Height of the filter group
6822
6823    // Menu
6824    menu_drawer: window.innerWidth > 1024, // {boolean} To toggle the menu drawer
6825    menu_sidebar: false, // {boolean} To toggle the menu sidebar
6826    menu_nested: false, // {boolean} To check if the menu is nested
6827
6828    // Account
6829    account_drawer: false, // {boolean} To toggle the account drawer
6830
6831    // Product
6832    sticky_bar_height_left: 0, // {number} Height of the sticky bar
6833    sticky_bar_height_right: 0, // {number} Height of the sticky bar
6834    reset_product_zindex: false, // {boolean} To reset the z-index of the product columns
6835
6836    // Cart
6837    cart_drawer: false, // {boolean} To toggle the cart drawer
6838    cart_alert: false, // {boolean} To show the cart alert
6839    cart_loading: false, // {boolean} To check if the cart is loading
6840    cart_behavior_desktop: 'drawer', // {string} Behavior of the cart on desktop
6841    cart_behavior_mobile: 'alert', // {string} Behavior of the cart on mobile
6842    cart_alert_timeout: null, // {number} Timeout for the cart alert
6843    cart: {
6844      items: [
6845        
6846      ],
6847      note: '', // {string} Note for the cart
6848      item_count: 0, // {number} Count of items in the cart
6849      total_price: 0, // {number} Total price of the cart
6850      original_total_price: 0, // {number} Original total price of the cart
6851      total_discount: 0, // {number} Total discount of the cart
6852      progress_bar_delay_width: 0, // {number} Width of the delay bar in cart alerts
6853      progress_bar_remaining: 0, // {number} Remaining amount - e.g. 'Spend X more for free shipping'
6854      progress_bar_percent: '0%', // {string} Percent to reaching free shipping
6855      variantMap: {
6856        
6857      }, // {object} Map of variant IDs to cart items for O(1) lookups
6858    },
6859
6860    // Search
6861    search_drawer: false, // {boolean} To toggle the search drawer
6862    search_loading: false, // {boolean} To check if the search is loading
6863    search_term: '', // {string} Term for the search
6864    search_items: [], // {array} Array of search items
6865    search_focus_index: '', // {string} Index of the focused search item
6866    search_focus_url: '', // {string} URL of the focused search item
6867    search_items_collections: [], // {array} Array of search items in collections
6868    search_items_pages: [], // {array} Array of search items in pages
6869    search_items_articles: [], // {array} Array of search items in articles
6870    search_items_queries: [], // {array} Array of search items in queries
6871
6872    // Edit
6873    edit_variant: 0, // {number} Variant ID of old item when editing
6874    edit_quantity: 0, // {number} Quantity to use when editing
6875
6876    // Prices
6877    price_format_with_currency: '${{amount}}', // {string} Format for price with currency
6878    price_format_without_currency: '${{amount}} USD', // {string} Format for price without currency
6879    enable_zeros: false, // {Boolean} Set to false to hide '.00'
6880    enable_currency: false, // {Boolean} Set to false to hide 'CAD'
6881
6882  });
6883</script>
6883
6884
6885
6886
6887<!-- snippets/script__localization.liquid -->
6888
6889
6890
6891<!-- snippets/script__recent-view.liquid -->
6892
6893
6894
6895<!-- snippets/script__design-mode.liquid -->
6896
6897
6898
6899
6900
6901<script id="gspfSearchResult" type="template/html"><!-- BEGIN app snippet: search -->
6902
6903
6904{% assign root_url = "" %}
6905{% assign search_url = "/search" %}
6906{% assign lazySrc = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" %}
6907{% capture noImage %}<img width="200" height="200" loading="lazy"
6908    src="{{ 'https://cdn.shopify.com/s/images/themes/product-1.png' | img_url: '200x' }}" />{% endcapture %}
6909{% assign zero_character_result = true %}
6910{% assign searchTranslation = translation.search %}
6911{% if result.term %}{% assign zero_character_result = false %}{% endif %}
6912{% assign product_list_layout = "grid" %}
6913{% assign products_suggestions_title = searchTranslation.products | default: "Products" %}
6914{% assign keywords_suggestions_title = searchTranslation.suggestions | default: "Suggestions" %}
6915{% if zero_character_result %}
6916{% assign product_list_layout = "grid" %}
6917{% if searchTranslation.zero_character_products_suggestions_title %}
6918{% assign products_suggestions_title = searchTranslation.zero_character_products_suggestions_title %}
6919{% endif %}
6920{% if searchTranslation.zero_character_keywords_searches_title %}
6921{% assign keywords_suggestions_title = searchTranslation.zero_character_keywords_searches_title %}
6922{% endif %}
6923{% elsif result.isEmpty %}
6924{% assign product_list_layout = "grid" %}
6925{% if searchTranslation.no_result_products_suggestions_title %}
6926{% assign products_suggestions_title = searchTranslation.no_result_products_suggestions_title %}
6927{% endif %}
6928{% if searchTranslation.no_result_keywords_suggestions_title %}
6929{% assign keywords_suggestions_title = searchTranslation.no_result_keywords_suggestions_title %}
6930{% endif %}
6931{% endif %}
6932{% assign page_limit = 5 %}
6933{% assign article_limit = 5 %}
6934{% assign elements = "vendor,price" | split: "," %}
6935{%- if layout == 1 -%}
6936<div id="glFilter-search-popup" class="ui-menu glFilter-search-popup gl-filter-search-fullscreen gl-filter-animate">
6937    <div class="gl-backdrop gl-close-layer"></div>
6938    <div class="gl-fullscreen-layer gl-animate-transition">
6939        <div class="gl-fullscreen-header">
6940            <form class="gl-d-searchbox" method="GET" action="{{ search_url }}">
6941                <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"><svg
6942                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px">
6943                        <path d="M0 0h24v24H0V0z" fill="none"></path>
6944                        <path
6945                            d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z">
6946                        </path>
6947                    </svg></label>
6948                <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input"
6949                    placeholder="{{ translation.product.search }}" name="q" value="{{ result.term | escape }}"
6950                    autocapitalize="off" autocomplete="off" autocorrect="off">
6951            </form>
6952            <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6953                    <path
6954                        d="M11.414 10l6.293-6.293a1 1 0 10-1.414-1.414L10 8.586 3.707 2.293a1 1 0 00-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 101.414 1.414L10 11.414l6.293 6.293A.998.998 0 0018 17a.999.999 0 00-.293-.707L11.414 10z"
6955                        fill="#5C5F62" />
6956                </svg></button>
6957        </div>
6958        <div class="gl-fullscreen-suggestions">
6959            {% if result.isEmpty and result.term %}
6960            <div>{% if searchTranslation.not_found %}{{ searchTranslation.not_found }}{% else %}Sorry, nothing found
6961                for{% endif %}&nbsp;<b>{{ result.term | escape }}</b></div>
6962            {% endif %}
6963            {% if zero_character_result and result.popular_keywords %}
6964            <div>{% for keyword in result.popular_keywords %}<a
6965                    href="{{ search_url }}?q={{ keyword.keyword | url_encode }}">{{ keyword.keyword | escape }}</a>{%
6966                endfor %}</div>
6967            {% endif %}
6968        </div>
6969        <div class="gl-fullscreen-initial-content">
6970            <div class="gl-row">
6971                {% if result.suggestions or result.collections or result.pages or result.articles %}
6972                <div class="gl-col-left">
6973                    <div class="gl-list gl-fullscreen-top-searches">
6974                        {% if result.suggestions %}
6975                        <div class="gl-list__group">
6976                            <div class="gl-list__title">{{ keywords_suggestions_title | escape }}</div>
6977                            <div class="gl-list__content">
6978                                <ul>{% for suggestion in result.suggestions %}<li><a
6979                                            href="{{ search_url }}?q={{ suggestion.keyword | url_encode }}">{{
6980                                            suggestion.keyword | escape }}
6980<span class="count">{{ suggestion.count
6981                                                }}</span></a></li>{% endfor %}</ul>
6982                            </div>
6983                        </div>
6984                        {% endif %}
6985                        {%- if result.collections -%}
6986                        <div class="gl-list__group">
6987                            <div class="gl-list__title">{{ searchTranslation.collections | default: "Collections" }}
6988                            </div>
6989                            <div class="gl-list__content">
6990                                <ul>{%- for collection in result.collections -%}<li class="gl-list__item"><a
6991                                            href="{{ root_url }}/collections/{{ collection.handle }}">{{
6992                                            collection.title | escape }}</a></li>{%- endfor -%}</ul>
6993                            </div>
6994                        </div>
6995                        {%- endif -%}
6996                        {%- if result.pages and result.pages.size > 0 -%}
6997                        <div class="gl-list__group">
6998                            <div class="gl-list__title">{{ searchTranslation.pages | default: "Pages" }}</div>
6999                            <div class="gl-list__content">
7000                                <ul>{%- for page in result.pages limit: page_limit -%}<li class="gl-list__item"><a
7001                                            href="{{ page.url }}">{{ page.title | escape }}</a></li>{%- endfor -%}</ul>
7002                            </div>
7003                        </div>
7004                        {%- endif -%}
7005                        {%- if result.articles and result.articles.size > 0 -%}
7006                        <div class="gl-list__group">
7007                            <div class="gl-list__title">{{ searchTranslation.articles | default: "Blog Posts" }}</div>
7008                            <div class="gl-list__content">
7009                                <ul>{%- for article in result.articles limit: article_limit -%}<li
7010                                        class="gl-list__item"><a href="{{ article.url }}">{{ article.title | escape
7011                                            }}</a></li>{%- endfor -%}</ul>
7012                            </div>
7013                        </div>
7014                        {%- endif -%}
7015                    </div>
7016                </div>
7017                {% endif %}
7018                <div class="gl-col-right">
7019                    {% if result.products %}
7020                    <div class="gl-list gl-fullscreen-top-clicked">
7021                        <div class="gl-fullscreen-results__meta">
7022                            <div class="gl-list__title">{{ products_suggestions_title }}</div>
7023                            {% if result.term and result.isEmpty == false %}
7024                            <a
7025                                href="{% if result.url %}{{ result.url }}{% else %}{{ search_url }}?q={{ result.term | url_encode }}{% endif %}">
7026                                {% if searchTranslation.view_all_products %}{{ searchTranslation.view_all_products }}{%
7027                                else %}View all products{% endif %}
7028                            </a>
7029                            {% endif %}
7030                        </div>
7031                        <div class="gl-list__content">
7032                            {% if product_list_layout == "carousel" %}<div class="gl-owl--carousel owl-carousel"
7033                                id="gl-fullscreen-recommended-products">{% else %}<div
7034                                    class="gl-fullscreen-results__content">{% endif %}
7035                                    {% for product in result.products %}
7036                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
7037                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
7038                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
7039                                    <div class="gl-card">
7040                                        <div class="gl-card-media">
7041                                            <div class="gl-card-thumbnail">
7042                                                <a class="spf-image-ratio" href="{{productUrl}}"
7043                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
7044                                                    {% if product.image %}
7045                                                    <img class="gflazyload" srcset="{{lazySrc}}"
7046                                                        src="{{ product.image.src | img_url: image_size }}"
7047                                                        data-src="{{ product.image.src | img_lazyload_url }}"
7048                                                        data-sizes="auto"
7049                                                        data-aspectratio="{{ product.image.as
7049pect_ratio }}"
7050                                                        data-parent-fit="contain" width="{{ product.image.width }}"
7051                                                        height="{{ product.image.height }}"
7052                                                        alt="{{ product.image.alt | escape }}" />
7053                                                    {% else %}{{noImage}}{% endif %}
7054                                                </a>
7055                                            </div>
7056                                        </div>
7057                                        <div class="gl-card-content gl-card-flex">
7058                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
7059                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
7060                                            {%- if product.vendor and elements contains "vendor" -%}<div
7061                                                class="gf-search-item-product-vendor">{{ product.vendor }}</div>{%-
7062                                            endif -%}
7063                                            {%- if elements contains 'type' -%}<div
7064                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
7065                                                }}</div>{%- endif -%}
7066                                            {%- if product.selected_or_first_available_variant.sku and elements contains
7067                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
7068                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
7069                                            <div class="gl-card-flex"></div>
7070                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
7071                                                    class="gl-card-price">{{ product.price | money }}</span>{%- if
7072                                                product.compare_at_price and product.compare_at_price > product.price
7073                                                -%} <span class="gl-card-old-price">{{ product.compare_at_price | money
7074                                                    }}</span>{%- endif -%}</div>{%- endif -%}
7075                                        </div>
7076                                    </div>
7077                                    {% endfor %}
7078                                </div>
7079                            </div>
7080                        </div>
7081                        {% endif %}
7082                    </div>
7083                </div>
7084            </div>
7085        </div>
7086    </div>
7087
7088    {%- elsif layout == 3 -%}
7089    {% if result.isEmpty and result.term %}
7090    <div class="gl-fullscreen-suggestions">
7091        <div>{% if searchTranslation.not_found %}{{ searchTranslation.not_found }}{% else %}Sorry, nothing found for{%
7092            endif %}&nbsp;<b>{{ result.term | escape }}</b></div>
7093    </div>
7094    {% endif %}
7095    <div class="gl-grid-layer">
7096        <div class="gl-fullscreen-layer">
7097            <div class="gl-fullscreen-initial-content">
7098                <div class="gl-row">
7099                    {% if result.suggestions or result.collections or result.pages or result.popular_keywords or
7100                    result.articles %}
7101                    <div class="gl-col-left">
7102                        <div class="gl-list gl-fullscreen-top-searches">
7103                            {% if zero_character_result and result.popular_keywords %}
7104                            <div class="gl-list__group">
7105                                <div class="gl-list__title">{{ searchTranslation.zero_character_popular_searches_title |
7106                                    default: "Popular searches" }}</div>
7107                                <div class="gl-list__content">
7108                                    <ul>
7109                                        {% for keyword in result.popular_keywords %}
7110                                        <li aria-label="{{ searchTranslation.zero_character_popular_searches_title | default: "
7111                                            Popular searches" }}: {{ keyword.keyword}}">
7112                                            <a href="{{ search_url }}?q={{ keyword.keyword | url_encode }}">{{
7113                                                keyword.keyword | escape }}
7113<span class="count">{{ keyword.count
7114                                                    }}</span></a>
7115                                        </li>
7116                                        {% endfor %}
7117                                    </ul>
7118                                </div>
7119                            </div>
7120                            {% endif %}
7121                            {% if result.suggestions %}
7122                            <div class="gl-list__group">
7123                                <div class="gl-list__title">{{ keywords_suggestions_title }}</div>
7124                                <div class="gl-list__content">
7125                                    <ul>
7126                                        {% for suggestion in result.suggestions %}
7127                                        <li
7128                                            aria-label="{{ keywords_suggestions_title }}: {{ suggestion.keyword | escape }}">
7129                                            <a href="{{ search_url }}?q={{ suggestion.keyword | url_encode }}">{{
7130                                                suggestion.keyword | escape }}<span class="count">{{ suggestion.count
7131                                                    }}</span></a>
7132                                        </li>
7133                                        {% endfor %}
7134                                    </ul>
7135                                </div>
7136                            </div>
7137                            {% endif %}
7138                            {%- if result.collections -%}
7139                            <div class="gl-list__group">
7140                                <div class="gl-list__title">{{ searchTranslation.collections | default: "Collections" }}
7141                                </div>
7142                                <div class="gl-list__content">
7143                                    <ul>
7144                                        {%- for collection in result.collections -%}
7145                                        <li class="gl-list__item"><a
7146                                                href="{{ root_url }}/collections/{{collection.handle }}">{{collection.title
7147                                                | escape }}</a></li>
7148                                        {%- endfor -%}
7149                                    </ul>
7150                                </div>
7151                            </div>
7152                            {%- endif -%}
7153                            {%- if result.pages and result.pages.size > 0 -%}
7154                            <div class="gl-list__group">
7155                                <div class="gl-list__title">{{ searchTranslation.pages | default: "Pages" }}</div>
7156                                <div class="gl-list__content">
7157                                    <ul>
7158                                        {%- for page in result.pages limit: page_limit -%}
7159                                        <li class="gl-list__item"><a href="{{page.url }}">{{page.title | escape }}</a>
7160                                        </li>
7161                                        {%- endfor -%}
7162                                    </ul>
7163                                </div>
7164                            </div>
7165                            {%- endif -%}
7166                            {%- if result.articles and result.articles.size > 0 -%}
7167                            <div class="gl-list__group">
7168                                <div class="gl-list__title">{{ searchTranslation.articles | default: "Blog Posts" }}
7169                                </div>
7170                                <div class="gl-list__content">
7171                                    <ul>
7172                                        {%- for article in result.articles limit: article_limit -%}
7173                                        <li class="gl-list__item"><a href="{{ article.url }}">{{ article.title | escape
7174                                                }}</a></li>
7175                                        {%- endfor -%}
7176                                    </ul>
7177                                </div>
7178                            </div>
7179                            {%- endif -%}
7180                        </div>
7181                    </div>
7182                    {% endif %}
7183                    <div class="gl-col-right">
7184                        <div class="gf-search-products">
7185                            <div class="gl-list__title">{{ products_suggestions_title }}</div>
7186                            {% if result.products %}
7187                            <div class="gl-list__content">
7188                                {% if product_list_layout == "carousel" %}
7189                                <ul class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products">
7190                                    {% for product in result.products %}
7191                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
7192                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
7193                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
7194                                    <li aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}"
7195                                        class="gl-card">
7196                                        <div class="gl-card-media">
7197                                            <div class="gl-card-thumbnail">
7198                                                <a class="spf-image-ratio" href="{{productUrl}}"
7199                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
7200                                                    {% if product.image %}
7201                                                    <img class="gflazyload" srcset="{{lazySrc}}"
7202                                                        src="{{ product.image.src | img_url: image_size }}"
7203                                                        data-src="{{ product.image.src | img_lazyload_url }}"
7204                                                        data-sizes="auto"
7205                                                        data-aspectratio="{{ product.image.as
7205pect_ratio }}"
7206                                                        data-parent-fit="contain" width="{{ product.image.width }}"
7207                                                        height="{{ product.image.height }}"
7208                                                        alt="{{ product.image.alt | escape }}" />
7209                                                    {% else %}{{noImage}}{% endif %}
7210                                                </a>
7211                                            </div>
7212                                        </div>
7213                                        <div class="gl-card-content gl-card-flex">
7214                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
7215                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
7216                                            {%- if product.vendor and elements contains "vendor" -%}<div
7217                                                class="gf-search-item-product-vendor">{{ product.vendor}}</div>{%- endif
7218                                            -%}
7219                                            {%- if elements contains 'type' -%}<div
7220                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
7221                                                }}</div>{%- endif -%}
7222                                            {%- if product.selected_or_first_available_variant.sku and elements contains
7223                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
7224                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
7225                                            <div class="gl-card-flex"></div>
7226                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
7227                                                    class="gl-card-price">{{ product.price | money }}</span></div>{%-
7228                                            endif -%}
7229                                        </div>
7230                                    </li>
7231                                    {% endfor %}
7232                                </ul>
7233                                {% else %}
7234                                <div class="gl-fullscreen-results__content">
7235                                    {% for product in result.products %}
7236                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
7237                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
7238                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
7239                                    <div aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}"
7240                                        class="gl-card">
7241                                        <div class="gl-card-media">
7242                                            <div class="gl-card-thumbnail">
7243                                                <a class="spf-image-ratio" href="{{productUrl}}"
7244                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
7245                                                    {% if product.image %}
7246                                                    <img class="gflazyload" srcset="{{lazySrc}}"
7247                                                        src="{{ product.image.src | img_url: image_size }}"
7248                                                        data-src="{{ product.image.src | img_lazyload_url }}"
7249                                                        data-sizes="auto"
7250                                                        data-aspectratio="{{ product.image.aspect_ratio }}"
7251                                                        data-parent-fit="contain" width="{{ product.image.width }}"
7252                                                        height="{{ product.image.height }}"
7253                                                        alt="{{ product.image.alt | escape }}" />
7254                                                    {% else %}{{noImage}}{% endif %}
7255                                                </a>
7256                                            </div>
7257                                        </div>
7258                                        <div class="gl-card-content gl-card-flex">
7259                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
7260                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
7261                                            {%- if product.vendor and elements contains "vendor" -%}<div
7262                                                class="gf-search-item-product-vendor">{{ product.vendor}}</div>{%- endif
7263                                            -%}
7264                                            {%- if elements contains 'type' -%}<div
7265                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
7266                                                }}</div>{%- endif -%}
7267                                            {%- if product.selected_or_first_available_variant.sku and elements contains
7268                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
7269                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
7270                                            <div class="gl-card-flex"></div>
7271                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
7272                                                    class="gl-card-price">{{ product.price | money }}</span></div>{%-
7273                                            endif -%}
7274                                        </div>
7275                                    </div>
7276                                    {% endfor %}
7277                                </div>
7278                                {% endif %}
7279                            </div>
7280                            {% else %}
7281                            <li aria-label="{{ products_suggestions_title | escape }}: {{ searchTranslation.product_not_found | default: "
7282                                No products were found"}}">{{ searchTranslation.product_not_found | default: "No
7283                                products were found"}}</li>
7284                            {% endif %}
7285                        </div>
7286                    </div>
7287                </div>
7288            </div>
7289        </div>
7290    </div>
7291</div>
7292{%- if result.term and result.isEmpty == false -%}
7293<div class="gf-search-item gf-search-item-product gf-search-viewall">
7294    <a href="{% if result.url %}{{ result.url }}{% else %}{{ search_url }}?q={{ result.term | url_encode }}{% endif %}">
7295           ★ Above results are quick search results. Click here for a more in depth search result. ★
7296    </a>
7297</div>
7298{%- endif -%}
7299
7300{%- endif -%}
7301</script>
7301<script src="//www.modernperformance.com/cdn/shop/t/10/assets/tiny-img-link-preloader.js?v=161691863847448465861788796668" defer></script>
7301
7302<style> #template--18949027954766__1638995507af787164 .Vtl-WishlistButtonWrapper {display: none;} .grid-cols-1 {@media (max-width: 667px) {grid-template-columns: repeat(2, minmax(0, 1fr)); }} .grid-cols-1 h3 {@media (max-width: 667px) {font-size: 16px; color: #000000da; text-align: center; }} .Vtl-WishlistButton__HeartIconWrapper svg {fill: black !important;} </style>
7303<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7303
7304</body>
7305</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.