PageSourceSearch

https://www.modernperformance.com/pages/16-24-jeep-compass

html modernperformance.com collected 2026-10-02 19:45:27 UTC 286,486 bytes, 6,756 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>16-24 Jeep Compass either 2.4L or 2.0 Turbo engine · Modern Performance</title>
26<link href='https://www.modernperformance.com/pages/16-24-jeep-compass' 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="Engine/Performance parts for your Jeep Compass with either 2.4 Liter motor or 2.0 Turbo motor. " />
38
39
40<meta property="og:url" content="https://www.modernperformance.com/pages/16-24-jeep-compass">
41<meta property="og:site_name" content="Modern Performance">
42<meta property="og:type" content="website">
43<meta property="og:title" content="16-24 Jeep Compass either 2.4L or 2.0 Turbo engine">
44<meta property="og:description" content="Engine/Performance parts for your Jeep Compass with either 2.4 Liter motor or 2.0 Turbo motor. ">
45
46
47
48
49<meta name="twitter:title" content="16-24 Jeep Compass either 2.4L or 2.0 Turbo engine">
50<meta name="twitter:site" content="" />
51<meta name="twitter:description" content="Engine/Performance parts for your Jeep Compass with either 2.4 Liter motor or 2.0 Turbo motor. ">
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":"page"}</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":"5d5c7a59-9ccc-4b3d-a8df-03aef84f266d-1790970327","pageurl":"www.modernperformance.com\/pages\/16-24-jeep-compass","s":"pages-112517939278","u":"f4fba6566c8b","p":"page","rtyp":"page","rid":112517939278};</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 data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
354</script>
vendor: 1 bytes, line 354
354
355<script id='scb4127' type='text/javascript' async='' src='https://www.modernperformance.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
355<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">
356<style id="shopify-accelerated-checkout-cart">
357        #shopify-buyer-consent {
358  margin-top: 1em;
359  display: inline-block;
360  width: 100%;
361}
362
363#shopify-buyer-consent.hidden {
364  display: none;
365}
366
367#shopify-subscription-policy-button {
368  background: none;
369  border: none;
370  padding: 0;
371  text-decoration: underline;
372  font-size: inherit;
373  cursor: pointer;
374}
375
376#shopify-subscription-policy-button::before {
377  box-shadow: none;
378}
379
380      </style>
381
382<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
382
383
384    
385    <!-- snippets/theme__structured-data.liquid -->
386
387
388
389
390
391
392
393
394
395
396
397  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
398<script type="text/javascript">
399  (function (c, l, a, r, i, t, y) {
400    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
401    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
402    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
403
404    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
405      if (error) {
406        console.error("Error loading Shopify features:", error);
407        return;
408      }
409
410      c[a]('consentv2', {
411        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
412        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
413        source: 101,
414      });
415    });
416
417    l.addEventListener("visitorConsentCollected", function (e) {
418      c[a]('consentv2', {
419        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
420        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
421        source: 101,
422      });
423    });
424  })(window, document, "clarity", "script", "y63yplx18h");
425</script>
425
426
427
428
429<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo-seo-speed/blocks/breadcrumbs-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
429<script type="application/ld+json" id="tinyimg-breadcrumbs-json-ld">
430      {
431        "@context": "https://schema.org",
432        "@type": "BreadcrumbList",
433        "itemListElement": [
434          {
435            "@type": "ListItem",
436            "position": 1,
437            "item": {
438              "@id": "https://www.modernperformance.com",
439          "name": "Home"
440        }
441      }
442      
443      ,{
444        "@type": "ListItem",
445        "position": 2,
446        "item": {
447          "@id": "https://www.modernperformance.com/pages/16-24-jeep-compass",
448          "name": "16-24 Jeep Compass"
449        }
450      }
451      
452      ]
453    }
454  </script>
454
455<!-- END app block --><!-- BEGIN app block: shopify://apps/redirect-hero/blocks/live-redirect/303f77a4-ad21-4d11-82f8-47eb94136aff -->
455<script>
456    const liveRedirectActive = false;
457</script>
457
458
459<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
460
461
462
463<script type="text/javascript">
464  (function(d){
465      var s = d.createElement('script');
466      s.async = true;
467      s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js";
468      var firstScript = d.getElementsByTagName('script')[0];
469      firstScript.parentNode.insertBefore(s, firstScript);
470  })(document);
471</script>
471
472
473
474
475<!-- END app block --><!-- BEGIN app block: shopify://apps/smart-filter-search/blocks/app-embed/5cc1944c-3014-4a2a-af40-7d65abc0ef73 -->
476<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">
477<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">
478      <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">
479      <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">
480<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">
481      <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="" />
482    <!-- BEGIN app snippet: global.variables -->
482<script>
483  window.shopCurrency = "USD";
484  window.shopCountry = "US";
485  window.shopLanguageCode = "en";
486
487  window.currentCurrency = "USD";
488  window.currentCountry = "US";
489  window.currentLanguageCode = "en";
490
491  window.shopCustomer = false
492
493  window.useCustomTreeTemplate = false;
494  window.useCustomProductTemplate = false;
495
496  window.GloboFilterRequestOrigin = "https://www.modernperformance.com";
497  window.GloboFilterShopifyDomain = "exn1yf-er.myshopify.com";window.GloboFilterSFATF = "";
498  window.GloboFilterSFATL = "";
499  window.GloboFilterSFApiVersion = "2026-04";
500  window.GloboFilterProxyPath = "/apps/globofilters";
501  window.GloboFilterRootUrl = "";
502  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
502olor","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":[]};
503  window.isMultiCurrency =false;
504  window.globoEmbedFilterAssetsUrl = 'https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/';
505  window.assetsUrl = window.globoEmbedFilterAssetsUrl;
506  window.GloboMoneyFormat = "${{amount}}";
507</script>
507<!-- END app snippet -->
508    
508<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');
509      window.enabledEmbedFilter = true;
510      window.currentThemeId = 146451923022;
511      window.sortByRelevance = false;
512      window.moneyFormat = "${{amount}}";
513      window.GloboMoneyWithCurrencyFormat = "${{amount}} USD";
514      window.filesUrl = '//www.modernperformance.com/cdn/shop/files/';
515      window.dontRoundUpMoney = false;
516      
517      
518      window.GloboFilterGlobalConfig = window.GloboFilterGlobalConfig || {};
519      window.GloboFilterGlobalConfig.productGridSelector =null;
520      window.GloboFilterGlobalConfig.sidebarLayout = 1;
521      window.GloboFilterGlobalConfig.sidebarSublayout = 1;
522      window.GloboFilterGlobalConfig.themeStoreId = 2943;
523      window.GloboFilterGlobalConfig.isSearchPage = false;
524      window.GloboFilterGlobalConfig.defaultPaginationSelector = '.pagination, .paginate, .pagination-custom, #pagination, .pagination-wrapper, #gf_pagination_wrap, .engoc-pagination, #load-more-container, .collection__infinite-trigger, .pagination--modern';
525      window.GloboEmbedFilterConfig = {
526        api: {
527          filterUrl: "https://filter-x1.globo.io/filter",
528          searchUrl: "https://filter-x1.globo.io/search",
529          url: "https://filter-x1.globo.io"
530        },
531        shop: {
532          name: "Modern Performance",
533          url: "https://www.modernperformance.com",
534          domain: "exn1yf-er.myshopify.com",
535          locale: "en",
536          cur_locale: "en",
537          market_id: 0,
538          predictive_search_url: "/search/suggest",
539          country_code: "US",
540          root_url: "",
541          cart_url: "/cart",
542          search_url: "/search",
543          cart_add_url: "/cart/add",
544          search_terms_value: "",
545          product_image: {width: 360, height: 504},
546          no_image_url: "https://cdn.shopify.com/s/images/themes/product-1.png",
547          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"}}},
548          swatchConfig: {"enable":true,"color":["colour","color"],"label":["size"]},
549          enableRecommendation: false,
550          themeStoreId: 2943,
551          hideOneValue: false,
552          newUrlStruct: true,
553          newUrlForSEO: true,
554          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
554-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
554ages/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"},
555          images: {},
556          settings: {},
557          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
557aleLabelClass":" 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},
558          home_filter: false,
559          page: "page",
560          sorts: ["stock-descending","title-ascending","title-descending","price-ascending","price-descending","created-descending","created-ascending"],
561          cache: true,
562          layout: "theme",
563          marketTaxInclusion: false,
564          priceTaxesIncluded: false,
565          customerTaxesIncluded: false,
566          useCustomTemplate: false,
567          hasQuickviewTemplate: false
568        },
569        analytic: {"enableViewProductAnalytic":true,"enableSearchAnalytic":true,"enableFilterAnalytic":true,"enableATCAnalytic":false},
570        taxes: [],
571        adjustments: false,
572        year_make_model: {
573          id: 0,
574          prefix: "car.",
575          heading: "Search products",
576          showSearchInput: false,
577          showClearAllBtn: false
578        },
579        filter: {
580          id:49664,
581          prefix: "filter.",
582          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"]},
583          layout: 1,
584          sublayout: 1,
585          showCount: true,
586          showRefine: true,
587          showHideFiltersButton: false,
588          refineSettings: {"style":"rounded","positions":["sidebar_mobile","toolbar_desktop","toolbar_mobile"],"color":"#000000","iconColor":"#959595","bgColor":"#E8E8E8"},
589          isLoadMore: 0,
590          filterOnSearchPage: false,
591          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}
592        },
593        search:{
594          enable: true,
595          zero_character_suggestion: true,
596          hide_before_search_on_mobile: false,
597          pages_suggestion: {enable:false,limit:5},
598          keywords_suggestion: {enable:true,limit:10},
599          articles_suggestion: {enable:false,limit:5},
600          layout: 3,
601          product_list_layout: "grid",
602          elements: ["sku","price"],
603          installedApps: [],
604          search_history: {enable:false, limit:10},
605          popular_search_terms: {enable:true,type:"manual",terms:["Dodge Neon SRT-4 Clutch Disc","Dodge Neon SRT-4 Floor Mats"], random:false, limit:10}
606        },
607        collection: {
608          id:0,
609          handle:'',
610          sort: 'best-selling',
611          vendor: null,
612          tags: null,
613          type: null,
614          term: document.getElementById("search_terms_value") != null ? document.getElementById("search_terms_value").
614content : "",
615          limit: 12,
616          settings: null,
617          products_count: 0,
618          enableCollectionSearch: true,
619          displayTotalProducts: true,
620          excludeTags:null,
621          showSelectedVariantInfo: true
622        },
623        selector: {products: ""}
624      }
625      const BREAKPOINT = window.mobile_break_point || 768;
626      window.globoFilterIsMobileDevice = window.globoFilterIsMobileDevice || window.matchMedia(`(max-width: ${BREAKPOINT}px)`).matches;
627    </script>
627
628    
628<script class="globo-filter-settings-js">
629      (function () {
630        try {
631          if (!window.GloboEmbedFilterConfig || !GloboEmbedFilterConfig.shop) return;
632          if (!GloboEmbedFilterConfig.shop.settings) GloboEmbedFilterConfig.shop.settings = {};
633          var s = GloboEmbedFilterConfig.shop.settings;
634          function gfSetSetting(key, rawJson) {
635            try {
636              s[key] = JSON.parse(rawJson);
637            } catch (e) {}
638          }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) {}
639      })();
640    </script>
640
641    
642    
642<script src="https://cdn.shopify.com/extensions/01a0fd55-c24a-754d-b08a-8bca61aa3ccc/smart-product-filters-1115/assets/globo.filter.themes.min.js" defer></script>
642
643<style>.gf-block-title h3, 
644.gf-block-title .h3,
645.gf-yesno-control,
646.gf-yesno-label,
647.gf-form-input-inner label {
648  font-size: 14px !important;
649  color: #3a3a3a !important;
650  text-transform: uppercase !important;
651  font-weight: bold !important;
652}
653.gf-option-block .gf-btn-show-more{
654  font-size: 14px !important;
655  text-transform: none !important;
656  font-weight: normal !important;
657}
658.gf-option-block ul li a, 
659.gf-option-block ul li button, 
660.gf-option-block ul li a span.gf-count,
661.gf-option-block ul li button span.gf-count,
662.gf-clear, 
663.gf-clear-all, 
664.selected-item.gf-option-label a,
665.gf-form-input-inner select,
666.gf-refine-toggle{
667  font-size: 14px !important;
668  color: #000000 !important;
669  text-transform: none !important;
670  font-weight: normal !important;
671}
672
673.gf-refine-toggle-mobile,
674.gf-form-button-group button {
675  font-size: 14px !important;
676  text-transform: none !important;
677  font-weight: normal !important;
678  color: #3a3a3a !important;
679}
680.gf-refine-toggle-mobile,
681.gf-form-button-group button {
682  border: 1px solid #bfbfbf !important;
683  background: #ffffff !important;
684}
685.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a,
686.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button {
687  border-color: #000000 !important;
688}
689.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a.checked,
690.gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button.checked{
691  color: #fff !important;
692  background-color: #000000 !important;
693}
694@media (min-width: 768px) {
695  .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle button:hover,
696  .gf-option-block-box-rectangle.gf-option-block ul li.gf-box-rectangle a:hover {
697    color: #fff !important;
698    background-color: #000000 !important;	
699  }
700}
701.gf-option-block.gf-option-block-select select {
702  color: #000000 !important;
703}
704
705#gf-form.loaded, .gf-YMM-forms.loaded {
706  background: #FFFFFF !important;
707}
708#gf-form h2, .gf-YMM-forms h2 {
709  color: #3a3a3a !important;
710}
711#gf-form label, .gf-YMM-forms label{
712  color: #3a3a3a !important;
713}
714.gf-form-input-wrapper select, 
715.gf-form-input-wrapper input{
716  border: 1px solid #DEDEDE !important;
717  background-color: #FFFFFF !important;
718  border-radius: 0px !important;
719}
720#gf-form .gf-form-button-group button, .gf-YMM-forms .gf-form-button-group button{
721  color: #FFFFFF !important;
722  background: #3a3a3a !important;
723  border-radius: 0px !important;
724}
725
726.spf-product-card.spf-product-card__template-3 .spf-product__info.hover{
727  background: #FFFFFF;
728}
729a.spf-product-card__image-wrapper{
730  padding-top: 140%;
731}
732.h4.spf-product-card__title a{
733  color: #333333;
734  font-size: 15px;
735   font-family: inherit;     font-style: normal;
736  text-transform: none;
737}
738.h4.spf-product-card__title a:hover{
739  color: #000000;
740}
741.spf-product-card button.spf-product__form-btn-addtocart{
742  font-size: 14px;
743   font-family: inherit;   font-weight: normal;   font-style: normal;   text-transform: none;
744}
745.spf-product-card button.spf-product__form-btn-addtocart,
746.spf-product-card.spf-product-card__template-4 a.open-quick-view,
747.spf-product-card.spf-product-card__template-5 a.open-quick-view,
748#gfqv-btn{
749  color: #FFFFFF !important;
750  border: 1px solid #333333 !important;
751  background: #333333 !important;
752}
753.spf-product-card button.spf-product__form-btn-addtocart:hover,
754.spf-product-card.spf-product-card__template-4 a.open-quick-view:hover,
755.spf-product-card.spf-product-card__template-5 a.open-quick-view:hover{
756  color: #FFFFFF !important;
757  border: 1px solid #000000 !important;
758  background: #000000 !important;
759}
760span.spf-product__label.spf-product__label-soldout{
761  color: #ffffff;
762  background: #989898;
763}
764span.spf-product__label.spf-product__label-sale{
765  color: #F0F0F0;
766  background: #d21625;
767}
768.spf-product-card__vendor a{
769  color: #969595;
770  font-size: 13px;
771   font-family: inherit;   font-weight: normal;   font-style: normal; }
772.spf-product-card__vendor a:hover{
773  color: #969595;
774}
775.spf-product-card__price-wrapper{
776  font-size: 14px;
777}
778.spf-image-ratio{
779  padding-top:140% !important;
780}
781.spf-product-card__oldprice,
782.spf-product-card__saleprice,
783.spf-product-card__price,
784.gfqv-product-card__oldprice,
785.gfqv-product-card__saleprice,
786.gfqv-product-card__price
787{
788  font-size: 14px;
789   font-family: inherit;   font-weight: normal;   font-style: normal; }
790
791span.spf-product-card__price, span.gfqv-product-card__price{
792  color: #141414;
793}
794span.spf-product-card__oldprice, span.gfqv-product-card__oldprice{
795  color: #969595;
796}
797span.spf-product-card__saleprice, span.gfqv-product-card__saleprice{
798  color: #d21625;
799}
800</style>
801
802<style id="app-embed-custom-css">@media (min-width: 768px) {
803    .md\:h-\[500px\].gf-overunet {
804        height: 700px;
805    }
806}
807
808.spf-hidden {
809    display: none !important;
810}
811.spf-image-ratio {
812    padding-top: 75% !important;
813}
814.gl-fullscreen-layer .gl-card-title {
815    line-height: 18px;
816}
817.gl-fullscreen-layer .gl-card-title a,
818.gf-search-item-product-vendor{
819    font-size: 14px;
820}
821.gf-overunet,
822.ui-menu.ui-widget-content.ui-autocomplete{
823overflow: unset !important;
824}
825.gf-select-form{
826height: 100%;
827}
828.gl-fullscreen-layer .gl-fullscreen-top-searches ul li a {
829    font-size: 18px;
830}
831.ui-menu.ui-autocomplete-flex .gf-search-viewall a.ui-menu-item-wrapper {
832    padding: 4px 0 !important;
833    font-size: 20px;
834    font-weight: 500;
835    font-style: italic;
836    text-transform: none !important;
837    text-decoration: none;
838    color: #0765f8;
839}
840.ui-menu.ui-widget-content.ui-autocomplete {
841    display: block !important;
842    max-height: unset !important;
843    position: unset !important;
844     box-shadow: none !important;
845    padding: 20px;
846   width: 100% !important;
847    padding-bottom: 50px !important;
848    height: 100%;
849}
850.gf-search-item.gf-search-item-product.gf-search-viewall.ui-menu-item {
851    border: 1px solid #2563eb;
852}
853.gf-search-products:has(li[aria-label="Zero character products suggestions title: No products were found"]){
854display: none !important;
855}</style>
855<script id="app-embed-custom-js">window.autocompleteFormSelector = ".gf-select-form";
856window.mobileSearchNormalLayout = true;</script>
856
857
858
859
860
861<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>
861<!-- 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/" />
861<script data-ver="68" id="vtlsAebData" class="notranslate">window.vtlsLiquidData = window.vtlsLiquidData || {};window.vtlsLiquidData.buildId = 83479;
862
863window.vtlsLiquidData.apiHosts = {
864	...window.vtlsLiquidData.apiHosts,
865	"1": "https://appsolve.io"
866};
867	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":"{}
867","981":true,"1106":false,"1473":false,"1475":false,"1489":true}};
868
869window.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"}
869,"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>
869<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) => {
870							/*if (vitalsGet('VITALS_PAGE_TYPE') === 'product') {
871    setTimeout(function(){
872		$('.Vtl-BackInStockButton').appendTo('#product-add');
873    }, 1000);
874}*/
875						},"946": (html) => {
876							$('#product-add').after(html);
877						},"1229": {"location":"product_end","locator":"prepend"},"1233": {"location":"product_end","locator":"prepend"},};};</script>
877<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>
877<script id="vtlsAebBundle" src="https://cdn-sf.vitals.app/assets/js/bundle-1e77ba8c5ef14f458afed1a387f374b5.js" async></script>
877
878
879<!-- END app block --><!-- BEGIN app block: shopify://apps/reamaze-live-chat-helpdesk/blocks/reamaze-config/ef7a830c-d722-47c6-883b-11db06c95733 -->
880
881  
881<script type="text/javascript" async src="https://cdn.reamaze.com/assets/reamaze-loader.js"></script>
881
882
883  
883<script type="text/javascript">
884    var _support = _support || { 'ui': {}, 'user': {} };
885    _support.account = 'modernperformancecom';
886  </script>
886
887
888  
889
890  
891    <!-- reamaze_embeddable_1093356_s -->
892<!-- Embeddable - ModernPerformance.com  Chat / Contact Form Shoutbox -->
893<script type="text/javascript">
894  var _support = _support || { 'ui': {}, 'user': {} };
895  _support['account'] = 'modernperformancecom';
896  _support['ui']['contactMode'] = 'mixed';
897  _support['ui']['enableKb'] = 'true';
898  _support['ui']['styles'] = {
899    widgetColor: 'rgba(72, 173, 200, 1)',
900    gradient: true
901  };
902  _support['ui']['widget'] = {
903    label: {
904      text: "Let us know if you have any questions!",
905      mode: "notification",
906      delay: 3,
907      duration: 30,
908      sound: true,
909    },
910    position: 'bottom-right',
911  };
912  _support['ui']['appOrder'] = ["faq", "orders", "shopper", "recentConversations"];
913  _support['apps'] = {
914    faq: {enabled: true},
915    recentConversations: {},
916    orders: {enabled: true}
917  }
918</script>
918
919<!-- reamaze_embeddable_1093356_e -->
920
921  
922
923
924
925
926
927<!-- END app block -->
927<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 927
927
928<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>
928
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: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 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":"1421fa96-845f-4da9-ad94-4dd6b9cabdbe","pageType":"page","resourceId":"112517939278","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":"page","resourceType":"page","resourceId":112517939278,"requestId":"5d5c7a59-9ccc-4b3d-a8df-03aef84f266d-1790970327"}};
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":"1421fa96-845f-4da9-ad94-4dd6b9cabdbe"},"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":"page","resourceType":"page","resourceId":112517939278,"requestId":"5d5c7a59-9ccc-4b3d-a8df-03aef84f266d-1790970327","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="page"
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="1c54b95b-5b5d-4a3f-8f3a-2e50aeb412f8" data-expiration="1822527927000"><meta name="shopify-s" content="7b974201-a2a0-46a8-8959-5c2ce436c538" data-expiration="1790972127000"><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      page-16-24-jeep-compass
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="/pages/16-24-jeep-compass?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="/pages/16-24-jeep-compass?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  !underline "
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=%2Fpages%2F16-24-jeep-compass%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  !underline "
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=%2Fpages%2F16-24-jeep-compass%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=%2Fpages%2F16-24-jeep-compass%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=%2Fpages%2F16-24-jeep-compass%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--19574711746638__text_iAJFxx" class="shopify-section"><!-- sections/text.liquid -->
3852
3853
3854
3855
3856
3857<section
3858  id="template--19574711746638__text_iAJFxx"
3859  class="
3860    animation-1000
3861    
3862    color__border-divider-1
3863    border--b-width
3864    color__bg-overlay-1 color__text
3865    
3866    
3867    
3868  "
3869>
3870  <div
3871    class="
3872      
3873        window--wide
3874      
3875    "
3876    style="
3877      padding-top:30px;
3878      padding-bottom:30px;
3879    "
3880  >
3881    <div
3882      class="
3883        flex flex-row flex-wrap items-end
3884        
3885        
3886      "
3887    >
3888      <div
3889        class="
3890          w-full gap-4 flex flex-col
3891          md:w-[50%]
3892        "
3893      >
3894        
3895          <h3 class="type__heading-1">2016-2026 Jeep Compass 2.4 Liter/2.0 Liter Turbo</h3>
3896        
3897        
3898          <div class="space-y-4">
3899            <p>We've got performance parts, Mopar OEM parts and more for your Jeep Compass. Choose your engine below to view our catalog. </p>
3900          </div>
3901        
3902        
3903      </div>
3904    </div>
3905  </div>
3906</section>
3907
3908
3909</div><div id="shopify-section-template--19574711746638__collections_grid_GbbQej" class="shopify-section">
3910
3911
3912
3913<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
3914
3915
3916<style>
3917  .collection-card {
3918    transition: transform 0.3s ease-in-out;
3919  }
3920  .collection-card:hover {
3921    transform: scale(1.03);
3922  }
3923  .collection-card h3 {
3924    text-decoration: none !important;
3925  }
3926  .collection-card:hover h3 {
3927    text-decoration: none !important;
3928  }
3929  .image-container {
3930    position: relative;
3931    width: 100%;
3932    padding-top: 66.67%; /* 2/3 = 66.67% for 3:2 aspect ratio */
3933    overflow: hidden;
3934  }
3935  .image-container img {
3936    position: absolute;
3937    top: 0;
3938    left: 0;
3939    width: 100%;    },
3940    "collections_grid_49Hjpw": {
3941      "type": "collections-grid",
3942      "blocks": {
3943        "collection_knXMUE": {
3944          "type": "collection",
3945          "settings": {
3946            "selected_collection": "03-05-dodge-neon-srt-4-air-intake",
3947            "custom_title": "Air Intake"
3948    height: 100%;
3949    object-fit: cover;
3950  }
3951</style>
3952
3953
3954<section class="py-12 px-4 sm:px-6 lg:px-8 bg-gray-100">
3955  <div class="max-w-7xl mx-auto">
3956    
3957    <h2 class="text-3xl font-bold text-center mb-8"></h2>
3958    
3959    
3960    
3961      
3962      <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
3963        
3964        
3965          
3966          
3967          
3968            <a href="/collections/2016-2022-jeep-compass-2-4" class="collection-card block bg-transparent overflow-hidden">
3969              
3970              
3971                <div class="image-container">
3972                  <img src="//www.modernperformance.com/cdn/shop/collections/15_4403_popup-8222348_large.jpg?v=1762486907" alt="2016-2022 Jeep Compass 2.4">
3973                </div>
3974              
3975              
3976              
3977              <div class="pt-2 pl-0 text-center">
3978                <p class="text-md text-gray-800">
3979                  
3980                    2016-2022 Jeep Compass 2.4
3981                  
3982                </p>
3983              </div>
3984            </a>
3985          
3986        
3987          
3988          
3989          
3990            <a href="/collections/2023-2024-jeep-compass-2-0-turbo" class="collection-card block bg-transparent overflow-hidden">
3991              
3992              
3993                <div class="image-container">
3994                  <img src="//www.modernperformance.com/cdn/shop/collections/imgi_4_category_1548_2174-1568016_large.jpg?v=1762486908" alt="2023-2026 Jeep Compass 2.0 Turbo">
3995                </div>
3996              
3997              
3998              
3999              <div class="pt-2 pl-0 text-center">
4000                <p class="text-md text-gray-800">
4001                  
4002                    2023-2026 Jeep Compass 2.0 Turbo
4003                  
4004                </p>
4005              </div>
4006            </a>
4007          
4008        
4009      </div>
4010    
4011  </div>
4012</section></div>
4013          </main>
4014        </div>
4015
4016        <div id="shopify-section-theme__cart" class="shopify-section"><!-- sections/theme__cart.liquid -->
4017
4018
4019
4020
4021  
4022  <aside
4023    id="theme__cart"
4024    class="
4025      animation-300--all relative top-0 hidden h-full min-h-[100svh] max-w-[400px] lg:block
4026      
4027      color__border-divider-1
4028    "
4029    
4030      x-init="cart_drawer = false;"
4031      x-cloak
4032    
4033    x-show="cart_drawer"
4034    
4035      x-transition:enter="opacity-0 !max-w-0 -z-10"
4036      x-transition:enter-start="opacity-0 !max-w-0 -z-10"
4037      x-transition:enter-end="opacity-100 max-w-[400px] -z-10"
4038      x-transition:leave="opacity-100 max-w-[400px] -z-10"
4039      x-transition:leave-start="opacity-100 max-w-[400px] -z-10"
4040      x-transition:leave-end="opacity-0 !max-w-0 -z-10"
4041    
4042  >
4043    
4044    <!-- snippets/collection__subcollections.liquid -->
4045
4046
4047<div
4048  class="
4049    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh]
4050    color__bg-body color__text
4051    
4052      lg:max-w-[400px] lg:min-w-[400px]
4053    
4054    
4055      md:border--l-width
4056    
4057  "
4058>
4059  
4060  
4061
4062  
4063  <section
4064    class="
4065      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
4066      color__bg-body color__text
4067      color__border-divider-1
4068    "
4069  >
4070    <span>
4071      Cart
4072      <span class="ml-1"> (<span x-html="cart.item_count"></span>) </span>
4073    </span>
4074    <button
4075      class="
4076        btn btn--small
4077        btn btn--minimal /
4078      "
4079      title="Close"
4080      @click="closeCart()"
4081    >
4082      
4083        <!-- snippets/component__icon.liquid -->
4084
4085
4086<span
4087  class="
4088    inline-flex align-middle
4089    
4090  "
4091  aria-hidden="true"
4092>
4093  
4094    
4095    
4096        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4097          <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"/>
4098          <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"/>
4099        </svg>
4100      
4101
4102  
4103</span>
4104
4105      
4106      
4107    </button>
4108  </section>
4109
4110  
4111  <section
4112    class="relative flex h-[inherit] flex-grow flex-col overflow-y-auto overflow-x-hidden"
4113    x-data="
4114      {
4115        properties_drop: false,
4116        button_loading: false
4117      }
4118    "
4119  >
4120    
4121    
4122
4123    
4124    <template x-for="(group, groupIndex) in cart.groupedItems" :key="groupIndex">
4125      <!-- snippets/template__cart-item.liquid -->
4126
4127
4128<div
4129  class="
4130    border--b-width
4131    color__border-divider-1
4132  "
4133>
4134  <div class="flex gap-4 px-4 py-2">
4135    
4136    <a
4137      class="sticky top-0 z-10"
4138      :href="group.url"
4139      tabindex="-1"
4140    >
4141      <div
4142        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"
4143      >
4144        <img
4145          class="color__bg-shade-2 aspect-1 h-full w-full object-cover"
4146          
4147            :class="
4148              {
4149              'opacity-50' : cart_loading }
4150            "
4151          
4152          width="200"
4153          height="200"
4154          loading="lazy"
4155          :src="`${ group.featured_image.url }&width=200`"
4156          :alt="`${ group.product_title }`"
4157        >
4158      </div>
4159    </a>
4160
4161    
4162    <div class="flex w-full flex-col items-start">
4163      
4164      <div class="flex flex-col items-start gap-2 py-2">
4165        <a
4166          class="no-underline"
4167          x-text="group.product_title"
4168          :href="group.url"
4169        ></a>
4170        <button
4171          class="type--smaller btn btn--plain btn--smaller"
4172          type="button"
4173          :class="{ 'opacity-50' : cart_loading && button_loading }"
4174          :disabled="button_loading"
4175          x-show="!group.product_has_only_default_variant"
4176          @click="
4177            button_loading = true;
4178            fetchAndRenderQuickAdd(group.handle);
4179            setTimeout(function(){ button_loading = false}, 500);
4180          "
4181        >
4182          Edit
4183        </button>
4184      </div>
4185
4186      
4187      <template x-for="(item, itemIndex) in group.items" :key="item.key">
4188        <div
4189          class="hover:color__bg-shade-1 flex w-full items-stretch justify-between"
4190        >
4191          <div
4192            class="
4193              border--t-width animation-300 flex flex-grow flex-col justify-between gap-1
4194              color__border-divider-1
4195            "
4196            
4197              :class="
4198                {
4199                'opacity-50' : cart_loading }
4200              "
4201            
4202          >
4203            <div
4204              class="flex flex-wrap items-center justify-between gap-2 py-2"
4205            >
4206              
4207              <div class=" flex-col items-start">
4208                
4209                <a
4210                  class="type--smaller flex no-underline hover:no-underline"
4211                  tabindex="-1"
4212                  :href="item.url"
4213                  x-text="item.variant_title"
4214                >
4215                </a>
4216
4217                
4218                <template x-for="(discount) in item.discounts">
4219                  <div class="mb-2 flex">
4220                    
4221                    <!-- snippets/component__badge.liquid -->
4222
4223
4224<div 
4225  class="
4226    border__element--radius inline-flex items-center px-2 py-0.5 border--width gap-2
4227    color__bg-shade-1 
4228    color__dark 
4229    color__border-divider-1
4230    
4231  ">
4232  
4233  <span class="flex items-center type--smaller">
4234                      <span 
4235                        class="type--smaller" 
4236                        x-html="discount.title + ' ' + Shopify.formatMoney(discount.amount)">
4237                      </span>
4238                    </span>
4239</div>
4240                  </div>
4241                </template>
4242
4243                
4244                <button
4245                  class="type--smaller mb-1 flex items-center"
4246                  type="button"
4247                  x-show="item.properties && Object.keys(item.properties).length > 0 && !properties_drop"
4248                  @click="properties_drop = ! properties_drop"
4249                >
4250                  <!-- snippets/component__icon.liquid -->
4251
4252
4253<span
4254  class="
4255    inline-flex align-middle
4256    mr-1
4257  "
4258  aria-hidden="true"
4259>
4260  
4261    
4262    
4263        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4264          <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"/>
4265        </svg>
4266      
4267
4268  
4269</span>
4270
4271                  See details
4272                </button>
4273                <div x-show="properties_drop">
4274                  <template x-if="item.properties">
4275                    <template x-for="property in Object.entries(item.properties)">
4276                      <template x-if="!property[0].startsWith('__')">
4277                        <p
4278                          class="type--smaller flex opacity-60"
4279                          x-text="property[0] + ' : ' + property[1]"
4280                        ></p>
4281                      </template>
4282                    </template>
4283                  </template>
4284                </div>
4285
4286                
4287                
4288
4289                
4290                <p
4291                  class="type--smaller flex opacity-60"
4292                  x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''"
4293                  x-show="item.selling_plan_allocation"
4294                ></p>
4295              </div>
4296
4297              
4298              <div class="flex w-full items-center justify-end gap-4">
4299                
4300                <div class="flex w-full items-center gap-2">
4301                  
4302                  <div class="group relative w-full max-w-[150px]">
4303                    <label
4304                      class="sr-only"
4305                      for="theme__cart--quantity"
4306                    >
4307                      Quantity
4308                    </label>
4309                    <div
4310                      class="border__input--radius border__input color__border-input hover:border__input--hover focus-within:border__input--focus relative flex overflow-hidden"
4311                    >
4312                      <input
4313                        :name="'cart-' + item.key + '-quantity'"
4314                        class="!rounded-none !border-0 text-center"
4315                        type="number"
4316                        placeholder="1"
4317                        min="1"
4318                        @change.debounce="
4319                          changeCartItemQuantity(item.key, item.quantity, false);
4320                          button_loading = true;
4321                          setTimeout(function(){ button_loading = false}, 500);
4322                        "
4323                        x-model="item.quantity"
4324                      >
4325                      <div
4326                        class="invisible absolute left-0 top-0 h-0.5 w-full overflow-hidden"
4327                        :class="{ '!visible !z-10' : button_loading && cart_loading }"
4328                      >
4329                        <div class="color__bg-shade-2">
4330                          <div
4331                            class="color__bg-text h-0.5 w-0"
4332                            :class="{ 'animate-widthexpand': button_loading && cart_loading }"
4333                          ></div>
4334                        </div>
4335                      </div>
4336                      <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">
4337                        <button
4338                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4339                          title="Decrease item quantity by one"
4340                          type="button"
4341                          tabindex="-1"
4342                          @click.prevent="
4343                            if (item.quantity >= 1){
4344                              if(changeCartItemQuantity(item.key, item.quantity-1, false)) {
4345                                button_loading = true;
4346                                setTimeout(function(){ button_loading = false}, 500);
4347                                item.quantity--;
4348                              }
4349                            }
4350                          "
4351                        >
4352                          <!-- snippets/component__icon.liquid -->
4353
4354
4355<span
4356  class="
4357    inline-flex align-middle
4358    
4359  "
4360  aria-hidden="true"
4361>
4362  
4363    
4364    
4365        <svg
4366          width="14"
4367          height="14"
4368          viewBox="0 0 24 24"
4369          fill="currentColor"
4370          xmlns="http://www.w3.org/2000/svg"
4371        >
4372          <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="currentColor"/>
4373        </svg>
4374      
4375
4376  
4377</span>
4378
4379                        </button>
4380                      </div>
4381                      <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">
4382                        <button
4383                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
4384                          title="Increase item quantity by one"
4385                          type="button"
4386                          tabindex="-1"
4387                          @click.prevent="
4388                            if(changeCartItemQuantity(item.key, item.quantity+1, false)) {
4389                              button_loading = true;
4390                              setTimeout(function(){ button_loading = false}, 500);
4391                              item.quantity++;
4392                            }
4393                          "
4394                        >
4395                          <!-- snippets/component__icon.liquid -->
4396
4397
4398<span
4399  class="
4400    inline-flex align-middle
4401    
4402  "
4403  aria-hidden="true"
4404>
4405  
4406    
4407    
4408        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4409          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="currentColor"/>
4410        </svg>
4411      
4412
4413  
4414</span>
4415
4416                        </button>
4417                      </div>
4418                    </div>
4419                  </div>
4420
4421                  
4422                  <div
4423                    class="flex"
4424                  >
4425                    <button
4426                      class="btn btn--plain"
4427                      type="button"
4428                      :class="{ 'opacity-50' : cart_loading && button_loading }"
4429                      :disabled="button_loading"
4430                      @click="
4431                        button_loading = true;
4432                        changeCartItemQuantity(item.key, 0, false);
4433                        setTimeout(function(){ button_loading = false}, 500);
4434                      "
4435                    >
4436                      <!-- snippets/component__icon.liquid -->
4437
4438
4439<span
4440  class="
4441    inline-flex align-middle
4442    
4443  "
4444  aria-hidden="true"
4445>
4446  
4447    
4448    
4449        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4450          <path d="M15 2H9V4H15V2Z" fill="currentColor"/>
4451          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 5H3V7H5V22H19V7H21V5ZM7 20V7H17V20H7Z" fill="currentColor"/>
4452        </svg>
4453      
4454
4455  
4456</span>
4457
4458                    </button>
4459                  </div>
4460                </div>
4461
4462                
4463                <div class="flex flex-col">
4464                  
4465                  <div
4466                    class="flex flex-col items-end"
4467                  >
4468                    <span
4469                      x-html="Shopify.formatMoney(item.line_price)"
4470                    >
4471                    </span>
4472                    <span
4473                      x-show="item.total_discount > 0"
4474                      x-cloak
4475                    >
4476                      <s
4477                        class="opacity-50"
4478                        x-html="Shopify.formatMoney(item.original_line_price)"
4479                      >
4480                      </s>
4481                    </span>
4482                  </div>
4483
4484                  
4485                  <div
4486                    class="type--smaller opacity-60"
4487                    x-show="item.unit_price_measurement"
4488                  >
4489                    <span x-html="Shopify.formatMoney(item.unit_price)"></span>
4490                    <span>/</span>
4491                    <span
4492                      x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_value : ''"
4493                    ></span>
4494                    <span x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_unit : ''"></span>
4495                  </div>
4496                </div>
4497              </div>
4498            </div>
4499          </div>
4500        </div>
4501      </template>
4502    </div>
4503  </div>
4504</div>
4505
4506    </template>
4507
4508    
4509
4510    
4511    
4512
4513    
4514    
4515      <div
4516        class="
4517          border--b-width w-full p-4
4518          color__bg-body color__text
4519          color__border-divider-1
4520        "
4521        x-data="
4522          {
4523            reveal: cart.note != '',
4524            currentNote: cart.note
4525          }
4526        "
4527        x-show="cart.items.length > 0"
4528        x-cloak
4529      >
4530        <label class="flex items-center">
4531          <label
4532            class="sr-only"
4533            for="notes"
4534          >Add order note</label>
4535          <input
4536            id="notes"
4537            class=""
4538            type="checkbox"
4539            :checked="reveal"
4540            @click="reveal = ! reveal"
4541          >
4542          <p class="text--small ml-2">Add order note</p>
4543        </label>
4544        <textarea
4545          class="mt-2 w-full"
4546          rows="4"
4547          name="note"
4548          placeholder="Enter your message..."
4549          x-show="reveal"
4550          x-model="currentNote"
4551          @keyup.debounce="updateCartNote(currentNote)"
4552          x-cloak
4553        >
4554        </textarea>
4555      </div>
4556    
4557
4558    
4559    
4560
4561    
4562    <div
4563      class="
4564        border--b-width w-full p-4
4565        color__bg-body color__text
4566        color__border-divider-1
4567      "
4568      
4569        x-show="cart.total_price >= 0"
4570        x-cloak
4571      
4572    >
4573      <div class="mb-1 flex w-full items-center justify-between">
4574        <span>Subtotal</span>
4575        <span x-html="Shopify.formatMoney(cart.original_total_price, true)"></span>
4576      </div>
4577      <div
4578        class="mb-1 flex w-full items-center justify-between"
4579        x-show="cart.total_discount > 0"
4580        x-cloak
4581      >
4582        <span>Discount</span>
4583        <span x-html="'-' + Shopify.formatMoney(cart.total_discount, true)"></span>
4584      </div>
4585      <div class="flex w-full items-center justify-between">
4586        <span class="flex items-center">
4587          <strong>Total</strong>
4588        </span>
4589        <strong
4590          class="w-full text-right"
4591          x-html="Shopify.formatMoney(cart.total_price, true)"
4592        >
4593        </strong>
4594      </div>
4595    </div>
4596
4597    
4598    
4599
4600    
4601    
4602
4603    
4604    
4605    
4606  </section>
4607
4608  
4609  
4610
4611  
4612  <aside
4613    class="
4614      border--t-width sticky bottom-0 z-20 mt-auto md:max-w-xl
4615      color__bg-body color__text
4616      color__border-divider-1
4617    "
4618    x-cloak
4619  >
4620    <div class="flex flex-wrap gap-4 py-4">
4621      
4622      
4623
4624      
4625      
4626      <form
4627        class="w-full px-4"
4628        action="/checkout"
4629        method="post"
4630        x-data="
4631          {
4632            checkout_button_loading:false
4633          }
4634        "
4635        
4636          x-show="cart.items.length > 0"
4637        
4638        @submit.prevent="
4639          checkout_button_loading = true;
4640          
4641          setTimeout(function(){
4642            checkout_button_loading = false
4643          }, 5000);
4644          window.location.href = '/checkout';
4645        "
4646      >
4647        <div class="mb-0 flex flex-col gap-2">
4648          
4649
4650          
4651            <button
4652              class="
4653                btn btn--load !w-full
4654                btn
4655              "
4656              type="submit"
4657              name="checkout"
4658              :class="{ 'btn--loading' : checkout_button_loading }"
4659              :disabled="checkout_button_loading"
4660            >
4661              <div class="btn__spinner">
4662                <!-- snippets/component__icon.liquid -->
4663
4664
4665<span
4666  class="
4667    inline-flex align-middle
4668    
4669  "
4670  aria-hidden="true"
4671>
4672  
4673    
4674    
4675        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4676          <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"/>
4677          <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"/>
4678          <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"/>
4679          <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"/>
4680          <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"/>
4681          <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"/>
4682        </svg>
4683      
4684
4685  
4686</span>
4687
4688              </div>
4689              <div class="btn__content">
4690                Checkout
4691                
4692                  ·
4693                  <span
4694                    class="ml-1"
4695                    x-html="Shopify.formatMoney(cart.total_price, true)"
4696                  ></span>
4697                
4698              </div>
4699            </button>
4700          
4701
4702          
4703        </div>
4704      </form>
4705    </div>
4706  </aside>
4707</div>
4708
4709  
4710  </aside>
4711  
4712  <section
4713    class="z-10 lg:hidden"
4714    id="theme__cart"
4715  >
4716    <!-- snippets/component__dragdrawer.liquid -->
4717
4718
4719<section
4720  class="fixed inset-0 z-50 overflow-hidden "
4721  x-data="{ 
4722    pos_y: 0, 
4723    dragging: false
4724  }"
4725  @keyup.escape.window="
4726    cart_drawer = false;
4727    enable_body_scrolling = true;
4728    hide_header = false;
4729    reset_product_zindex = false; 
4730    quick_edit_handle = '';
4731  "
4732  x-show="cart_drawer"
4733  x-cloak>
4734
4735  
4736  <div 
4737    class="absolute inset-0 w-full h-full backdrop-blur animation-100"
4738    style="
4739      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2) 100%);
4740    "
4741    aria-hidden="true"
4742    @click="
4743      cart_drawer = false; 
4744      enable_body_scrolling = true;
4745      hide_header = false;
4746      reset_product_zindex = false; 
4747      quick_edit_handle = '';
4748    "
4749    x-show="cart_drawer"
4750    
4751      x-transition:enter="animation-300"
4752      x-transition:enter-start="opacity-0"
4753      x-transition:enter-end="opacity-100"
4754      x-transition:leave="animation-300"
4755      x-transition:leave-start="opacity-100"
4756      x-transition:leave-end="opacity-0"
4757    
4758    x-cloak>
4759  </div>
4760
4761  
4762  <div
4763    class="
4764      gf-overunet
4765      fixed flex w-screen 
4766      bottom-0 left-0 right-0 justify-end max-h-[90svh] md:max-h-none
4767      outline--width color__outline-divider-1
4768      color__bg-body
4769      
4770        h-[90svh]
4771      
4772      
4773      
4774      
4775        md:max-w-xl md:h-full md:top-0 md:bottom-0 md:left-auto md:right-0
4776      
4777    "
4778    :class="[
4779      dragging ? '' : 'animation-300'
4780    ]"
4781    @touchend.window="
4782      dragging = false;
4783      startY: 0,
4784      pos_y = 0;
4785    "
4786    @touchstart="
4787      dragging = true;
4788      startY = $event.touches[0].clientY;
4789    "
4790    @touchmove.window="
4791      if (dragging) { 
4792        let deltaY = $event.touches[0].clientY - startY;
4793        if (deltaY > 0) {
4794          pos_y = deltaY;
4795          if (pos_y > window.innerHeight / 3) {
4796            dragging = false;
4797            pos_y = 1200;
4798            cart_drawer = false;
4799            enable_body_scrolling = true;
4800            hide_header = false;
4801            reset_product_zindex = false; 
4802          }
4803        } else {
4804          pos_y = 0;
4805        }
4806      }
4807    "
4808    :style="
4809      'transform: translate(0px, ' + pos_y + 'px)'
4810    "
4811    
4812    x-show="cart_drawer"
4813    
4814      
4815      x-transition:enter="animation-300 opacity-0 !translate-y-full md:!translate-y-0"
4816      x-transition:enter-start="opacity-0 !translate-y-full md:!translate-y-0"
4817      x-transition:enter-end="!translate-y-0 opacity-100"
4818      x-transition:leave="animation-300 !translate-y-0 opacity-100"
4819      x-transition:leave-start="!translate-y-0 opacity-100"
4820      x-transition:leave-end="opacity-0 !translate-y-full md:!translate-y-0"
4821    
4822    x-cloak>
4823    <div class="w-screen">
4824      <div class="flex flex-col h-full overflow-y-auto color__text overscroll-none       gf-overunet">
4825        
4826    <!-- snippets/collection__subcollections.liquid -->
4827
4828
4829<div
4830  class="
4831    sticky top-0 flex h-full max-h-[100svh] flex-col lg:min-h-[100svh]
4832    color__bg-body color__text
4833    
4834      lg:max-w-[400px] lg:min-w-[400px]
4835    
4836    
4837      md:border--l-width
4838    
4839  "
4840>
4841  
4842  
4843
4844  
4845  <section
4846    class="
4847      border--b-width sticky top-0 z-20 hidden items-center justify-between p-4 md:flex
4848      color__bg-body color__text
4849      color__border-divider-1
4850    "
4851  >
4852    <span>
4853      Cart
4854      <span class="ml-1"> (<span x-html="cart.item_count"></span>) </span>
4855    </span>
4856    <button
4857      class="
4858        btn btn--small
4859        btn btn--minimal /
4860      "
4861      title="Close"
4862      @click="closeCart()"
4863    >
4864      
4865        <!-- snippets/component__icon.liquid -->
4866
4867
4868<span
4869  class="
4870    inline-flex align-middle
4871    
4872  "
4873  aria-hidden="true"
4874>
4875  
4876    
4877    
4878        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4879          <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"/>
4880          <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"/>
4881        </svg>
4882      
4883
4884  
4885</span>
4886
4887      
4888      
4889    </button>
4890  </section>
4891
4892  
4893  <section
4894    class="relative flex h-[inherit] flex-grow flex-col overflow-y-auto overflow-x-hidden"
4895    x-data="
4896      {
4897        properties_drop: false,
4898        button_loading: false
4899      }
4900    "
4901  >
4902    
4903    
4904
4905    
4906    <template x-for="(group, groupIndex) in cart.groupedItems" :key="groupIndex">
4907      <!-- snippets/template__cart-item.liquid -->
4908
4909
4910<div
4911  class="
4912    border--b-width
4913    color__border-divider-1
4914  "
4915>
4916  <div class="flex gap-4 px-4 py-2">
4917    
4918    <a
4919      class="sticky top-0 z-10"
4920      :href="group.url"
4921      tabindex="-1"
4922    >
4923      <div
4924        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"
4925      >
4926        <img
4927          class="color__bg-shade-2 aspect-1 h-full w-full object-cover"
4928          
4929            :class="
4930              {
4931              'opacity-50' : cart_loading }
4932            "
4933          
4934          width="200"
4935          height="200"
4936          loading="lazy"
4937          :src="`${ group.featured_image.url }&width=200`"
4938          :alt="`${ group.product_title }`"
4939        >
4940      </div>
4941    </a>
4942
4943    
4944    <div class="flex w-full flex-col items-start">
4945      
4946      <div class="flex flex-col items-start gap-2 py-2">
4947        <a
4948          class="no-underline"
4949          x-text="group.product_title"
4950          :href="group.url"
4951        ></a>
4952        <button
4953          class="type--smaller btn btn--plain btn--smaller"
4954          type="button"
4955          :class="{ 'opacity-50' : cart_loading && button_loading }"
4956          :disabled="button_loading"
4957          x-show="!group.product_has_only_default_variant"
4958          @click="
4959            button_loading = true;
4960            fetchAndRenderQuickAdd(group.handle);
4961            setTimeout(function(){ button_loading = false}, 500);
4962          "
4963        >
4964          Edit
4965        </button>
4966      </div>
4967
4968      
4969      <template x-for="(item, itemIndex) in group.items" :key="item.key">
4970        <div
4971          class="hover:color__bg-shade-1 flex w-full items-stretch justify-between"
4972        >
4973          <div
4974            class="
4975              border--t-width animation-300 flex flex-grow flex-col justify-between gap-1
4976              color__border-divider-1
4977            "
4978            
4979              :class="
4980                {
4981                'opacity-50' : cart_loading }
4982              "
4983            
4984          >
4985            <div
4986              class="flex flex-wrap items-center justify-between gap-2 py-2"
4987            >
4988              
4989              <div class=" flex-col items-start">
4990                
4991                <a
4992                  class="type--smaller flex no-underline hover:no-underline"
4993                  tabindex="-1"
4994                  :href="item.url"
4995                  x-text="item.variant_title"
4996                >
4997                </a>
4998
4999                
5000                <template x-for="(discount) in item.discounts">
5001                  <div class="mb-2 flex">
5002                    
5003                    <!-- snippets/component__badge.liquid -->
5004
5005
5006<div 
5007  class="
5008    border__element--radius inline-flex items-center px-2 py-0.5 border--width gap-2
5009    color__bg-shade-1 
5010    color__dark 
5011    color__border-divider-1
5012    
5013  ">
5014  
5015  <span class="flex items-center type--smaller">
5016                      <span 
5017                        class="type--smaller" 
5018                        x-html="discount.title + ' ' + Shopify.formatMoney(discount.amount)">
5019                      </span>
5020                    </span>
5021</div>
5022                  </div>
5023                </template>
5024
5025                
5026                <button
5027                  class="type--smaller mb-1 flex items-center"
5028                  type="button"
5029                  x-show="item.properties && Object.keys(item.properties).length > 0 && !properties_drop"
5030                  @click="properties_drop = ! properties_drop"
5031                >
5032                  <!-- snippets/component__icon.liquid -->
5033
5034
5035<span
5036  class="
5037    inline-flex align-middle
5038    mr-1
5039  "
5040  aria-hidden="true"
5041>
5042  
5043    
5044    
5045        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5046          <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"/>
5047        </svg>
5048      
5049
5050  
5051</span>
5052
5053                  See details
5054                </button>
5055                <div x-show="properties_drop">
5056                  <template x-if="item.properties">
5057                    <template x-for="property in Object.entries(item.properties)">
5058                      <template x-if="!property[0].startsWith('__')">
5059                        <p
5060                          class="type--smaller flex opacity-60"
5061                          x-text="property[0] + ' : ' + property[1]"
5062                        ></p>
5063                      </template>
5064                    </template>
5065                  </template>
5066                </div>
5067
5068                
5069                
5070
5071                
5072                <p
5073                  class="type--smaller flex opacity-60"
5074                  x-text="item.selling_plan_allocation ? item.selling_plan_allocation.selling_plan.name : ''"
5075                  x-show="item.selling_plan_allocation"
5076                ></p>
5077              </div>
5078
5079              
5080              <div class="flex w-full items-center justify-end gap-4">
5081                
5082                <div class="flex w-full items-center gap-2">
5083                  
5084                  <div class="group relative w-full max-w-[150px]">
5085                    <label
5086                      class="sr-only"
5087                      for="theme__cart--quantity"
5088                    >
5089                      Quantity
5090                    </label>
5091                    <div
5092                      class="border__input--radius border__input color__border-input hover:border__input--hover focus-within:border__input--focus relative flex overflow-hidden"
5093                    >
5094                      <input
5095                        :name="'cart-' + item.key + '-quantity'"
5096                        class="!rounded-none !border-0 text-center"
5097                        type="number"
5098                        placeholder="1"
5099                        min="1"
5100                        @change.debounce="
5101                          changeCartItemQuantity(item.key, item.quantity, false);
5102                          button_loading = true;
5103                          setTimeout(function(){ button_loading = false}, 500);
5104                        "
5105                        x-model="item.quantity"
5106                      >
5107                      <div
5108                        class="invisible absolute left-0 top-0 h-0.5 w-full overflow-hidden"
5109                        :class="{ '!visible !z-10' : button_loading && cart_loading }"
5110                      >
5111                        <div class="color__bg-shade-2">
5112                          <div
5113                            class="color__bg-text h-0.5 w-0"
5114                            :class="{ 'animate-widthexpand': button_loading && cart_loading }"
5115                          ></div>
5116                        </div>
5117                      </div>
5118                      <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">
5119                        <button
5120                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
5121                          title="Decrease item quantity by one"
5122                          type="button"
5123                          tabindex="-1"
5124                          @click.prevent="
5125                            if (item.quantity >= 1){
5126                              if(changeCartItemQuantity(item.key, item.quantity-1, false)) {
5127                                button_loading = true;
5128                                setTimeout(function(){ button_loading = false}, 500);
5129                                item.quantity--;
5130                              }
5131                            }
5132                          "
5133                        >
5134                          <!-- snippets/component__icon.liquid -->
5135
5136
5137<span
5138  class="
5139    inline-flex align-middle
5140    
5141  "
5142  aria-hidden="true"
5143>
5144  
5145    
5146    
5147        <svg
5148          width="14"
5149          height="14"
5150          viewBox="0 0 24 24"
5151          fill="currentColor"
5152          xmlns="http://www.w3.org/2000/svg"
5153        >
5154          <path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="currentColor"/>
5155        </svg>
5156      
5157
5158  
5159</span>
5160
5161                        </button>
5162                      </div>
5163                      <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">
5164                        <button
5165                          class="btn btn--smaller btn--plain !h-full shrink-0 !rounded-none !border-0 !px-2"
5166                          title="Increase item quantity by one"
5167                          type="button"
5168                          tabindex="-1"
5169                          @click.prevent="
5170                            if(changeCartItemQuantity(item.key, item.quantity+1, false)) {
5171                              button_loading = true;
5172                              setTimeout(function(){ button_loading = false}, 500);
5173                              item.quantity++;
5174                            }
5175                          "
5176                        >
5177                          <!-- snippets/component__icon.liquid -->
5178
5179
5180<span
5181  class="
5182    inline-flex align-middle
5183    
5184  "
5185  aria-hidden="true"
5186>
5187  
5188    
5189    
5190        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5191          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="currentColor"/>
5192        </svg>
5193      
5194
5195  
5196</span>
5197
5198                        </button>
5199                      </div>
5200                    </div>
5201                  </div>
5202
5203                  
5204                  <div
5205                    class="flex"
5206                  >
5207                    <button
5208                      class="btn btn--plain"
5209                      type="button"
5210                      :class="{ 'opacity-50' : cart_loading && button_loading }"
5211                      :disabled="button_loading"
5212                      @click="
5213                        button_loading = true;
5214                        changeCartItemQuantity(item.key, 0, false);
5215                        setTimeout(function(){ button_loading = false}, 500);
5216                      "
5217                    >
5218                      <!-- snippets/component__icon.liquid -->
5219
5220
5221<span
5222  class="
5223    inline-flex align-middle
5224    
5225  "
5226  aria-hidden="true"
5227>
5228  
5229    
5230    
5231        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5232          <path d="M15 2H9V4H15V2Z" fill="currentColor"/>
5233          <path fill-rule="evenodd" clip-rule="evenodd" d="M21 5H3V7H5V22H19V7H21V5ZM7 20V7H17V20H7Z" fill="currentColor"/>
5234        </svg>
5235      
5236
5237  
5238</span>
5239
5240                    </button>
5241                  </div>
5242                </div>
5243
5244                
5245                <div class="flex flex-col">
5246                  
5247                  <div
5248                    class="flex flex-col items-end"
5249                  >
5250                    <span
5251                      x-html="Shopify.formatMoney(item.line_price)"
5252                    >
5253                    </span>
5254                    <span
5255                      x-show="item.total_discount > 0"
5256                      x-cloak
5257                    >
5258                      <s
5259                        class="opacity-50"
5260                        x-html="Shopify.formatMoney(item.original_line_price)"
5261                      >
5262                      </s>
5263                    </span>
5264                  </div>
5265
5266                  
5267                  <div
5268                    class="type--smaller opacity-60"
5269                    x-show="item.unit_price_measurement"
5270                  >
5271                    <span x-html="Shopify.formatMoney(item.unit_price)"></span>
5272                    <span>/</span>
5273                    <span
5274                      x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_value : ''"
5275                    ></span>
5276                    <span x-text="item.unit_price_measurement ? item.unit_price_measurement.reference_unit : ''"></span>
5277                  </div>
5278                </div>
5279              </div>
5280            </div>
5281          </div>
5282        </div>
5283      </template>
5284    </div>
5285  </div>
5286</div>
5287
5288    </template>
5289
5290    
5291
5292    
5293    
5294
5295    
5296    
5297      <div
5298        class="
5299          border--b-width w-full p-4
5300          color__bg-body color__text
5301          color__border-divider-1
5302        "
5303        x-data="
5304          {
5305            reveal: cart.note != '',
5306            currentNote: cart.note
5307          }
5308        "
5309        x-show="cart.items.length > 0"
5310        x-cloak
5311      >
5312        <label class="flex items-center">
5313          <label
5314            class="sr-only"
5315            for="notes"
5316          >Add order note</label>
5317          <input
5318            id="notes"
5319            class=""
5320            type="checkbox"
5321            :checked="reveal"
5322            @click="reveal = ! reveal"
5323          >
5324          <p class="text--small ml-2">Add order note</p>
5325        </label>
5326        <textarea
5327          class="mt-2 w-full"
5328          rows="4"
5329          name="note"
5330          placeholder="Enter your message..."
5331          x-show="reveal"
5332          x-model="currentNote"
5333          @keyup.debounce="updateCartNote(currentNote)"
5334          x-cloak
5335        >
5336        </textarea>
5337      </div>
5338    
5339
5340    
5341    
5342
5343    
5344    <div
5345      class="
5346        border--b-width w-full p-4
5347        color__bg-body color__text
5348        color__border-divider-1
5349      "
5350      
5351        x-show="cart.total_price >= 0"
5352        x-cloak
5353      
5354    >
5355      <div class="mb-1 flex w-full items-center justify-between">
5356        <span>Subtotal</span>
5357        <span x-html="Shopify.formatMoney(cart.original_total_price, true)"></span>
5358      </div>
5359      <div
5360        class="mb-1 flex w-full items-center justify-between"
5361        x-show="cart.total_discount > 0"
5362        x-cloak
5363      >
5364        <span>Discount</span>
5365        <span x-html="'-' + Shopify.formatMoney(cart.total_discount, true)"></span>
5366      </div>
5367      <div class="flex w-full items-center justify-between">
5368        <span class="flex items-center">
5369          <strong>Total</strong>
5370        </span>
5371        <strong
5372          class="w-full text-right"
5373          x-html="Shopify.formatMoney(cart.total_price, true)"
5374        >
5375        </strong>
5376      </div>
5377    </div>
5378
5379    
5380    
5381
5382    
5383    
5384
5385    
5386    
5387    
5388  </section>
5389
5390  
5391  
5392
5393  
5394  <aside
5395    class="
5396      border--t-width sticky bottom-0 z-20 mt-auto md:max-w-xl
5397      color__bg-body color__text
5398      color__border-divider-1
5399    "
5400    x-cloak
5401  >
5402    <div class="flex flex-wrap gap-4 py-4">
5403      
5404      
5405
5406      
5407      
5408      <form
5409        class="w-full px-4"
5410        action="/checkout"
5411        method="post"
5412        x-data="
5413          {
5414            checkout_button_loading:false
5415          }
5416        "
5417        
5418          x-show="cart.items.length > 0"
5419        
5420        @submit.prevent="
5421          checkout_button_loading = true;
5422          
5423          setTimeout(function(){
5424            checkout_button_loading = false
5425          }, 5000);
5426          window.location.href = '/checkout';
5427        "
5428      >
5429        <div class="mb-0 flex flex-col gap-2">
5430          
5431
5432          
5433            <button
5434              class="
5435                btn btn--load !w-full
5436                btn
5437              "
5438              type="submit"
5439              name="checkout"
5440              :class="{ 'btn--loading' : checkout_button_loading }"
5441              :disabled="checkout_button_loading"
5442            >
5443              <div class="btn__spinner">
5444                <!-- snippets/component__icon.liquid -->
5445
5446
5447<span
5448  class="
5449    inline-flex align-middle
5450    
5451  "
5452  aria-hidden="true"
5453>
5454  
5455    
5456    
5457        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5458          <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"/>
5459          <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"/>
5460          <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"/>
5461          <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"/>
5462          <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"/>
5463          <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"/>
5464        </svg>
5465      
5466
5467  
5468</span>
5469
5470              </div>
5471              <div class="btn__content">
5472                Checkout
5473                
5474                  ·
5475                  <span
5476                    class="ml-1"
5477                    x-html="Shopify.formatMoney(cart.total_price, true)"
5478                  ></span>
5479                
5480              </div>
5481            </button>
5482          
5483
5484          
5485        </div>
5486      </form>
5487    </div>
5488  </aside>
5489</div>
5490
5491  
5492      </div>
5493    </div>
5494  </div>
5495
5496</section>
5497  </section>
5498
5499
5500
5501</div>
5502      </div>
5503
5504      
5505      <!-- BEGIN sections: footer-group -->
5506<div id="shopify-section-sections--19574708797518__theme_footer" class="shopify-section shopify-section-group-footer-group"><!-- sections/theme__footer.liquid -->
5507
5508
5509
5510
5511
5512<footer
5513  id="sections--19574708797518__theme_footer"
5514  class="
5515    relative z-10
5516    
5517  "
5518>
5519  
5520  <div
5521    class="
5522      md:hidden
5523      color__bg-secondary color__secondary
5524    "
5525  >
5526    
5527      
5528          <div
5529            class="
5530              border--b-width p-4 py-8
5531              !color__border-transparent
5532            "
5533          >
5534            <div class="md:max-w-[250px]">
5535              <div
5536                class="flex flex-col items-start gap-2"
5537              >
5538                
5539
5540                
5541
5542                
5543                  <h3 class="type__heading type__heading-3">
5544                    Modern Performance
5545                  </h3>
5546                
5547
5548                
5549                  <div class="rte type--small opacity-75">
5550                    <p>9531 Town Park Dr<br/>Houston, Texas77036<br/>713-270-8520</p>
5551                  </div>
5552                
5553
5554                
5555              </div>
5556            </div>
5557          </div>
5558
5559        
5560    
5561      
5562          <div
5563            class="
5564              border--b-width p-4 py-8
5565              !color__border-transparent
5566            "
5567          >
5568            <div class="md:max-w-[250px]">
5569              <div
5570                class="flex flex-col items-start gap-2"
5571              >
5572                
5573
5574                
5575
5576                
5577
5578                
5579                  <div class="rte type--small opacity-75">
5580                    <p>
5580BUSINESS HOURS:<br/>Monday-Friday 8am-4pm CST<br/>Closed Saturday and Sunday</p>
5581                  </div>
5582                
5583
5584                
5585              </div>
5586            </div>
5587          </div>
5588
5589        
5590    
5591      
5592          
5593            <nav
5594              class="
5595                flex flex-col gap-4 pt-4 md:hidden
5596                color__bg-secondary color__secondary
5597              "
5598            >
5599              
5600                
5601                  <a
5602                    class="
5603                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5604                      !color__border-transparent
5605                    "
5606                    href="/"
5607                  >
5608                    Home
5609                  </a>
5610                
5611              
5612                
5613                  <a
5614                    class="
5615                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5616                      !color__border-transparent
5617                    "
5618                    href="/pages/contact"
5619                  >
5620                    Contact Us
5621                  </a>
5622                
5623              
5624                
5625                  <a
5626                    class="
5627                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5628                      !color__border-transparent
5629                    "
5630                    href="/pages/aboutus"
5631                  >
5632                    About us
5633                  </a>
5634                
5635              
5636            </nav>
5637          
5638      
5639    
5640      
5641          
5642            <nav
5643              class="
5644                flex flex-col gap-4 pt-4 md:hidden
5645                color__bg-secondary color__secondary
5646              "
5647            >
5648              
5649                
5650                  <a
5651                    class="
5652                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5653                      !color__border-transparent
5654                    "
5655                    href="/policies/privacy-policy"
5656                  >
5657                    Privacy Policy
5658                  </a>
5659                
5660              
5661                
5662                  <a
5663                    class="
5664                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5665                      !color__border-transparent
5666                    "
5667                    href="/policies/terms-of-service"
5668                  >
5669                    Terms of Service
5670                  </a>
5671                
5672              
5673                
5674                  <a
5675                    class="
5676                      type__body border--b-width flex w-full items-center justify-between px-4 pb-4 no-underline
5677                      !color__border-transparent
5678                    "
5679                    href="/policies/shipping-policy"
5680                  >
5681                    Shipping & Return Policy
5682                  </a>
5683                
5684              
5685            </nav>
5686          
5687      
5688    
5689  </div>
5690
5691  
5692  <section
5693    class="
5694      border--t-width hidden md:block
5695      !color__border-transparent
5696      color__bg-secondary color__secondary
5697    "
5698    style="
5699      padding-top:0px;
5700      padding-bottom:0px;
5701    "
5702  >
5703    <div
5704      class="window--wide"
5705    >
5706      <div
5707        class="flex py-8"
5708      >
5709        <div
5710          class="
5711            flex grow flex-wrap gap-12
5712            justify-between
5713          "
5714        >
5715          
5716            
5717                <div class="md:max-w-[250px]">
5718                  <div
5719                    class="flex flex-col items-start gap-2"
5720                  >
5721                    
5722
5723                    
5724
5725                    
5726                      <h3 class="type__heading type__heading-3">
5727                        Modern Performance
5728                      </h3>
5729                    
5730
5731                    
5732                      <div class="rte type--small opacity-75">
5733                        <p>9531 Town Park Dr<br/>Houston, Texas77036<br/>713-270-8520</p>
5734                      </div>
5735                    
5736
5737                    
5738                  </div>
5739                </div>
5740
5741              
5742          
5743            
5744                <div class="md:max-w-[250px]">
5745                  <div
5746                    class="flex flex-col items-start gap-2"
5747                  >
5748                    
5749
5750                    
5751
5752                    
5753
5754                    
5755                      <div class="rte type--small opacity-75">
5756                        <p>
5756BUSINESS HOURS:<br/>Monday-Friday 8am-4pm CST<br/>Closed Saturday and Sunday</p>
5757                      </div>
5758                    
5759
5760                    
5761                  </div>
5762                </div>
5763
5764              
5765          
5766            
5767                <nav>
5768                  
5769                    <a
5770                      class="
5771                        type--small mb-4 block font-bold no-underline
5772                        
5773                          motion-safe:scroll-fadein-2-20
5774                        
5775                      "
5776                      href="/"
5777                    >
5778                      Home
5779                    </a>
5780                    
5781                  
5782                    <a
5783                      class="
5784                        type--small mb-4 block font-bold no-underline
5785                        
5786                          motion-safe:scroll-fadein-2-20
5787                        
5788                      "
5789                      href="/pages/contact"
5790                    >
5791                      Contact Us
5792                    </a>
5793                    
5794                  
5795                    <a
5796                      class="
5797                        type--small mb-4 block font-bold no-underline
5798                        
5799                          motion-safe:scroll-fadein-2-20
5800                        
5801                      "
5802                      href="/pages/aboutus"
5803                    >
5804                      About us
5805                    </a>
5806                    
5807                  
5808                </nav>
5809            
5810          
5811            
5812                <nav>
5813                  
5814                    <a
5815                      class="
5816                        type--small mb-4 block font-bold no-underline
5817                        
5818                          motion-safe:scroll-fadein-2-20
5819                        
5820                      "
5821                      href="/policies/privacy-policy"
5822                    >
5823                      Privacy Policy
5824                    </a>
5825                    
5826                  
5827                    <a
5828                      class="
5829                        type--small mb-4 block font-bold no-underline
5830                        
5831                          motion-safe:scroll-fadein-2-20
5832                        
5833                      "
5834                      href="/policies/terms-of-service"
5835                    >
5836                      Terms of Service
5837                    </a>
5838                    
5839                  
5840                    <a
5841                      class="
5842                        type--small mb-4 block font-bold no-underline
5843                        
5844                          motion-safe:scroll-fadein-2-20
5845                        
5846                      "
5847                      href="/policies/shipping-policy"
5848                    >
5849                      Shipping & Return Policy
5850                    </a>
5851                    
5852                  
5853                </nav>
5854            
5855          
5856        </div>
5857      </div>
5858    </div>
5859  </section>
5860
5861  
5862  <section
5863    class="
5864      border--t-width flex flex-wrap gap-2 py-4
5865      color__bg-secondary color__secondary
5866      !color__border-transparent
5867    "
5868  >
5869    
5870    <div
5871      class="
5872        flex w-full flex-wrap items-center justify-between gap-2
5873        window--wide
5874      "
5875    >
5876      
5877      <div
5878        class="flex w-full items-center gap-2 md:w-auto"
5879      >
5880        
5881        
5882        
5883        
5884        
5885        
5886        
5887        
5888        
5889        
5890        
5891        
5892      </div>
5893
5894      
5895      <div
5896        class="w-full md:w-auto md:text-right"
5897      >
5898        <p
5899          class="type--small mb-0 flex flex-wrap gap-2"
5900        >
5901          
5902        </p>
5903      </div>
5904    </div>
5905
5906    
5907    <div
5908      class="
5909        flex w-full flex-wrap items-center justify-between gap-2
5910        window--wide
5911      "
5912    >
5913      
5914      <div
5915        class="flex w-full flex-wrap gap-2 md:w-auto"
5916      >
5917        
5918        
5919        
5920
5921        
5922      </div>
5923
5924      
5925      <div
5926        class="flex w-full flex-wrap gap-2 md:w-auto md:text-right"
5927      >
5928        
5929        
5930      </div>
5931    </div>
5932  </section>
5933</footer>
5934
5935
5936<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>
5937<!-- END sections: footer-group -->
5938      <!-- BEGIN sections: overlay-group -->
5939
5940<!-- END sections: overlay-group -->
5941
5942      
5943      <!-- snippets/theme__quick-overlays.liquid -->
5944
5945
5946
5947<div 
5948  id="js-quickAdd">
5949</div>
5950
5951
5952<div 
5953  id="js-quickEdit">
5954</div>
5955
5956
5957<div 
5958  id="js-quickGallery">
5959</div>
5960      <!-- snippets/theme__localization-overlay.liquid -->
5961
5962
5963
5964
5965
5966
5967      <!-- snippets/theme__audio-overlay.liquid -->
5968
5969
5970
5971      <!-- snippets/theme__alert-overlay.liquid -->
5972
5973
5974
5975
5976
5977
5978
5979
5980<div
5981  class="fixed right-0 top-0 z-50 flex w-full flex-col items-end gap-2"
5982  x-data="
5983    {
5984      alert_id: true
5985    }
5986  "
5987>
5988  <!-- snippets/component__alert.liquid -->
5989
5990
5991<div 
5992  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]" 
5993  
5994    @click.outside="error_alert = false; clearTimeout(cart_alert_timeout);"
5995    @keyup.escape.window="error_alert = false; clearTimeout(cart_alert_timeout);"
5996  
5997  x-show="error_alert"
5998  
5999    x-transition:enter="animation-300"
6000    x-transition:enter-start="opacity-0 -translate-y-4"
6001    x-transition:enter-end="opacity-100 translate-y-0"
6002    x-transition:leave="animation-300"
6003    x-transition:leave-start="opacity-100 translate-y-0"
6004    x-transition:leave-end="opacity-0 -translate-y-4"
6005  
6006  x-cloak>
6007  <div 
6008    class="relative p-4 overflow-hidden">
6009    
6010  <div class="flex flex-col gap-1">
6011    <div class="flex items-center justify-between gap-2">
6012      <p class="type--smaller">
6013        Error
6014      </p>
6015      <button class="btn btn--smaller
6016        btn btn--minimal"
6017        title="Close"
6018        @click="error_alert = false">
6019        
6020          <!-- snippets/component__icon.liquid -->
6021
6022
6023<span
6024  class="
6025    inline-flex align-middle
6026    
6027  "
6028  aria-hidden="true"
6029>
6030  
6031    
6032    
6033        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6034          <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"/>
6035          <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"/>
6036        </svg>
6037      
6038
6039  
6040</span>
6041 
6042        
6043        
6044      </button>
6045    </div>
6046    <p 
6047      class="type--smaller" 
6048      x-text="error_message"></p>
6049  </div>
6050
6051  </div>
6052</div>
6053  <!-- snippets/component__alert.liquid -->
6054
6055
6056<div 
6057  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]" 
6058  
6059    @click.outside="discount_alert = false; clearTimeout(cart_alert_timeout);"
6060    @keyup.escape.window="discount_alert = false; clearTimeout(cart_alert_timeout);"
6061  
6062  x-show="discount_alert"
6063  
6064    x-transition:enter="animation-300"
6065    x-transition:enter-start="opacity-0 -translate-y-4"
6066    x-transition:enter-end="opacity-100 translate-y-0"
6067    x-transition:leave="animation-300"
6068    x-transition:leave-start="opacity-100 translate-y-0"
6069    x-transition:leave-end="opacity-0 -translate-y-4"
6070  
6071  x-cloak>
6072  <div 
6073    class="relative p-4 overflow-hidden">
6074    
6075  <div class="flex flex-col gap-1">
6076    <div class="flex items-center justify-between gap-2">
6077      <p 
6078        class="type--smaller"
6079        x-text="discount_text">
6080      </p>
6081      <button class="btn btn--smaller
6082        btn btn--minimal"
6083        title="Close"
6084        @click="cart_alert = false">
6085        
6086          <!-- snippets/component__icon.liquid -->
6087
6088
6089<span
6090  class="
6091    inline-flex align-middle
6092    
6093  "
6094  aria-hidden="true"
6095>
6096  
6097    
6098    
6099        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6100          <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"/>
6101          <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"/>
6102        </svg>
6103      
6104
6105  
6106</span>
6107 
6108        
6109        
6110      </button>
6111    </div>
6112    <p 
6113      class="type--smaller">
6114      <strong x-text="discount_code"></strong> discount code automatically applied at checkout.
6115    </p>
6116  </div>
6117
6118  </div>
6119</div>
6120  <!-- snippets/component__alert.liquid -->
6121
6122
6123<div 
6124  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]" 
6125  
6126    @click.outside="cart_alert = false; clearTimeout(cart_alert_timeout);"
6127    @keyup.escape.window="cart_alert = false; clearTimeout(cart_alert_timeout);"
6128  
6129  x-show="cart_alert"
6130  
6131    x-transition:enter="animation-300"
6132    x-transition:enter-start="opacity-0 -translate-y-4"
6133    x-transition:enter-end="opacity-100 translate-y-0"
6134    x-transition:leave="animation-300"
6135    x-transition:leave-start="opacity-100 translate-y-0"
6136    x-transition:leave-end="opacity-0 -translate-y-4"
6137  
6138  x-cloak>
6139  <div 
6140    class="relative p-4 overflow-hidden">
6141    
6142    <div 
6143      class="color__bg-text absolute left-0 top-0 h-0.5 w-full overflow-hidden mix-blend-difference">
6144      <div class="color__bg-text">
6145        <div 
6146          class="color__bg-body animation-5000--all h-0.5 w-0 opacity-50" 
6147          :style="{ width: cart.progress_bar_delay_width }"></div>
6148      </div>
6149    </div>
6150    <div class="flex items-center justify-between gap-2">
6151      <p class="type--smaller">
6152        <!-- snippets/component__icon.liquid -->
6153
6154
6155<span
6156  class="
6157    inline-flex align-middle
6158    
6159  "
6160  aria-hidden="true"
6161>
6162  
6163    
6164    
6165        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6166          <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"/>
6167        </svg>
6168      
6169
6170  
6171</span>
6172 Your cart has been updated
6173      </p>
6174      <button class="btn btn--smaller
6175        btn btn--minimal"
6176        title="Close"
6177        @click="cart_alert = false">
6178        
6179          <!-- snippets/component__icon.liquid -->
6180
6181
6182<span
6183  class="
6184    inline-flex align-middle
6185    
6186  "
6187  aria-hidden="true"
6188>
6189  
6190    
6191    
6192        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
6193          <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"/>
6194          <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"/>
6195        </svg>
6196      
6197
6198  
6199</span>
6200 
6201        
6202        
6203      </button>
6204    </div>
6205
6206  </div>
6207</div>
6208</div>
6209
6210    
6211      
6212    
6213
6214    
6215    
6216
6217
6218  
6218<script src="//www.modernperformance.com/cdn/shop/t/10/assets/main-YY0zcZqg.js?v=4656257164686681451769408689" type="module" crossorigin="anonymous"></script>
6218
6219
6220
6221    <!-- snippets/theme__scripts.liquid -->
6222
6223
6224<script>
6225  window.__initialData = window.__initialData || {};
6226  Object.assign(window.__initialData, {
6227
6228    // Color
6229    // - Adjust the header when using a banner with an overlay + when using a section with color fade
6230    body_background_color: '#fff', // {string} Background color of the body
6231    body_text_color: '#fff', // {string} Text color of the body
6232
6233    // Scroll
6234    is_scrolled: false, // {boolean} To toggle check direction of scroll
6235    is_scrolled_up: true, // {boolean} To toggle check if within 300px of top
6236    prev_scroll_pos: 0, // {number} Pprevious scroll position of the page
6237    show_scroll_up: false, // {boolean} To show the 'back to top' button
6238    enable_body_scrolling: true, // {boolean} To enable or disable body scrolling
6239
6240    // Audio
6241    click_audio: '//www.modernperformance.com/cdn/shop/t/10/assets/click.wav?v=158935355045082451841769021839', // {string} URL for click sound
6242    success_audio: '//www.modernperformance.com/cdn/shop/t/10/assets/success.wav?v=135438133453557868261769021840', // {string} URL for success sound
6243    enable_audio: false, // {boolean} To enable or disable audio
6244
6245    // Error
6246    error_alert: false, // {boolean} To show the alert
6247    error_message: '', // {string} Error message
6248
6249    // Discount
6250    discount_text: '', // {string} Text for the discount
6251    discount_code: '', // {string} Code for the discount
6252
6253    // Pagination
6254    pagination_loading: false, // {boolean} To show loading state in pagination
6255
6256    // Recent products
6257    recent_products: localStorage.getItem("recentlyViewedProducts") ? JSON.parse(localStorage.getItem("recentlyViewedProducts")) : [], // {array} Recently viewed products
6258
6259    // Overlays
6260    age_overlay: localStorage.getItem("ageConfirmed") ? true : false, // {boolean} To toggle the age overlay
6261    audio_overlay: false, // {boolean} To toggle the audio settings overlay
6262    discount_alert: false, // {boolean} To toggle the discount overlay
6263    filter_overlay: false, // {boolean} To toggle the filter overlay
6264    localization_overlay: false, // {boolean} To toggle the localization overlay
6265    quick_edit_handle: '', // {string} Set to the product handle of the product being edited
6266    cart_drawer_style: 'fixed', // {string} Style of the cart drawer
6267
6268    // Header
6269    hide_header: false, // {boolean} To hide the header
6270    header_group_height: 80, // {number} Height of the header group
6271    header_bar_height: 60, // {number} Height of the header bar
6272    filter_group_height: 80, // {number} Height of the filter group
6273
6274    // Menu
6275    menu_drawer: window.innerWidth > 1024, // {boolean} To toggle the menu drawer
6276    menu_sidebar: false, // {boolean} To toggle the menu sidebar
6277    menu_nested: false, // {boolean} To check if the menu is nested
6278
6279    // Account
6280    account_drawer: false, // {boolean} To toggle the account drawer
6281
6282    // Product
6283    sticky_bar_height_left: 0, // {number} Height of the sticky bar
6284    sticky_bar_height_right: 0, // {number} Height of the sticky bar
6285    reset_product_zindex: false, // {boolean} To reset the z-index of the product columns
6286
6287    // Cart
6288    cart_drawer: false, // {boolean} To toggle the cart drawer
6289    cart_alert: false, // {boolean} To show the cart alert
6290    cart_loading: false, // {boolean} To check if the cart is loading
6291    cart_behavior_desktop: 'drawer', // {string} Behavior of the cart on desktop
6292    cart_behavior_mobile: 'alert', // {string} Behavior of the cart on mobile
6293    cart_alert_timeout: null, // {number} Timeout for the cart alert
6294    cart: {
6295      items: [
6296        
6297      ],
6298      note: '', // {string} Note for the cart
6299      item_count: 0, // {number} Count of items in the cart
6300      total_price: 0, // {number} Total price of the cart
6301      original_total_price: 0, // {number} Original total price of the cart
6302      total_discount: 0, // {number} Total discount of the cart
6303      progress_bar_delay_width: 0, // {number} Width of the delay bar in cart alerts
6304      progress_bar_remaining: 0, // {number} Remaining amount - e.g. 'Spend X more for free shipping'
6305      progress_bar_percent: '0%', // {string} Percent to reaching free shipping
6306      variantMap: {
6307        
6308      }, // {object} Map of variant IDs to cart items for O(1) lookups
6309    },
6310
6311    // Search
6312    search_drawer: false, // {boolean} To toggle the search drawer
6313    search_loading: false, // {boolean} To check if the search is loading
6314    search_term: '', // {string} Term for the search
6315    search_items: [], // {array} Array of search items
6316    search_focus_index: '', // {string} Index of the focused search item
6317    search_focus_url: '', // {string} URL of the focused search item
6318    search_items_collections: [], // {array} Array of search items in collections
6319    search_items_pages: [], // {array} Array of search items in pages
6320    search_items_articles: [], // {array} Array of search items in articles
6321    search_items_queries: [], // {array} Array of search items in queries
6322
6323    // Edit
6324    edit_variant: 0, // {number} Variant ID of old item when editing
6325    edit_quantity: 0, // {number} Quantity to use when editing
6326
6327    // Prices
6328    price_format_with_currency: '${{amount}}', // {string} Format for price with currency
6329    price_format_without_currency: '${{amount}} USD', // {string} Format for price without currency
6330    enable_zeros: false, // {Boolean} Set to false to hide '.00'
6331    enable_currency: false, // {Boolean} Set to false to hide 'CAD'
6332
6333  });
6334</script>
6334
6335
6336
6337
6338<!-- snippets/script__localization.liquid -->
6339
6340
6341
6342<!-- snippets/script__recent-view.liquid -->
6343
6344
6345
6346<!-- snippets/script__design-mode.liquid -->
6347
6348
6349
6350
6351
6352<script id="gspfSearchResult" type="template/html"><!-- BEGIN app snippet: search -->
6353
6354
6355{% assign root_url = "" %}
6356{% assign search_url = "/search" %}
6357{% assign lazySrc = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" %}
6358{% capture noImage %}<img width="200" height="200" loading="lazy"
6359    src="{{ 'https://cdn.shopify.com/s/images/themes/product-1.png' | img_url: '200x' }}" />{% endcapture %}
6360{% assign zero_character_result = true %}
6361{% assign searchTranslation = translation.search %}
6362{% if result.term %}{% assign zero_character_result = false %}{% endif %}
6363{% assign product_list_layout = "grid" %}
6364{% assign products_suggestions_title = searchTranslation.products | default: "Products" %}
6365{% assign keywords_suggestions_title = searchTranslation.suggestions | default: "Suggestions" %}
6366{% if zero_character_result %}
6367{% assign product_list_layout = "grid" %}
6368{% if searchTranslation.zero_character_products_suggestions_title %}
6369{% assign products_suggestions_title = searchTranslation.zero_character_products_suggestions_title %}
6370{% endif %}
6371{% if searchTranslation.zero_character_keywords_searches_title %}
6372{% assign keywords_suggestions_title = searchTranslation.zero_character_keywords_searches_title %}
6373{% endif %}
6374{% elsif result.isEmpty %}
6375{% assign product_list_layout = "grid" %}
6376{% if searchTranslation.no_result_products_suggestions_title %}
6377{% assign products_suggestions_title = searchTranslation.no_result_products_suggestions_title %}
6378{% endif %}
6379{% if searchTranslation.no_result_keywords_suggestions_title %}
6380{% assign keywords_suggestions_title = searchTranslation.no_result_keywords_suggestions_title %}
6381{% endif %}
6382{% endif %}
6383{% assign page_limit = 5 %}
6384{% assign article_limit = 5 %}
6385{% assign elements = "vendor,price" | split: "," %}
6386{%- if layout == 1 -%}
6387<div id="glFilter-search-popup" class="ui-menu glFilter-search-popup gl-filter-search-fullscreen gl-filter-animate">
6388    <div class="gl-backdrop gl-close-layer"></div>
6389    <div class="gl-fullscreen-layer gl-animate-transition">
6390        <div class="gl-fullscreen-header">
6391            <form class="gl-d-searchbox" method="GET" action="{{ search_url }}">
6392                <label class="gl-icon gl-d-searchbox-icon" for="gl-d-searchbox-input"><svg
6393                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18px" height="18px">
6394                        <path d="M0 0h24v24H0V0z" fill="none"></path>
6395                        <path
6396                            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">
6397                        </path>
6398                    </svg></label>
6399                <input type="text" class="gl-d-searchbox-input" id="gl-d-searchbox-input"
6400                    placeholder="{{ translation.product.search }}" name="q" value="{{ result.term | escape }}"
6401                    autocapitalize="off" autocomplete="off" autocorrect="off">
6402            </form>
6403            <button type="button" class="gl-d-close-btn"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
6404                    <path
6405                        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"
6406                        fill="#5C5F62" />
6407                </svg></button>
6408        </div>
6409        <div class="gl-fullscreen-suggestions">
6410            {% if result.isEmpty and result.term %}
6411            <div>{% if searchTranslation.not_found %}{{ searchTranslation.not_found }}{% else %}Sorry, nothing found
6412                for{% endif %}&nbsp;<b>{{ result.term | escape }}</b></div>
6413            {% endif %}
6414            {% if zero_character_result and result.popular_keywords %}
6415            <div>{% for keyword in result.popular_keywords %}<a
6416                    href="{{ search_url }}?q={{ keyword.keyword | url_encode }}">{{ keyword.keyword | escape }}</a>{%
6417                endfor %}</div>
6418            {% endif %}
6419        </div>
6420        <div class="gl-fullscreen-initial-content">
6421            <div class="gl-row">
6422                {% if result.suggestions or result.collections or result.pages or result.articles %}
6423                <div class="gl-col-left">
6424                    <div class="gl-list gl-fullscreen-top-searches">
6425                        {% if result.suggestions %}
6426                        <div class="gl-list__group">
6427                            <div class="gl-list__title">{{ keywords_suggestions_title | escape }}</div>
6428                            <div class="gl-list__content">
6429                                <ul>{% for suggestion in result.suggestions %}<li><a
6430                                            href="{{ search_url }}?q={{ suggestion.keyword | url_encode }}">{{
6431                                            suggestion.keyword | escape }}
6431<span class="count">{{ suggestion.count
6432                                                }}</span></a></li>{% endfor %}</ul>
6433                            </div>
6434                        </div>
6435                        {% endif %}
6436                        {%- if result.collections -%}
6437                        <div class="gl-list__group">
6438                            <div class="gl-list__title">{{ searchTranslation.collections | default: "Collections" }}
6439                            </div>
6440                            <div class="gl-list__content">
6441                                <ul>{%- for collection in result.collections -%}<li class="gl-list__item"><a
6442                                            href="{{ root_url }}/collections/{{ collection.handle }}">{{
6443                                            collection.title | escape }}</a></li>{%- endfor -%}</ul>
6444                            </div>
6445                        </div>
6446                        {%- endif -%}
6447                        {%- if result.pages and result.pages.size > 0 -%}
6448                        <div class="gl-list__group">
6449                            <div class="gl-list__title">{{ searchTranslation.pages | default: "Pages" }}</div>
6450                            <div class="gl-list__content">
6451                                <ul>{%- for page in result.pages limit: page_limit -%}<li class="gl-list__item"><a
6452                                            href="{{ page.url }}">{{ page.title | escape }}</a></li>{%- endfor -%}</ul>
6453                            </div>
6454                        </div>
6455                        {%- endif -%}
6456                        {%- if result.articles and result.articles.size > 0 -%}
6457                        <div class="gl-list__group">
6458                            <div class="gl-list__title">{{ searchTranslation.articles | default: "Blog Posts" }}</div>
6459                            <div class="gl-list__content">
6460                                <ul>{%- for article in result.articles limit: article_limit -%}<li
6461                                        class="gl-list__item"><a href="{{ article.url }}">{{ article.title | escape
6462                                            }}</a></li>{%- endfor -%}</ul>
6463                            </div>
6464                        </div>
6465                        {%- endif -%}
6466                    </div>
6467                </div>
6468                {% endif %}
6469                <div class="gl-col-right">
6470                    {% if result.products %}
6471                    <div class="gl-list gl-fullscreen-top-clicked">
6472                        <div class="gl-fullscreen-results__meta">
6473                            <div class="gl-list__title">{{ products_suggestions_title }}</div>
6474                            {% if result.term and result.isEmpty == false %}
6475                            <a
6476                                href="{% if result.url %}{{ result.url }}{% else %}{{ search_url }}?q={{ result.term | url_encode }}{% endif %}">
6477                                {% if searchTranslation.view_all_products %}{{ searchTranslation.view_all_products }}{%
6478                                else %}View all products{% endif %}
6479                            </a>
6480                            {% endif %}
6481                        </div>
6482                        <div class="gl-list__content">
6483                            {% if product_list_layout == "carousel" %}<div class="gl-owl--carousel owl-carousel"
6484                                id="gl-fullscreen-recommended-products">{% else %}<div
6485                                    class="gl-fullscreen-results__content">{% endif %}
6486                                    {% for product in result.products %}
6487                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
6488                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
6489                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
6490                                    <div class="gl-card">
6491                                        <div class="gl-card-media">
6492                                            <div class="gl-card-thumbnail">
6493                                                <a class="spf-image-ratio" href="{{productUrl}}"
6494                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
6495                                                    {% if product.image %}
6496                                                    <img class="gflazyload" srcset="{{lazySrc}}"
6497                                                        src="{{ product.image.src | img_url: image_size }}"
6498                                                        data-src="{{ product.image.src | img_lazyload_url }}"
6499                                                        data-sizes="auto"
6500                                                        data-aspectratio="{{ product.image.as
6500pect_ratio }}"
6501                                                        data-parent-fit="contain" width="{{ product.image.width }}"
6502                                                        height="{{ product.image.height }}"
6503                                                        alt="{{ product.image.alt | escape }}" />
6504                                                    {% else %}{{noImage}}{% endif %}
6505                                                </a>
6506                                            </div>
6507                                        </div>
6508                                        <div class="gl-card-content gl-card-flex">
6509                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
6510                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
6511                                            {%- if product.vendor and elements contains "vendor" -%}<div
6512                                                class="gf-search-item-product-vendor">{{ product.vendor }}</div>{%-
6513                                            endif -%}
6514                                            {%- if elements contains 'type' -%}<div
6515                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
6516                                                }}</div>{%- endif -%}
6517                                            {%- if product.selected_or_first_available_variant.sku and elements contains
6518                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
6519                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
6520                                            <div class="gl-card-flex"></div>
6521                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
6522                                                    class="gl-card-price">{{ product.price | money }}</span>{%- if
6523                                                product.compare_at_price and product.compare_at_price > product.price
6524                                                -%} <span class="gl-card-old-price">{{ product.compare_at_price | money
6525                                                    }}</span>{%- endif -%}</div>{%- endif -%}
6526                                        </div>
6527                                    </div>
6528                                    {% endfor %}
6529                                </div>
6530                            </div>
6531                        </div>
6532                        {% endif %}
6533                    </div>
6534                </div>
6535            </div>
6536        </div>
6537    </div>
6538
6539    {%- elsif layout == 3 -%}
6540    {% if result.isEmpty and result.term %}
6541    <div class="gl-fullscreen-suggestions">
6542        <div>{% if searchTranslation.not_found %}{{ searchTranslation.not_found }}{% else %}Sorry, nothing found for{%
6543            endif %}&nbsp;<b>{{ result.term | escape }}</b></div>
6544    </div>
6545    {% endif %}
6546    <div class="gl-grid-layer">
6547        <div class="gl-fullscreen-layer">
6548            <div class="gl-fullscreen-initial-content">
6549                <div class="gl-row">
6550                    {% if result.suggestions or result.collections or result.pages or result.popular_keywords or
6551                    result.articles %}
6552                    <div class="gl-col-left">
6553                        <div class="gl-list gl-fullscreen-top-searches">
6554                            {% if zero_character_result and result.popular_keywords %}
6555                            <div class="gl-list__group">
6556                                <div class="gl-list__title">{{ searchTranslation.zero_character_popular_searches_title |
6557                                    default: "Popular searches" }}</div>
6558                                <div class="gl-list__content">
6559                                    <ul>
6560                                        {% for keyword in result.popular_keywords %}
6561                                        <li aria-label="{{ searchTranslation.zero_character_popular_searches_title | default: "
6562                                            Popular searches" }}: {{ keyword.keyword}}">
6563                                            <a href="{{ search_url }}?q={{ keyword.keyword | url_encode }}">{{
6564                                                keyword.keyword | escape }}
6564<span class="count">{{ keyword.count
6565                                                    }}</span></a>
6566                                        </li>
6567                                        {% endfor %}
6568                                    </ul>
6569                                </div>
6570                            </div>
6571                            {% endif %}
6572                            {% if result.suggestions %}
6573                            <div class="gl-list__group">
6574                                <div class="gl-list__title">{{ keywords_suggestions_title }}</div>
6575                                <div class="gl-list__content">
6576                                    <ul>
6577                                        {% for suggestion in result.suggestions %}
6578                                        <li
6579                                            aria-label="{{ keywords_suggestions_title }}: {{ suggestion.keyword | escape }}">
6580                                            <a href="{{ search_url }}?q={{ suggestion.keyword | url_encode }}">{{
6581                                                suggestion.keyword | escape }}<span class="count">{{ suggestion.count
6582                                                    }}</span></a>
6583                                        </li>
6584                                        {% endfor %}
6585                                    </ul>
6586                                </div>
6587                            </div>
6588                            {% endif %}
6589                            {%- if result.collections -%}
6590                            <div class="gl-list__group">
6591                                <div class="gl-list__title">{{ searchTranslation.collections | default: "Collections" }}
6592                                </div>
6593                                <div class="gl-list__content">
6594                                    <ul>
6595                                        {%- for collection in result.collections -%}
6596                                        <li class="gl-list__item"><a
6597                                                href="{{ root_url }}/collections/{{collection.handle }}">{{collection.title
6598                                                | escape }}</a></li>
6599                                        {%- endfor -%}
6600                                    </ul>
6601                                </div>
6602                            </div>
6603                            {%- endif -%}
6604                            {%- if result.pages and result.pages.size > 0 -%}
6605                            <div class="gl-list__group">
6606                                <div class="gl-list__title">{{ searchTranslation.pages | default: "Pages" }}</div>
6607                                <div class="gl-list__content">
6608                                    <ul>
6609                                        {%- for page in result.pages limit: page_limit -%}
6610                                        <li class="gl-list__item"><a href="{{page.url }}">{{page.title | escape }}</a>
6611                                        </li>
6612                                        {%- endfor -%}
6613                                    </ul>
6614                                </div>
6615                            </div>
6616                            {%- endif -%}
6617                            {%- if result.articles and result.articles.size > 0 -%}
6618                            <div class="gl-list__group">
6619                                <div class="gl-list__title">{{ searchTranslation.articles | default: "Blog Posts" }}
6620                                </div>
6621                                <div class="gl-list__content">
6622                                    <ul>
6623                                        {%- for article in result.articles limit: article_limit -%}
6624                                        <li class="gl-list__item"><a href="{{ article.url }}">{{ article.title | escape
6625                                                }}</a></li>
6626                                        {%- endfor -%}
6627                                    </ul>
6628                                </div>
6629                            </div>
6630                            {%- endif -%}
6631                        </div>
6632                    </div>
6633                    {% endif %}
6634                    <div class="gl-col-right">
6635                        <div class="gf-search-products">
6636                            <div class="gl-list__title">{{ products_suggestions_title }}</div>
6637                            {% if result.products %}
6638                            <div class="gl-list__content">
6639                                {% if product_list_layout == "carousel" %}
6640                                <ul class="gl-owl--carousel owl-carousel" id="gl-fullscreen-recommended-products">
6641                                    {% for product in result.products %}
6642                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
6643                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
6644                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
6645                                    <li aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}"
6646                                        class="gl-card">
6647                                        <div class="gl-card-media">
6648                                            <div class="gl-card-thumbnail">
6649                                                <a class="spf-image-ratio" href="{{productUrl}}"
6650                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
6651                                                    {% if product.image %}
6652                                                    <img class="gflazyload" srcset="{{lazySrc}}"
6653                                                        src="{{ product.image.src | img_url: image_size }}"
6654                                                        data-src="{{ product.image.src | img_lazyload_url }}"
6655                                                        data-sizes="auto"
6656                                                        data-aspectratio="{{ product.image.as
6656pect_ratio }}"
6657                                                        data-parent-fit="contain" width="{{ product.image.width }}"
6658                                                        height="{{ product.image.height }}"
6659                                                        alt="{{ product.image.alt | escape }}" />
6660                                                    {% else %}{{noImage}}{% endif %}
6661                                                </a>
6662                                            </div>
6663                                        </div>
6664                                        <div class="gl-card-content gl-card-flex">
6665                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
6666                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
6667                                            {%- if product.vendor and elements contains "vendor" -%}<div
6668                                                class="gf-search-item-product-vendor">{{ product.vendor}}</div>{%- endif
6669                                            -%}
6670                                            {%- if elements contains 'type' -%}<div
6671                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
6672                                                }}</div>{%- endif -%}
6673                                            {%- if product.selected_or_first_available_variant.sku and elements contains
6674                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
6675                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
6676                                            <div class="gl-card-flex"></div>
6677                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
6678                                                    class="gl-card-price">{{ product.price | money }}</span></div>{%-
6679                                            endif -%}
6680                                        </div>
6681                                    </li>
6682                                    {% endfor %}
6683                                </ul>
6684                                {% else %}
6685                                <div class="gl-fullscreen-results__content">
6686                                    {% for product in result.products %}
6687                                    {% assign variantUrl = "" %}{%- if product.selected_variant -%}{% assign variantUrl
6688                                    = "?variant=" | append: product.selected_variant.id %}{%- endif -%}
6689                                    {% assign productUrl = root_url | append: product.url | append: variantUrl %}
6690                                    <div aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}"
6691                                        class="gl-card">
6692                                        <div class="gl-card-media">
6693                                            <div class="gl-card-thumbnail">
6694                                                <a class="spf-image-ratio" href="{{productUrl}}"
6695                                                    aria-label="{{ products_suggestions_title | escape }}: {{ product.title | escape }}">
6696                                                    {% if product.image %}
6697                                                    <img class="gflazyload" srcset="{{lazySrc}}"
6698                                                        src="{{ product.image.src | img_url: image_size }}"
6699                                                        data-src="{{ product.image.src | img_lazyload_url }}"
6700                                                        data-sizes="auto"
6701                                                        data-aspectratio="{{ product.image.aspect_ratio }}"
6702                                                        data-parent-fit="contain" width="{{ product.image.width }}"
6703                                                        height="{{ product.image.height }}"
6704                                                        alt="{{ product.image.alt | escape }}" />
6705                                                    {% else %}{{noImage}}{% endif %}
6706                                                </a>
6707                                            </div>
6708                                        </div>
6709                                        <div class="gl-card-content gl-card-flex">
6710                                            <div class="gl-card-title" title="{{ product.title | escape }}"><a
6711                                                    href="{{productUrl}}">{{ product.title | escape }}</a></div>
6712                                            {%- if product.vendor and elements contains "vendor" -%}<div
6713                                                class="gf-search-item-product-vendor">{{ product.vendor}}</div>{%- endif
6714                                            -%}
6715                                            {%- if elements contains 'type' -%}<div
6716                                                class="gf-search-item-product-vendor">{{ product.product_type | escape
6717                                                }}</div>{%- endif -%}
6718                                            {%- if product.selected_or_first_available_variant.sku and elements contains
6719                                            'sku' -%}<div class="gf-search-item-product-vendor">{{
6720                                                product.selected_or_first_available_variant.sku }}</div>{%- endif -%}
6721                                            <div class="gl-card-flex"></div>
6722                                            {%- if elements contains 'price' -%}<div class="gl-card-pricing"><span
6723                                                    class="gl-card-price">{{ product.price | money }}</span></div>{%-
6724                                            endif -%}
6725                                        </div>
6726                                    </div>
6727                                    {% endfor %}
6728                                </div>
6729                                {% endif %}
6730                            </div>
6731                            {% else %}
6732                            <li aria-label="{{ products_suggestions_title | escape }}: {{ searchTranslation.product_not_found | default: "
6733                                No products were found"}}">{{ searchTranslation.product_not_found | default: "No
6734                                products were found"}}</li>
6735                            {% endif %}
6736                        </div>
6737                    </div>
6738                </div>
6739            </div>
6740        </div>
6741    </div>
6742</div>
6743{%- if result.term and result.isEmpty == false -%}
6744<div class="gf-search-item gf-search-item-product gf-search-viewall">
6745    <a href="{% if result.url %}{{ result.url }}{% else %}{{ search_url }}?q={{ result.term | url_encode }}{% endif %}">
6746           ★ Above results are quick search results. Click here for a more in depth search result. ★
6747    </a>
6748</div>
6749{%- endif -%}
6750
6751{%- endif -%}
6752</script>
6752<script src="//www.modernperformance.com/cdn/shop/t/10/assets/tiny-img-link-preloader.js?v=161691863847448465861788796668" defer></script>
6752
6753<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>
6754<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6754
6755</body>
6756</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.