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'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&width=400" alt=" 2238 Modern Performance 2239" srcset="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&width=352 352w, //www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&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&width=400" alt=" 2804 Modern Performance 2805" srcset="//www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&width=352 352w, //www.modernperformance.com/cdn/shop/files/mplogoresized.jpg?v=1757967955&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&width=400" alt=" 3466 Modern Performance 3467" srcset="//www.modernperformance.com/cdn/shop/files/mp5_HIGHRES_300DPI_1.jpg?v=1757967535&width=352 352w, //www.modernperformance.com/cdn/shop/files/mp5_HIGHRES_300DPI_1.jpg?v=1757967535&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 %} <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 %} <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.