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