PageSourceSearch

https://www.dipyourcar.com/products/exoflex

html dipyourcar.com collected 2026-09-25 23:33:39 UTC 615,211 bytes, 9,821 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    
5    <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/hero-toggle-icons.css?v=40931662710819348771779442020" rel="stylesheet" type="text/css" media="all" />
6    <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/hero-toggle-26.css?v=29931501735525867211779442020" rel="stylesheet" type="text/css" media="all" />
7
8 
9<meta charset="utf-8">
10    <meta http-equiv="X-UA-Compatible" content="IE=edge">
11    <!-- ANDROID FIX: Reduced maximum-scale to prevent accidental zoom on Android -->
12    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no, viewport-fit=cover">
13    <meta name="theme-color" content="">
14
15    <!-- ANDROID FIX: Neutralize Shopify Chat widget body style thrashing -->
16    
16<script>
17    (function() {
18      // Only apply on mobile Android
19      var ua = navigator.userAgent || '';
20      var isAndroid = /Android/i.test(ua);
21      var isMobile = /Mobile|Android/i.test(ua);
22      if (!isAndroid || !isMobile) return;
23
24      // Track our own drawer state to prevent chat widget interference
25      var drawerIsOpen = false;
26
27      // Override body style setter to prevent chat widget thrashing
28      var originalStyleDescriptor = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'style');
29      if (originalStyleDescriptor && originalStyleDescriptor.get) {
30        var styleProxies = new WeakMap();
31
32        Object.defineProperty(document.body || document.documentElement, 'style', {
33          get: function() {
34            var realStyle = originalStyleDescriptor.get.call(this);
35            if (this !== document.body) return realStyle;
36
37            if (!styleProxies.has(this)) {
38              var proxy = new Proxy(realStyle, {
39                set: function(target, prop, value) {
40                  // Allow our drawer code to set overflow
41                  if (prop === 'overflow') {
42                    // Check if this is from our code (has drawer-open class)
43                    if (document.body.classList.contains('drawer-open') ||
44                        document.body.classList.contains('info-drawer-open') ||
45                        value === 'hidden' || value === '') {
46                      target[prop] = value;
47                    }
48                    // Otherwise ignore (likely from chat widget)
49                    return true;
50                  }
51                  target[prop] = value;
52                  return true;
53                }
54              });
55              styleProxies.set(this, proxy);
56            }
57            return styleProxies.get(this);
58          },
59          configurable: true
60        });
61      }
62    })();
63    </script>
63
64    <style>
65      /* Chat widget mobile hiding - DISABLED FOR TESTING
66      @media (max-width: 749px) {
67        #ShopifyChat,
68        #shopify-chat,
69        .shopify-chat-widget,
70        [class*="shopify-chat"],
71        iframe[src*="shopify-chat"],
72        iframe[title*="Shopify online store chat"],
73        inbox-online-store-chat {
74          display: none !important;
75          visibility: hidden !important;
76          pointer-events: none !important;
77        }
78      }
79      */
80      /* Stabilize body during any style changes */
81      body {
82        contain: style;
83      }
84    </style>
85    <link rel="canonical" href="https://www.dipyourcar.com/products/exoflex"><link rel="icon" type="image/png" href="//www.dipyourcar.com/cdn/shop/files/logo_dyc_avatar_black.png?crop=center&height=32&v=1765299552&width=32"><title>
86      ExoFlex Liquid Paint Protection Film | Roll-On, Peel-Off Kit | DipYourCar
87</title><meta name="description" content="ExoFlex is a water-based liquid paint protection film you roll on yourself. It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer. Built for the moments your paint takes real abuse: road trips, t">
88
89<meta property="og:site_name" content="DipYourCar.com">
90<meta property="og:url" content="https://www.dipyourcar.com/products/exoflex">
91<meta property="og:title" content="ExoFlex Liquid Paint Protection Film | Roll-On, Peel-Off Kit | DipYourCar">
92<meta property="og:type" content="product">
93<meta property="og:description" content="ExoFlex is a water-based liquid paint protection film you roll on yourself. It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer. Built for the moments your paint takes real abuse: road trips, t"><meta property="og:image" content="http://www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231">
94  <meta property="og:image:secure_url" content="https://www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231">
95  <meta property="og:image:width" content="2048">
96  <meta property="og:image:height" content="2048"><meta property="og:price:amount" content="49.95">
97  <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image">
98<meta name="twitter:title" content="ExoFlex Liquid Paint Protection Film | Roll-On, Peel-Off Kit | DipYourCar">
99<meta name="twitter:description" content="ExoFlex is a water-based liquid paint protection film you roll on yourself. It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer. Built for the moments your paint takes real abuse: road trips, t">
100
101<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/constants.js?v=130452994752088040821779442009" defer="defer"></script>
101
102    
102<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/pubsub.js?v=86952982910449811621779442046" defer="defer"></script>
102
103    
103<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/global.js?v=149212915214653212081779442019" defer="defer"></script>
103
104    
104<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/product-form.js?v=92658684083363719481779442041" defer="defer"></script>
104
105    
105<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/quick-add.js?v=142902028201252436621779442046" defer="defer"></script>
105<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/slider.js?v=19513983324513046621779442071" defer="defer"></script>
105
106    
106<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/scrollable-content-viewer.js?v=124925564108028942281779442048" defer="defer"></script>
106
107    
107<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/main-search.js?v=92257577812712818441779442030" defer="defer"></script>
107<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/confetti.js?v=97869789912092450461779442008" defer></script>
107<script>!function(){window.ZipifyPages=window.ZipifyPages||{},window.ZipifyPages.analytics={},window.ZipifyPages.currency="USD",window.ZipifyPages.shopDomain="dipyourcar-com.myshopify.com",window.ZipifyPages.moneyFormat="${{amount}}",window.ZipifyPages.shopifyOptionsSelector=false,window.ZipifyPages.unitPriceEnabled=false,window.ZipifyPages.alternativeAnalyticsLoading=true,window.ZipifyPages.integrations="".split(","),window.ZipifyPages.crmUrl="https://crms.zipify.com",window.ZipifyPages.isPagesEntity=false,window.ZipifyPages.translations={soldOut:"Sold out",unavailable:"Unavailable"},window.ZipifyPages.routes={root:"\/",cart:{index:"\/cart",add:"\/cart\/add",change:"\/cart\/change",clear:"\/cart\/clear",update:"\/cart\/update"}};window.ZipifyPages.eventsSubscriptions=[],window.ZipifyPages.on=function(i,a){window.ZipifyPages.eventsSubscriptions.push([i,a])}}();</script>
107<script>(() => {
108(()=>{class g{constructor(t={}){this.defaultConfig={sectionIds:[],rootMargin:"0px",onSectionViewed:()=>{},onSectionInteracted:()=>{},minViewTime:500,minVisiblePercentage:30,interactiveSelector:'a, button, input, select, textarea, [role="button"], [tabindex]:not([tabindex="-1"])'},this.config={...this.defaultConfig,...t},this.viewedSections=new Set,this.observer=null,this.viewTimers=new Map,this.init()}init(){document.readyState==="loading"?document.addEventListener("DOMContentLoaded",this.setup.bind(this)):this.setup()}setup(){this.setupObserver(),this.setupGlobalClickTracking()}setupObserver(){const t={root:null,rootMargin:this.config.rootMargin,threshold:[0,.1,.2,.3,.4,.5,.6,.7,.8,.9,1]};this.observer=new IntersectionObserver(e=>{e.forEach(i=>{this.calculateVisibility(i)?this.handleSectionVisible(i.target):this.handleSectionHidden(i.target)})},t),this.config.sectionIds.forEach(e=>{const i=document.getElementById(e);i&&this.observer.observe(i)})}calculateVisibility(t){const e=window.innerHeight,i=window.innerWidth,n=e*i,o=t.boundingClientRect,s=Math.max(0,o.top),c=Math.min(e,o.bottom),d=Math.max(0,o.left),a=Math.min(i,o.right),r=Math.max(0,c-s),l=Math.max(0,a-d)*r,m=n>0?l/n*100:0,h=o.width*o.height,p=h>0?l/h*100:0,S=m>=this.config.minVisiblePercentage,b=p>=80;return S||b}isSectionViewed(t){return this.viewedSections.has(Number(t))}setupGlobalClickTracking(){document.addEventListener("click",t=>{const e=this.findParentTrackedSection(t.target);if(e){const i=this.findInteractiveElement(t.target,e.el);i&&(this.isSectionViewed(e.id)||this.trackSectionView(e.id),this.trackSectionInteract(e.id,i,t))}})}findParentTrackedSection(t){let e=t;for(;e&&e!==document.body;){const i=e.id||e.dataset.zpSectionId,n=i?parseInt(i,10):null;if(n&&!isNaN(n)&&this.config.sectionIds.includes(n))return{el:e,id:n};e=e.parentElement}return null}findInteractiveElement(t,e){let i=t;for(;i&&i!==e;){if(i.matches(this.config.interactiveSelector))return i;i=i.parentElement}return null}trackSectionView(t){this.viewedSections.add(Number(t)),this.config.onSectionViewed(t)}trackSectionInteract(t,e,i){this.config.onSectionInteracted(t,e,i)}handleSectionVisible(t){const e=t.id,i=setTimeout(()=>{this.isSectionViewed(e)||this.trackSectionView(e)},this.config.minViewTime);this.viewTimers.set(e,i)}handleSectionHidden(t){const e=t.id;this.viewTimers.has(e)&&(clearTimeout(this.viewTimers.get(e)),this.viewTimers.delete(e))}addSection(t){if(!this.config.sectionIds.includes(t)){this.config.sectionIds.push(t);const e=document.getElementById(t);e&&this.observer&&this.observer.observe(e)}}}class f{constructor(){this.sectionTracker=new g({onSectionViewed:this.onSectionViewed.bind(this),onSectionInteracted:this.onSectionInteracted.bind(this)}),this.runningSplitTests=[]}getCookie(t){const e=document.cookie.match(new RegExp(`(?:^|; )${t}=([^;]*)`));return e?decodeURIComponent(e[1]):null}setCookie(t,e){let i=`${t}=${encodeURIComponent(e)}; path=/; SameSite=Lax`;location.protocol==="https:"&&(i+="; Secure");const n=new Date;n.setTime(n.getTime()+365*24*60*60*1e3),i+=`; expires=${n.toUTCString()}`,document.cookie=i}pickByWeight(t){const e=Object.entries(t).map(([o,s])=>[Number(o),s]),i=e.reduce((o,[,s])=>o+s,0);let n=Math.random()*i;for(const[o,s]of e){if(n<s)return o;n-=s}return e[e.length-1][0]}render(t){const e=t.blocks,i=t.test,n=i.id,o=`zpSectionSplitTest${n}`;let s=Number(this.getCookie(o));e.some(r=>r.id===s)||(s=this.pickByWeight(i.distribution),this.setCookie(o,s));const c=e.find(r=>r.id===s),d=`sectionSplitTest${c.id}`,a=document.querySelector(`template[data-id="${d}"]`);if(!a){console.error(`Template for split test ${c.id} not found`);return}document.currentScript.parentNode.insertBefore(a.content.cloneNode(!0),document.currentScript),this.runningSplitTests.push({id:n,block:c,templateId:d}),this.initTrackingForSection(c.id)}findSplitTestForSection(t){return this.runningSplitTests.find(e=>e.block.id===Number(t))}initTrackingForSection(t){this.sectionTracker.addSection(t)}onSectionViewed(t){this.trackEvent({sectionId:t,event:"zp_section_viewed"})}onSectionInteracted(t){this.trackEvent({sectionId:t,event:"zp_section_clicked"})}trackEvent({event:t,sectionId:e,payload:i={}}){const n=this.findSplitTestForSection(e);n&&window.Shopify.analytics.publish(t,{...i,sectionId:e,splitTestHash:n.id})}}window.ZipifyPages??={};window.ZipifyPages.SectionSplitTest=new f;})();
109
110})()</script>
110<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
110<meta name="google-site-verification" content="LwpJamFUT_Uz6rRQ6StVHlSjga9orffV2gjawVFsst4">
111<meta name="google-site-verification" content="zriBRNCU3UwMkk_wlmZ_SpZfo-YYr_RJKqLaOBEi0VQ">
112<meta name="google-site-verification" content="51adRk85KAuqpzjO0lH_JdT6qPU5eHftIua6o-8A1Hw">
113<meta name="google-site-verification" content="F9fn85UJv6gGMTBERuBuqo6pDTM8DqM9VYO00saMFiE">
114<meta name="google-site-verification" content="LwpJamFUT_Uz6rRQ6StVHlSjga9orffV2gjawVFsst4">
115<meta name="google-site-verification" content="-BaAj2MfP09ap2zFJJOorNFUeZL5DfOf25PJ2kEtFf4">
116<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/9736008/digital_wallets/dialog">
117<meta id="in-context-paypal-metadata" data-shop-id="9736008" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
118<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/54191316992364:1?ucp/version=2026-08-25&amp;context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" hreflang="x-default" href="https://www.dipyourcar.com/products/exoflex">
119<link rel="alternate" hreflang="en" href="https://www.dipyourcar.com/products/exoflex">
120<link rel="alternate" hreflang="es" href="https://www.dipyourcar.com/es/products/exoflex">
121<link rel="alternate" type="application/json+oembed" href="https://www.dipyourcar.com/products/exoflex.oembed">
122<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=7056916844"></script>
122
123<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
124<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=7056916844&shop_id=9736008" crossorigin="anonymous"></script>
vendor: 1 bytes, line 124
124
125<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":9736008,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/9736008","merchantName":"DipYourCar.com","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"DipYourCar.com","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 125
125
126<script id="shopify-features" type="application/json">{"accessToken":"1fea7f96c3feb19cbc07a2b212de1aa8","betas":["rich-media-storefront-analytics"],"domain":"www.dipyourcar.com","predictiveSearch":true,"shopId":9736008,"locale":"en"}</script>
vendor: 1 bytes, line 126
126
127<script>var Shopify = Shopify || {};
128Shopify.shop = "dipyourcar-com.myshopify.com";
129Shopify.locale = "en";
130Shopify.currency = {"active":"USD","rate":"1.0"};
131Shopify.country = "US";
132Shopify.theme = {"name":"Memorial V2","id":188380414316,"schema_name":"Ascent","schema_version":"2.1.6","theme_store_id":null,"role":"main"};
133Shopify.theme.handle = "null";
134Shopify.theme.style = {"id":null,"handle":null};
135Shopify.cdnHost = "www.dipyourcar.com/cdn";
136Shopify.routes = Shopify.routes || {};
137Shopify.routes.root = "/";
138Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
139Shopify.SignInWithShop = Shopify.SignInWithShop || {};
140Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
141Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 141
141
142<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 142
142
143<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 143
143
144<script>
145  window.ShopifyPay = window.ShopifyPay || {};
146  window.ShopifyPay.apiHost = "shop.app\/pay";
147  window.ShopifyPay.redirectState = null;
148</script>
vendor: 1 bytes, line 148
148
149<script>
150  window.Shopify = window.Shopify || {};
151  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
152  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
153  window.Shopify.SignInWithShop.eligible = true;
154</script>
vendor: 1 bytes, line 154
154
155<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 155
155
156<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 156
156
157<script type="module">
158  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
159
160  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
161
162</script>
vendor: 1 bytes, line 162
162
163<script>
164  window.Shopify = window.Shopify || {};
165  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
166  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"]};
167</script>
vendor: 1 bytes, line 167
167
168<script>(function() {
169  var isLoaded = false;
170  function asyncLoad() {
171    if (isLoaded) return;
172    isLoaded = true;
173    var urls = ["https:\/\/cdn.verifypass.com\/seller\/launcher.js?shop=dipyourcar-com.myshopify.com","https:\/\/cdn.pickystory.com\/widget\/static\/js\/noop.js?shop=dipyourcar-com.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-b173e1ad7384aad66f0f5da5311254e2.js?shop=dipyourcar-com.myshopify.com"];
174    for (var i = 0; i < urls.length; i++) {
175      var s = document.createElement('script');
176      s.type = 'text/javascript';
177      s.async = true;
178      s.src = urls[i];
179      var x = document.getElementsByTagName('script')[0];
180      x.parentNode.insertBefore(s, x);
181    }
182  };
183  if(window.attachEvent) {
184    window.attachEvent('onload', asyncLoad);
185  } else {
186    window.addEventListener('load', asyncLoad, false);
187  }
188})();</script>
vendor: 1 bytes, line 188
188
189<script id="__st">var __st={"a":9736008,"offset":-14400,"reqid":"48125d66-d49f-4b0c-ace3-a2ea64b8774a-1790379219","pageurl":"www.dipyourcar.com\/products\/exoflex","u":"6b38d348dacb","p":"product","rtyp":"product","rid":15246586282348};</script>
vendor: 1 bytes, line 189
189
190<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 190
190
191<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 191
191
192<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.dipyourcar.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 192
192
193<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.dipyourcar.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>
193<script crossorigin="anonymous" defer="defer" src="//www.dipyourcar.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 193
193
194<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 194
194
195<script>
196  window.Shopify = window.Shopify || {};
197  window.Shopify.MCP = window.Shopify.MCP || {};
198  window.Shopify.MCP.enabled = true;
199  window.Shopify.MCP.shop = "dipyourcar-com.myshopify.com";
200  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.dipyourcar.com\/api\/mcp";
201  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"]}}];
202</script>
vendor: 1 bytes, line 202
202
203<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.dipyourcar.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
204</script>
vendor: 1 bytes, line 204
204
205<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.dipyourcar.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
206</script>
vendor: 1 bytes, line 206
206
207<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
208  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);
209</script>
vendor: 1 bytes, line 209
209
210<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
211</script>
vendor: 1 bytes, line 211
211
212<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;publisher_shop_id&quot;:9736008,&quot;theme_id&quot;:188380414316,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:0,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;source_product_id&quot;:15246586282348,&quot;handle&quot;:&quot;exoflex&quot;,&quot;page_type&quot;:&quot;product&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//www.dipyourcar.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
212
213<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.dipyourcar.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
214<style id="shopify-accelerated-checkout-cart">
215        #shopify-buyer-consent {
216  margin-top: 1em;
217  display: inline-block;
218  width: 100%;
219}
220
221#shopify-buyer-consent.hidden {
222  display: none;
223}
224
225#shopify-subscription-policy-button {
226  background: none;
227  border: none;
228  padding: 0;
229  text-decoration: underline;
230  font-size: inherit;
231  cursor: pointer;
232}
233
234#shopify-subscription-policy-button::before {
235  box-shadow: none;
236}
237
238      </style>
239
240<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
240
241<link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https://cdn.stamped.io">
242    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
243    <link rel="dns-prefetch" href="https://www.clarity.ms">
244    <link rel="dns-prefetch" href="https://unpkg.com"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" /><link rel="preload" href="//www.dipyourcar.com/cdn/shop/t/308/assets/style.css?v=125364531146825416101779442073" as="style">
245    <link rel="preload" href="//www.dipyourcar.com/cdn/shop/t/308/assets/global.js?v=149212915214653212081779442019" as="script"><link rel="preload" as="font" href="//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.9147fb8a17f92eea90fbd0f4a12980752c760985.woff2" type="font/woff2" crossorigin>
246      
247<style data-shopify>@font-face {
248  font-family: "Work Sans";
249  font-weight: 300;
250  font-style: normal;
251  font-display: swap;
252  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.9147fb8a17f92eea90fbd0f4a12980752c760985.woff2") format("woff2"),
253       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.77ff01b19c0b08f0c3cb6da29ec620c1042f8122.woff") format("woff");
254}
255
256        @font-face {
257  font-family: "Work Sans";
258  font-weight: 100;
259  font-style: normal;
260  font-display: optional;
261  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n1.3b5d001dd20dab2308442816b302d59109fb4702.woff2") format("woff2"),
262       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n1.71f6bc2e8994a3e5ec539617cc389f6c083552ad.woff") format("woff");
263}
264
265        @font-face {
266  font-family: "Work Sans";
267  font-weight: 300;
268  font-style: normal;
269  font-display: swap;
270  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.9147fb8a17f92eea90fbd0f4a12980752c760985.woff2") format("woff2"),
271       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.77ff01b19c0b08f0c3cb6da29ec620c1042f8122.woff") format("woff");
272}
273
274        @font-face {
275  font-family: "Work Sans";
276  font-weight: 500;
277  font-style: normal;
278  font-display: swap;
279  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
280       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
281}
282
283        @font-face {
284  font-family: "Work Sans";
285  font-weight: 700;
286  font-style: normal;
287  font-display: swap;
288  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
289       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
290}
291
292        @font-face {
293  font-family: "Work Sans";
294  font-weight: 900;
295  font-style: normal;
296  font-display: optional;
297  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n9.4bea1158977687159ff35b9520eb34f1313023a4.woff2") format("woff2"),
298       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n9.6eee75bb5ea8f3fa835861b7ca7ceb0958dae714.woff") format("woff");
299}
300
301        @font-face {
302  font-family: "Work Sans";
303  font-weight: 300;
304  font-style: italic;
305  font-display: optional;
306  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_i3.e7200b0f85001676adc09f426fbd02b36a101a79.woff2") format("woff2"),
307       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_i3.0b982862aa9814c0aaffa6cc9483d154d9607297.woff") format("woff");
308}
309
310        @font-face {
311  font-family: "Work Sans";
312  font-weight: 700;
313  font-style: italic;
314  font-display: optional;
315  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_i7.7cdba6320b03c03dcaa365743a4e0e729fe97e54.woff2") format("woff2"),
316       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_i7.42a9f4016982495f4c0b0fb3dc64cf8f2d0c3eaa.woff") format("woff");
317}
318
319</style><link rel="preload" as="font" href="//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2" type="font/woff2" crossorigin>
320      
321<style data-shopify>@font-face {
322  font-family: "Work Sans";
323  font-weight: 500;
324  font-style: normal;
325  font-display: swap;
326  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n5.42fc03d7028ac0f31a2ddf10d4a2904a7483a1c4.woff2") format("woff2"),
327       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n5.1f79bf93aa21696aa0428c88e39fb9f946295341.woff") format("woff");
328}
329
330        @font-face {
331  font-family: "Work Sans";
332  font-weight: 100;
333  font-style: normal;
334  font-display: optional;
335  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n1.3b5d001dd20dab2308442816b302d59109fb4702.woff2") format("woff2"),
336       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n1.71f6bc2e8994a3e5ec539617cc389f6c083552ad.woff") format("woff");
337}
338
339        @font-face {
340  font-family: "Work Sans";
341  font-weight: 300;
342  font-style: normal;
343  font-display: swap;
344  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.9147fb8a17f92eea90fbd0f4a12980752c760985.woff2") format("woff2"),
345       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n3.77ff01b19c0b08f0c3cb6da29ec620c1042f8122.w
345off") format("woff");
346}
347
348        @font-face {
349  font-family: "Work Sans";
350  font-weight: 700;
351  font-style: normal;
352  font-display: swap;
353  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n7.e2cf5bd8f2c7e9d30c030f9ea8eafc69f5a92f7b.woff2") format("woff2"),
354       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n7.20f1c80359e7f7b4327b81543e1acb5c32cd03cd.woff") format("woff");
355}
356
357        @font-face {
358  font-family: "Work Sans";
359  font-weight: 900;
360  font-style: normal;
361  font-display: optional;
362  src: url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n9.4bea1158977687159ff35b9520eb34f1313023a4.woff2") format("woff2"),
363       url("//www.dipyourcar.com/cdn/fonts/work_sans/worksans_n9.6eee75bb5ea8f3fa835861b7ca7ceb0958dae714.woff") format("woff");
364}
365
366</style><link rel="preload" as="font" href="//www.dipyourcar.com/cdn/fonts/pacifico/pacifico_n4.70d15be9aa2255257fe626d87fbc1ed38436b047.woff2" type="font/woff2" crossorigin>
367      
368<style data-shopify>@font-face {
369  font-family: Pacifico;
370  font-weight: 400;
371  font-style: normal;
372  font-display: swap;
373  src: url("//www.dipyourcar.com/cdn/fonts/pacifico/pacifico_n4.70d15be9aa2255257fe626d87fbc1ed38436b047.woff2") format("woff2"),
374       url("//www.dipyourcar.com/cdn/fonts/pacifico/pacifico_n4.a3007cff6385e4e75c208a720cd121ff3558d293.woff") format("woff");
375}
376
377        
378        
379        
380        
381</style><style data-shopify>
382      
383
384
385        .color-background-1 {
386          --color-background: 255,255,255;
387          
388          --color-foreground: 36,40,51;
389          --color-shadow: 0,0,0;
390          --color-button: 42,42,42;
391          --color-button-text: 255,255,255;
392          --color-secondary-button-text: 36,40,51;
393          --color-outline: 36,40,51;
394        }
395
396        .color-background-2 {
397          --color-background: 249,249,249;
398          
399          --color-foreground: 42,42,42;
400          --color-shadow: 0,0,0;
401          --color-button: 42,42,42;
402          --color-button-text: 255,255,255;
403          --color-secondary-button-text: 42,42,42;
404          --color-outline: 42,42,42;
405        }
406
407        .color-inverse {
408          --color-background: 36,40,51;
409          
410          --color-foreground: 255,255,255;
411          --color-shadow: 0,0,0;
412          --color-button: 255,214,0;
413          --color-button-text: 0,0,0;
414          --color-secondary-button-text: 255,255,255;
415          --color-outline: 255,255,255;
416        }
417
418        .color-accent-1 {
419          --color-background: 191,18,19;
420          
421          --color-foreground: 255,255,255;
422          --color-shadow: 0,0,0;
423          --color-button: 36,40,51;
424          --color-button-text: 255,255,255;
425          --color-secondary-button-text: 36,40,51;
426          --color-outline: 255,255,255;
427        }
428
429        .color-accent-2 {
430          --color-background: 249,249,249;
431          
432          --color-foreground: 42,42,42;
433          --color-shadow: 0,0,0;
434          --color-button: 13,17,32;
435          --color-button-text: 255,255,255;
436          --color-secondary-button-text: 42,42,42;
437          --color-outline: 42,42,42;
438        }
439
440        .color-scheme-594f7a9c-decb-4200-99a7-09685393ddf3 {
441          --color-background: 34,34,34;
442          
443          --color-foreground: 255,255,255;
444          --color-shadow: 0,0,0;
445          --color-button: 255,255,255;
446          --color-button-text: 13,17,32;
447          --color-secondary-button-text: 36,40,51;
448          --color-outline: 255,255,255;
449        }
450
451        .color-scheme-e385f6fc-db46-4993-94fd-9449ec459e09 {
452          --color-background: 255,255,255;
453          
454          --color-foreground: 36,40,51;
455          --color-shadow: 0,0,0;
456          --color-button: 255,255,255;
457          --color-button-text: 42,42,42;
458          --color-secondary-button-text: 42,42,42;
459          --color-outline: 36,40,51;
460        }
461
462        .color-scheme-c11cc403-c44f-4df9-aa0f-7ff3087a8201 {
463          --color-background: 255,255,255;
464          
465          --color-foreground: 38,38,38;
466          --color-shadow: 0,0,0;
467          --color-button: 191,18,19;
468          --color-button-text: 255,255,255;
469          --color-secondary-button-text: 191,18,19;
470          --color-outline: 38,38,38;
471        }
472
473        .color-scheme-exoflex-video-slide {
474          --color-background: 255,255,255;
475          
476          --color-foreground: 255,255,255;
477          --color-shadow: 0,0,0;
478          --color-button: 7,149,148;
479          --color-button-text: 255,255,255;
480          --color-secondary-button-text: 7,149,148;
481          --color-outline: 255,255,255;
482        }
483
484      body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, .color-scheme-594f7a9c-decb-4200-99a7-09685393ddf3, .color-scheme-e385f6fc-db46-4993-94fd-9449ec459e09, .color-scheme-c11cc403-c44f-4df9-aa0f-7ff3087a8201, .color-scheme-exoflex-video-slide {
485        color: rgb(var(--color-foreground));
486        background: rgba(var(--color-background), var(--alpha-background));
487      }
488
489      :root {
490        --font-body-family: "Work Sans", sans-serif;
491        --font-body-style: normal;
492        --font-body-weight: 300;
493        --font-body-weight-bold: 600;
494            --font-body-letter-spacing: normal;--font-heading-family: "Work Sans", sans-serif;
495        --font-heading-style: normal;
496        --font-heading-weight: 500;
497            --font-header-letter-spacing: normal;--font-decorative-family: Pacifico, cursive;
498        --font-decorative-style: normal;
499            --font-decorative-letter-spacing: 0.12em;
500          --sale-badge-background: 191, 18, 19;
501        --sale-badge-foreground: 255, 255, 255;
502
503        --gift-badge-background: 181, 0, 181;
504        --gift-badge-foreground: 255, 255, 255;
505
506        --new-badge-background: 255, 214, 0;
507        --new-badge-foreground: 42, 42, 42;
508
509        --preorder-badge-background: 51, 79, 180;
510        --preorder-badge-foreground: 255, 255, 255;
511      
512        --hot-badge-background: 239, 198, 10;
513        --hot-badge-foreground: 42, 42, 42;
514
515        --best-seller-badge-background: 239, 198, 10;
516        --best-seller-badge-foreground: 42, 42, 42;
517
518        --limited-stock-badge-background: 181, 0, 181;
519        --limited-stock-badge-foreground: 255, 255, 255;
520        --kit-savings-badge-background: 198, 40, 40;
521        --kit-savings-badge-foreground: 255, 255, 255;
522        --ten-off-badge-background: 255, 59, 48;
523        --ten-off-badge-foreground: 255, 255, 255;
524        --fifteen-off-badge-background: 12, 183, 113;
525        --fifteen-off-badge-foreground: 255, 255, 255;
526        --twenty-off-badge-background: 34, 204, 26;
527        --twenty-off-badge-foreground: 255, 255, 255;
528        --twentyfive-off-badge-background: 34, 204, 26;
529        --twentyfive-off-badge-foreground: 255, 255, 255;
530        --thirty-off-badge-background: 191, 18, 19;
531        --thirty-off-badge-foreground: 255, 255, 255;
532        --five-dollar-off-badge-background: 255, 59, 48;
533        --five-dollar-off-badge-foreground: 255, 255, 255;
534        --ten-dollar-off-badge-background: 255, 59, 48;
535        --ten-dollar-off-badge-foreground: 255, 255, 255;
536        --fifteen-dollar-off-badge-background: 191, 18, 19;
537        --fifteen-dollar-off-badge-foreground: 255, 255, 255;
538        --twenty-dollar-off-badge-background: 191, 18, 19;
539        --twenty-dollar-off-badge-foreground: 255, 255, 255;
540        --twentyfive-dollar-off-badge-background: 191, 18, 19;
541        --twentyfive-dollar-off-badge-foreground: 255, 255, 255;
542        --fifty-dollar-off-badge-background: 191, 18, 19;
543        --fifty-dollar-off-badge-foreground: 255, 255, 255;
544        --auto-discount-badge-background: 16, 185, 129;
545        --auto-discount-badge-foreground: 255, 255, 255;
546      
547        --color-error: 255, 0, 0;
548        --color-warning: 255, 214, 0;
549        --color-success: 12, 183, 113;
550
551        
552          --page-width: 1600px;
553        
554
555        
556            --small-radius: 0.25rem;
557            --medium-radius: 0.5rem;
558            --large-radius: 0.875rem;
559          
560
561        --card-media-padding: 0px;
562        --card-media-padding-horizontal: 0px;
563      }
564
565      *,
566      *::before,
567      *::after {
568        box-sizing: inherit;
569      }
570
571      html {
572        box-sizing: border-box;
573        font-size: 16px;
574        height: 100%;
575        -webkit-text-size-adjust: 100%; /* 防止 Safari 和 Chrome 自动调整文本大小 */
576        text-size-adjust: 100%;
577      }
578
579      @media screen and (max-width: 749px) {
580        html{
581          font-size: 14px;
582        }
583      }
584
585      body {
586        display: flex;
587        flex-flow: column;
588        min-height: 100vh;
589        margin: 0;
590        line-height: 1.4;
591        overflow-x: hidden;
592        overflow-y: scroll;
593        font-family: var(--font-body-family);
594        font-style: var(--font-body-style);
595        letter-spacing: var(--font-body-letter-spacing);
596        font-weight: var(--font-body-weight);
597      }
598
599      main {
600        flex: 1 1 auto;
601      }@keyframes add-to-cart-pulse {
602          0%, 100% {
603            transform: scale(1);
604            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3);
605          }
606           50% {
607            transform: scale(1.01);
608            box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);
609          }
610        }
611
612        .product-buy-button .product-form .form .product-form-buttons .add-cart-button,
613        .product-buy-button .product-form .form .product-form-buttons .quantity-selector .quantity-input-wrapper .add-cart-button {
614          animation: add-to-cart-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
615        }
616
617        .product-buy-button .product-form .form .product-form-buttons .add-cart-button:hover:not(:disabled),
618        .product-buy-button .product-form .form .product-form-buttons .quantity-selector .quantity-input-wrapper .add-cart-button:hover:not(:disabled) {
619          animation-play-state: paused;
620        }
621
622        .product-buy-button .product-form .form .product-form-buttons .add-cart-button:disabled,
623        .product-buy-button .product-form .form .product-form-buttons .quantity-selector .quantity-input-wrapper .add-cart-button:disabled {
624          animation: none;
625        }</style>
626
627    
627<script>
628      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
629      if (Shopify.designMode) {
630        document.documentElement.classList.add('shopify-design-mode');
631      }
632    </script>
632
633
634    <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/style.css?v=125364531146825416101779442073" rel="stylesheet" type="text/css" media="all" />
635
636    <link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-autopopup.css?v=19529780875689676101779442001" media="print" onload="this.media='all';">
637    <noscript>
638      <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-autopopup.css?v=19529780875689676101779442001" rel="stylesheet" type="text/css" media="all" />
639    </noscript>
640
641    <link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-card.css?v=135614335209293511591789997028" media="print" onload="this.media='all';">
642    <noscript>
643      <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-card.css?v=135614335209293511591789997028" rel="stylesheet" type="text/css" media="all" />
644    </noscript><link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-predictive-search.css?v=63184844021452888911779442006" media="print" onload="this.media='all';">
645      <noscript>
646        <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-predictive-search.css?v=63184844021452888911779442006" rel="stylesheet" type="text/css" media="all" />
647      </noscript>
647<script type="text/javascript">
648    // Defer Clarity loading until after page load for better performance
649    window.addEventListener('load', function() {
650      (function(c,l,a,r,i,t,y){
651          c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
652          t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
653          y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
654      })(window, document, "clarity", "script", "mvkfyz8cop");
655    });
656  </script>
656
657    
657<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
657
658  
659
660
661
662
663
664
665
666
667
668  <!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a -->
669
670  
671    
672      <!-- TCF is active, scripts are loaded above -->
673      
674        
674<script>
675          if (!window.PandectesRulesSettings) {
676            window.PandectesRulesSettings = {"store":{"id":9736008,"adminMode":false,"headless":false,"storefrontRootDomain":"","checkoutRootDomain":"","storefrontAccessToken":""},"banner":{"revokableTrigger":false,"cookiesBlockedByDefault":"-1","hybridStrict":true,"isActive":true},"geolocation":{"auOnly":false,"brOnly":false,"caOnly":false,"chOnly":false,"euOnly":false,"jpOnly":false,"nzOnly":false,"thOnly":false,"zaOnly":false,"canadaOnly":false,"canadaLaw25":false,"canadaPipeda":false,"globalVisibility":true},"blocker":{"isActive":true,"googleConsentMode":{"isActive":true,"id":"GTM-N2XL9FJ","analyticsId":"GT-PBN2XJP, G-6EFZ5P374S","adwordsId":"AW-1015762320","adStorageCategory":4,"analyticsStorageCategory":2,"functionalityStorageCategory":1,"personalizationStorageCategory":1,"securityStorageCategory":0,"customEvent":false,"redactData":false,"urlPassthrough":false,"dataLayerProperty":"dataLayer","waitForUpdate":500,"useNativeChannel":false,"debugMode":false},"facebookPixel":{"isActive":true,"id":"1690207624571673","ldu":true},"microsoft":{"isActive":true,"uetTags":"30006211"},"clarity":{},"rakuten":{"isActive":false,"cmp":false,"ccpa":false},"gpcIsActive":true,"klaviyoIsActive":true,"defaultBlocked":7,"patterns":{"whiteList":[],"blackList":{"1":[],"2":[],"4":["clarity.ms","bat.bing.com","richpanel.com"],"8":[]},"iframesWhiteList":[],"iframesBlackList":{"1":[],"2":[],"4":[],"8":[]},"beaconsWhiteList":[],"beaconsBlackList":{"1":[],"2":[],"4":[],"8":[]}}}};
677            const rulesScript = document.createElement('script');
678            window.PandectesRulesSettings.auto = true;
679            rulesScript.src = "https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-rules.js";
680            const firstChild = document.head.firstChild;
681            document.head.insertBefore(rulesScript, firstChild);
682          }
683        </script>
683
684      
685      
685<script>
686        
687          window.PandectesSettings = {"store":{"id":9736008,"plan":"enterprise","theme":"Copy of JPW New Dev Theme 15th Nov","primaryLocale":"en","adminMode":false,"headless":false,"storefrontRootDomain":"","checkoutRootDomain":"","storefrontAccessToken":""},"tsPublished":1763849285,"declaration":{"declDays":"","declName":"","declPath":"","declType":"","isActive":false,"showType":true,"declHours":"","declYears":"","declDomain":"","declMonths":"","declMinutes":"","declPurpose":"","declSeconds":"","declSession":"","showPurpose":false,"declProvider":"","showProvider":true,"declIntroText":"","declRetention":"","declFirstParty":"","declThirdParty":"","showDateGenerated":true},"language":{"unpublished":[],"languageMode":"Single","fallbackLanguage":"en","languageDetection":"locale","languagesSupported":[]},"texts":{"managed":{"headerText":{"en":"We respect your privacy"},"consentText":{"en":"This website uses cookies to ensure you get the best experience."},"linkText":{"en":"Learn more"},"imprintText":{"en":"Imprint"},"googleLinkText":{"en":"Google's Privacy Terms"},"allowButtonText":{"en":"Accept"},"denyButtonText":{"en":"Decline"},"dismissButtonText":{"en":"Ok"},"leaveSiteButtonText":{"en":"Leave this site"},"preferencesButtonText":{"en":"Preferences"},"cookiePolicyText":{"en":"Cookie policy"},"preferencesPopupTitleText":{"en":"Manage consent preferences"},"preferencesPopupIntroText":{"en":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies."},"preferencesPopupSaveButtonText":{"en":"Save preferences"},"preferencesPopupCloseButtonText":{"en":"Close"},"preferencesPopupAcceptAllButtonText":{"en":"Accept all"},"preferencesPopupRejectAllButtonText":{"en":"Reject all"},"cookiesDetailsText":{"en":"Cookies details"},"preferencesPopupAlwaysAllowedText":{"en":"Always allowed"},"accessSectionParagraphText":{"en":"You have the right to request access to your data at any time."},"accessSectionTitleText":{"en":"Data portability"},"accessSectionAccountInfoActionText":{"en":"Personal data"},"accessSectionDownloadReportActionText":{"en":"Request export"},"accessSectionGDPRRequestsActionText":{"en":"Data subject requests"},"accessSectionOrdersRecordsActionText":{"en":"Orders"},"rectificationSectionParagraphText":{"en":"You have the right to request your data to be updated whenever you think it is appropriate."},"rectificationSectionTitleText":{"en":"Data Rectification"},"rectificationCommentPlaceholder":{"en":"Describe what you want to be updated"},"rectificationCommentValidationError":{"en":"Comment is required"},"rectificationSectionEditAccountActionText":{"en":"Request an update"},"erasureSectionTitleText":{"en":"Right to be forgotten"},"erasureSectionParagraphText":{"en":"You have the right to ask all your data to be erased. After that, you will no longer be able to access your account."},"erasureSectionRequestDeletionActionText":{"en":"Request personal data deletion"},"consentDate":{"en":"Consent date"},"consentId":{"en":"Consent ID"},"consentSectionChangeConsentActionText":{"en":"Change consent preference"},"consentSectionConsentedText":{"en":"You consented to the cookies policy of this website on"},"consentSectionNoConsentText":{"en":"You have not consented to the cookies policy of this website."},"consentSectionTitleText":{"en":"Your cookie consent"},"consentStatus":{"en":"Consent preference"},"confirmationFailureMessage":{"en":"Your request was not verified. Please try again and if problem persists, contact store owner for assistance"},"confirmationFailureTitle":{"en":"A problem occurred"},"confirmationSuccessMessage":{"en":"We will soon get back to you as to your request."},"confirmationSuccessTitle":{"en":"Your request is verified"},"guestsSupportEmailFailureMessage":{"en":"Your request was not submitted. Please try again and if problem persists, contact store owner for assistance."},"guestsSupportEmailFailureTitle":{"en":"A problem occurred"},"guestsSupportEmailPlaceholder":{"en":"E-mail address"},"guestsSupportEmailSuccessMessage":{"en":"If you are registered as a customer of this store, you will soon receive an email with instructions on how to proceed."}
687,"guestsSupportEmailSuccessTitle":{"en":"Thank you for your request"},"guestsSupportEmailValidationError":{"en":"Email is not valid"},"guestsSupportInfoText":{"en":"Please login with your customer account to further proceed."},"submitButton":{"en":"Submit"},"submittingButton":{"en":"Submitting..."},"cancelButton":{"en":"Cancel"},"declIntroText":{"en":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies."},"declName":{"en":"Name"},"declPurpose":{"en":"Purpose"},"declType":{"en":"Type"},"declRetention":{"en":"Retention"},"declProvider":{"en":"Provider"},"declFirstParty":{"en":"First-party"},"declThirdParty":{"en":"Third-party"},"declSeconds":{"en":"seconds"},"declMinutes":{"en":"minutes"},"declHours":{"en":"hours"},"declDays":{"en":"days"},"declWeeks":{"en":"week(s)"},"declMonths":{"en":"months"},"declYears":{"en":"years"},"declSession":{"en":"Session"},"declDomain":{"en":"Domain"},"declPath":{"en":"Path"}}
687,"categories":{"strictlyNecessaryCookiesTitleText":{"en":"Strictly necessary cookies"},"strictlyNecessaryCookiesDescriptionText":{"en":"These cookies are essential in order to enable you to move around the website and use its features, such as accessing secure areas of the website. The website cannot function properly without these cookies."},"functionalityCookiesTitleText":{"en":"Functional cookies"},"functionalityCookiesDescriptionText":{"en":"These cookies enable the site to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly."},"performanceCookiesTitleText":{"en":"Performance cookies"},"performanceCookiesDescriptionText":{"en":"These cookies enable us to monitor and improve the performance of our website. For example, they allow us to count visits, identify traffic sources and see which parts of the site are most popular."},"targetingCookiesTitleText":{"en":"Targeting cookies"},"targetingCookiesDescriptionText":{"en":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites.    They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."},"unclassifiedCookiesTitleText":{"en":"Unclassified cookies"},"unclassifiedCookiesDescriptionText":{"en":"Unclassified cookies are cookies that we are in the process of classifying, together with the providers of individual cookies."}},"auto":{}},"library":{"previewMode":false,"fadeInTimeout":0,"defaultBlocked":-1,"showLink":true,"showImprintLink":false,"showGoogleLink":false,"enabled":true,"cookie":{"expiryDays":365,"secure":true,"domain":""},"dismissOnScroll":false,"dismissOnWindowClick":false,"dismissOnTimeout":false,"palette":{"popup":{"background":"#FFFFFF","backgroundForCalculations":{"a":1,"b":255,"g":255,"r":255},"text":"#000000"},"button":{"background":"transparent","backgroundForCalculations":{"a":1,"b":255,"g":255,"r":255},"text":"#000000","textForCalculation":{"a":1,"b":0,"g":0,"r":0},"border":"#000000"}},"content":{"href":"/policies/privacy-policy","imprintHref":"","close":"&#10005;","target":"","logo":"<img class=\"cc-banner-logo\" style=\"max-height: 40px;\" src=\"https://dipyourcar-com.myshopify.com/cdn/shop/files/pandectes-banner-logo.png\" alt=\"Cookie banner\" />"},"window":"<div role=\"dialog\" aria-label=\"{{header}}\" aria-describedby=\"cookieconsent:desc\" id=\"pandectes-banner\" class=\"cc-window-wrapper cc-bottom-wrapper\"><div class=\"pd-cookie-banner-window cc-window {{classes}}\">{{children}}</div></div>","compliance":{"custom":"<div class=\"cc-compliance cc-highlight\">{{preferences}}{{allow}}</div>"},"type":"custom","layouts":{"basic":"{{logo}}{{messagelink}}{{compliance}}"},"position":"bottom","theme":"wired","revokable":false,"animateRevokable":false,"revokableReset":false,"revokableLogoUrl":"https://dipyourcar-com.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png","revokablePlacement":"bottom-right","revokableMarginHorizontal":15,"revokableMarginVertical":15,"static":false,"autoAttach":true,"hasTransition":true,"blacklistPage":[""],"elements":{"close":"<button aria-label=\"\" type=\"button\" class=\"cc-close\">{{close}}</button>","dismiss":"<button type=\"button\" class=\"cc-btn cc-btn-decision cc-dismiss\">{{dismiss}}</button>","allow":"<button type=\"button\" class=\"cc-btn cc-btn-decision cc-allow\">{{allow}}</button>","deny":"<button type=\"button\" class=\"cc-btn cc-btn-decision cc-deny\">{{deny}}</button>","preferences":"<button type=\"button\" class=\"cc-btn cc-settings\" aria-controls=\"pd-cp-preferences\" onclick=\"Pandectes.fn.openPreferences()\">{{preferences}}</button>"}},"geolocation":{"auOnly":false,"brOnly":false,"caOnly":false,"chOnly":false,"euOnly":false,"jpOnly":false,"nzOnly":false,"thOnly":false,"zaOnly":false,"canadaOnly":false,"canadaLaw25":false,"canadaPipeda":false,"globalVisibility":true},"dsr":{"guestsSupport":false,"accessSectionDownloadReportAuto":false},"banner":{"resetTs":1750693882,"extraCss":"        .cc-banner-logo {max-width: 24em!important;}    @media(min-width: 768px) {.cc-window.cc-floating{max-width: 24em!important;width: 24em!important;}}    .cc-message, .pd-cookie-banner-window .cc-header, .cc-logo {text-align: left}    .cc-window-wrapper{z-index: 2147483647;}    .cc-window{z-index: 2147483647;font-family: inherit;}    .pd-cookie-banner-window .cc-header{font-family: inherit;}    .pd-cp-ui{font-family: inherit; background-color: #FFFFFF;color:#000000;}    button.pd-cp-btn, a.pd-cp-btn{}    input + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 0.3)}    .pd-cp-scrolling-section::-webkit-scrollbar{background-color: rgba(0, 0, 0, 0.3)}    input:checked + .pd-cp-preferences-slider{background-color: rgba(0, 0, 0, 1)}    .pd-cp-scrolling-section::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 1)}    .pd-cp-ui-close{color:#000000;}    .pd-cp-preferences-slider:before{background-color: #FFFFFF}    .pd-cp-title:before {border-color: #000000!important}    .pd-cp-preferences-slider{background-color:#000000}    .pd-cp-toggle{color:#000000!important}    @media(max-width:699px) {.pd-cp-ui-close-top svg {fill: #000000}}    .pd-cp-toggle:hover,.pd-cp-toggle:visited,.pd-cp-toggle:active{color:#000000!important}    .pd-cookie-banner-window {box-shadow: 0 0 18px rgb(0 0 0 / 20%);}  ","customJavascript":{"useButtons":true},"showPoweredBy":false,"logoHeight":40,"revokableTrigger":false,"hybridStrict":true,"cookiesBlockedByDefault":"7","isActive":true,"implicitSavePreferences":false,"cookieIcon":false,"blockBots":false,"showCookiesDetails":true,"hasTransition":true,"blockingPage":false,"showOnlyLandingPage":false,"leaveSiteUrl":"https://pandectes.io","linkRespectStoreLang":false},"cookies":{"0":[{"name":"localization","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":"Used to localize the cart to the correct country."}},{"name":"_tracking_consent","type":"http","domain":".dipyourcar.com","path":"/","provider":"Shopify","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":"Used to store a user's preferences if a merchant has set up privacy rules in the visitor's region."}},{"name":"cart_currency","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Shopify","firstParty":true,"retention":"2 week(s)","session":false,"expires":2,"unit":"declWeeks","purpose":{"en":"Used after a checkout is completed to initialize a new empty cart with the same currency as the one just used."}},{"name":"keep_alive","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Shopify","firstParty":true,"retention":"30 minute(s)","session":false,"expires":30,"unit":"declMinutes","purpose":{"en":"Used when international domain redirection is enabled to determine if a request is the first one of a session."}},{"name":"shopify_pay_redirect","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Shopify","firstParty":true,"retention":"1 hour(s)","session":false,"expires":1,"unit":"declHours","purpose":{"en":"Used to accelerate the checkout process when the buyer has a Shop Pay account."}},{"name":"_shopify_essential","type":"http","domain":"shopify.com","path":"/9736008","provider":"Shopify","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":"Contains essential information for the correct functionality of a store such as session and checkout information and anti-tampering data."}},{"name":"customer_account_locale","type":"http","domain":"shopify.com","path":"/9736008","provider":"Shopify","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":"Used to keep track of a customer account locale when a redirection occurs from checkout or the storefront to customer accounts."}},{"name":"wpm-test-cookie","type":"http","domain":"dipyourcar.com","path":"/","provider":"Unknown","firstParty":false,"retention":"Session","session":true,"expires":1,"unit":"declSeconds","purpose":{"en":"A necessary cookie for website functionality."}},{"name":"wpm-test-cookie","type":"http","domain":"com","path":"/","provider":"Unknown","firstParty":false,"retention":"Session","session":true,"expires":1,"unit":"declSeconds","purpose":{"en":"A necessary cookie for website functionality."}},{"name":"auth_state_*","type":"http","domain":"shopify.com","path":"/9736008/account","provider":"Shopify","firstParty":false,"retention":"25 minute(s)","session":false,"expires":25,"unit":"declMinutes","purpose":{"en":""}},{"name":"wpm-test-cookie","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declSeconds","purpose":{"en":"A necessary cookie for website functionality."}}],"1":[],"2":[{"name":"_clck","type":"http","domain":".dipyourcar.com","path":"/","provider":"Microsoft","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":"Used by Microsoft Clarity to store a unique user ID."}},{"name":"_clsk","type":"http","domain":".dipyourcar.com","path":"/","provider":"Microsoft","firstParty":false,"retention":"1 day(s)","session":false,"expires":1,"unit":"declDays","purpose":{"en":"Used by Microsoft Clarity to store a unique user ID.\t"}},{"name":"_cltk","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Microsoft","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":"Stores interaction data for website analysis."}}
687],"4":[],"8":[{"name":"rp_lastName","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"37 second(s)","session":false,"expires":37,"unit":"declSeconds","purpose":{"en":""}},{"name":"rp_email","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"37 second(s)","session":false,"expires":37,"unit":"declSeconds","purpose":{"en":""}},{"name":"rp_customer_id","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"37 second(s)","session":false,"expires":37,"unit":"declSeconds","purpose":{"en":""}},{"name":"rp_firstName","type":"http","domain":"www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"37 second(s)","session":false,"expires":37,"unit":"declSeconds","purpose":{"en":""}},{"name":"c.gif","type":"html_session","domain":"https://c.clarity.ms","path":"/","provider":"Unknown","firstParty":false,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"rptkn","type":"http","domain":".dipyourcar.com","path":"/","provider":"Unknown","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"rpsid","type":"http","domain":".dipyourcar.com","path":"/","provider":"Unknown","firstParty":false,"retention":"6 hour(s)","session":false,"expires":6,"unit":"declHours","purpose":{"en":""}},{"name":"rpdid","type":"http","domain":".dipyourcar.com","path":"/","provider":"Unknown","firstParty":false,"retention":"1 year(s)","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"lb-upsell-setup","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"forms_visit_count","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"lb-upsell-setupFetchedAt","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"repCart","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"forms_previous_session_id","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"rpUnknownVisit","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfSessionStart","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"stamped_app_key","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"klaviyoOnsite","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"rep","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfEvDict","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"isMinimized","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfEnabledIntegrations","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"repShouldInvokeProactiveFlowS","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"temporarryQueue","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfCanSend","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfMiniChat","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"forms_fallback_session_id","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfCurrentPagePath","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfAutotrack","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfLatestPage","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"klaviyoPagesVisitCount","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"evQueue","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"repFunnelHist","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"currentTheme","type":"html_local","domain":"https://mcc-dyc.vercel.app","path":"/","provider":"Unknown","firstParty":false,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"__storage_test__","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfCurrentPage","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfAnimateIdx","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"evQueue","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"cf.turnstile.u","type":"html_local","domain":"https://challenges.cloudflare.com","path":"/","provider":"Unknown","firstParty":false,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"vfTrack","type":"html_session","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Session","session":true,"expires":1,"unit":"declYears","purpose":{"en":""}},{"name":"userProperties","type":"html_local","domain":"https://www.dipyourcar.com","path":"/","provider":"Unknown","firstParty":true,"retention":"Local Storage","session":false,"expires":1,"unit":"declYears","purpose":{"en":""}}]},"blocker":{"isActive":true,"googleConsentMode":{"id":"GTM-N2XL9FJ","analyticsId":"GT-PBN2XJP, G-6EFZ5P374S","adwordsId":"AW-1015762320","isActive":true,"adStorageCategory":4,"analyticsStorageCategory":2,"personalizationStorageCategory":1,"functionalityStorageCategory":1,"customEvent":false,"securityStorageCategory":0,"redactData":false,"urlPassthrough":false,"dataLayerProperty":"dataLayer","waitForUpdate":500,"useNativeChannel":false,"debugMode":false},"facebookPixel":{"id":"1690207624571673","isActive":true,"ldu":true},"microsoft":{"isActive":true,"uetTags":"30006211"},"rakuten":{"isActive":false,"cmp":false,"ccpa":false},"klaviyoIsActive":true,"gpcIsActive":true,"clarity":{},"defaultBlocked":7,"patterns":{"whiteList":[],"blackList":{"1":[],"2":[],"4":["clarity.ms","bat.bing.com","richpanel.com"],"8":[]},"iframesWhiteList":[],"iframesBlackList":{"1":[],"2":[],"4":[],"8":[]},"beaconsWhiteList":[],"beaconsBlackList":{"1":[],"2":[],"4":[],"8":[]}}}};
688        
689        window.addEventListener('DOMContentLoaded', function(){
690          const script = document.createElement('script');
691          
692            script.src = "https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-core.js";
693          
694          script.defer = true;
695          document.body.appendChild(script);
696        })
697      </script>
697
698    
699  
700
701
702
703
704
705<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
706
707
708
709
710
711
712
713
714
715
716
717
718  
718<script async src="https://static.klaviyo.com/onsite/js/JZxLbD/klaviyo.js?company_id=JZxLbD"></script>
718
719  
719<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
719
720
721  
722    
722<script id="viewed_product">
723      if (item == null) {
724        var _learnq = _learnq || [];
725
726        var MetafieldReviews = null
727        var MetafieldYotpoRating = null
728        var MetafieldYotpoCount = null
729        var MetafieldLooxRating = null
730        var MetafieldLooxCount = null
731        var okendoProduct = null
732        var okendoProductReviewCount = null
733        var okendoProductReviewAverageValue = null
734        try {
735          // The following fields are used for Customer Hub recently viewed in order to add reviews.
736          // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items
737          MetafieldReviews = {};
738          MetafieldYotpoRating = null
739          MetafieldYotpoCount = null
740          MetafieldLooxRating = null
741          MetafieldLooxCount = null
742
743          okendoProduct = null
744          // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data
745          if (okendoProduct && 'error' in okendoProduct) {
746            okendoProduct = null
747          }
748          okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null
749          okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null
750        } catch (error) {
751          console.error('Error in Klaviyo onsite reviews tracking:', error);
752        }
753
754        var item = {
755          Name: "ExoFlex Temporary Paint Protection",
756          ProductID: 15246586282348,
757          Categories: ["All Products","All Products (minus Sata \u0026 Fuji)","All products available for discounts"],
758          ImageURL: "https://www.dipyourcar.com/cdn/shop/files/ExoQuart_grande.webp?v=1786623231",
759          URL: "https://www.dipyourcar.com/products/exoflex",
760          Brand: "DipYourCar.com",
761          Price: "$42.95",
762          Value: "42.95",
763          CompareAtPrice: "$0.00"
764        };
765        _learnq.push(['track', 'Viewed Product', item]);
766        _learnq.push(['trackViewedItem', {
767          Title: item.Name,
768          ItemId: item.ProductID,
769          Categories: item.Categories,
770          ImageUrl: item.ImageURL,
771          Url: item.URL,
772          Metadata: {
773            Brand: item.Brand,
774            Price: item.Price,
775            Value: item.Value,
776            CompareAtPrice: item.CompareAtPrice
777          },
778          metafields:{
779            reviews: MetafieldReviews,
780            yotpo:{
781              rating: MetafieldYotpoRating,
782              count: MetafieldYotpoCount,
783            },
784            loox:{
785              rating: MetafieldLooxRating,
786              count: MetafieldLooxCount,
787            },
788            okendo: {
789              rating: okendoProductReviewAverageValue,
790              count: okendoProductReviewCount,
791            }
792          }
793        }]);
794      }
795    </script>
795
796  
797
798
799
800
801  
801<script>
802    window.klaviyoReviewsProductDesignMode = false
803  </script>
803
804
805
806
807
808
809
810
811
812
813<!-- END app block --><!-- BEGIN app block: shopify://apps/warnify-pro-warnings/blocks/main/b82106ea-6172-4ab0-814f-17df1cb2b18a --><!-- BEGIN app snippet: product -->
814
815
816
817
818
819
820
821
822
823
824
825  
825<script>    var Elspw = {      params: {        money_format: "${{amount}}",        cart: {          "total_price": 0,          "attributes": {},          "items": [                      ]        }      }    };    Elspw.params.product = {      "id": 15246586282348,      "title": "ExoFlex Temporary Paint Protection",      "handle": "exoflex",      "tags": ["ExoFlex","Liquid PPF","Paint Protection","system:accessory"],      "variants": [                {          "id": 54191316992364,          "price": 4995,          "qty": -38 === null ? 999 : -38,        "title": "Complete Kit",    "policy": "continue"    },            {          "id": 54193718165868,          "price": 4295,          "qty": -17 === null ? 999 : -17,        "title": "Refill Quart",    "policy": "continue"    }        ],    "collection_ids": [129498841171,634490552684,626362876268]                };  </script>
825<!-- END app snippet --><!-- BEGIN app snippet: settings -->
826  
826<script>    (function(){      Elspw.loadScript=function(a,b){var c=document.createElement("script");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){"loaded"!=c.readyState&&"complete"!=c.readyState||(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};      Elspw.config= {"enabled":true,"grid_enabled":1,"show_on_shipping_addredd_change":false,"button":"form[action*=\"/cart/add\"] [type=submit], form[action*=\"/cart/add\"] .add_to_cart, form[action*=\"/cart/add\"] .shopify-payment-button__button, form[action*=\"/cart/add\"] .shopify-payment-button__more-options, .ckb-add-cart-button","css":"","tag":"Els PW","show_date_targeting":0,"targets_in_metafield":0,"storefront_api_token":null,"is_shopify_plus":1,"alerts":[],"cdn":"https://s3.amazonaws.com/els-apps/product-warnings/","theme_app_extensions_enabled":1} ;          })(Elspw)  </script>
826  
826<script defer src="https://cdn.shopify.com/extensions/01a0667d-b9d2-746a-a777-adc5332339bd/cli-29/assets/app.js"></script>
826
827
828<script>
829  Elspw.params.remodalScriptPath = "https://cdn.shopify.com/extensions/01a0667d-b9d2-746a-a777-adc5332339bd/cli-29/assets/remodal.js";
830  Elspw.config = {
831    ...(Elspw.config || {}),
832    current_date: "2026\/09\/25 19:33",
833    current_weekday: +"5",
834    current_language: "en",
835  }
836  Elspw.params.cssPath = "https://cdn.shopify.com/extensions/01a0667d-b9d2-746a-a777-adc5332339bd/cli-29/assets/app.css";
837</script>
837<!-- END app snippet --><!-- BEGIN app snippet: elspw-jsons -->
838
839
840
841
842
843
844
845
846
847
848
849
850  
850<script type="application/json" id="elspw-product">
851
852{  "id": 15246586282348,  "title": "ExoFlex Temporary Paint Protection",  "handle": "exoflex",  "tags": ["ExoFlex","Liquid PPF","Paint Protection","system:accessory"],  "variants": [        {      "id": 54191316992364,      "price": 4995,      "qty": -38,      "title": "Complete Kit",      "policy": "continue"    },      {      "id": 54193718165868,      "price": 4295,      "qty": -17,      "title": "Refill Quart",      "policy": "continue"    }    ],  "collection_ids": [129498841171,634490552684,626362876268]  }
853</script>
853
854
855
856
857
858<!-- END app snippet -->
859
860
861<!-- END app block --><!-- BEGIN app block: shopify://apps/cozy-country-redirect/blocks/CozyStaticScript/7b44aa65-e072-42a4-8594-17bbfd843785 -->
861<script src="https://cozycountryredirectiii.addons.business/js/eggbox/15402/script_f09b83289f14410b72542bd7705a3880.js?v=1&sign=f09b83289f14410b72542bd7705a3880&shop=dipyourcar-com.myshopify.com" type='text/javascript'></script>
861
862<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'>
863
864<script id='shopify-chat-app-embed-data' type='application/json'>
865  {
866    "settings": {
867      "invertActivatorColors": true,
868      "greetingMessage": "",
869      "showFeaturedProducts": true,
870      "featuredProducts": [],
871      "horizontalPosition": "bottom_left",
872      "icon": "chat_bubble",
873      "buttonLabel": ""
874    }
875  }
876</script>
876
877
878<style data-shopify>
879  
880
881  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
882  shopify-chat:defined:empty {
883    display: grid;
884  }
885
886  :root {
887    --shopify-chat-bg-color: #FFFFFF;
888    --shopify-chat-text-color: #000000;
889    --shopify-chat-accent-bg-color: #000000;
890    --shopify-chat-accent-text-color: #FFFFFF;
891    --shopify-chat-activator-offset: 20px;
892
893    
894
895    --shopify-chat-activator-font-size: 16px;
896    --shopify-chat-border-radius: 16px;
897  }
898
899  
900</style>
901
902<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
902
903
904
905<!-- END app block -->
905<script src="https://cdn.shopify.com/extensions/01a0c3fc-9a5c-7c5f-b063-158ed04d9cfc/klaviyo-email-marketing-73/assets/app.js" type="text/javascript" defer="defer"></script>
905
906<link href="https://cdn.shopify.com/extensions/01a0c3fc-9a5c-7c5f-b063-158ed04d9cfc/klaviyo-email-marketing-73/assets/app.css" rel="stylesheet" type="text/css" media="all">
907<script src="https://cdn.shopify.com/extensions/01a0d534-ef1b-772d-900d-435fd2fb2a34/simple-bundle-2-125/assets/simple-bundles-v2.min.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 907
907
908<script src="https://cdn.shopify.com/extensions/01a0d8da-dbb6-759e-90f0-31975754fa90/forms-2597/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
908
909<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
910<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: 9736008,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 910
910
911<script>
912  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
913</script>
vendor: 1 bytes, line 913
913
914<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}
914).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: 9736008,storefrontBaseUrl: "https://www.dipyourcar.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.dipyourcar.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2002714988","configuration":"{\"storeIdentity\":\"dipyourcar-com.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"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"}
914,{"id":"1974927724","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f92d7cfd1521456d481ee553d236893f","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1526694252","configuration":"{\"accountID\":\"JZxLbD\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1508999532","configuration":"{\"shop_url\": \"dipyourcar-com.myshopify.com\", \"backend_url\": \"https:\/\/app.blocky-app.com\/record_cart_ip\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6477fe5b4c5043c7a83db889bb44611b","type":"APP","apiClientId":5096093,"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"},{"id":"747340140","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-1015762320\\\",\\\"GT-PBN2XJP\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/uRdfCMeozMADEJCbreQD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/SKi1CMqozMADEJCbreQD\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-6EFZ5P374S\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/B07fCMGozMADEJCbreQD\\\",\\\"MC-5T614L6QMT\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-6EFZ5P374S\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/VwXRCL6ozMADEJCbreQD\\\",\\\"MC-5T614L6QMT\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/Yrs7CLuozMADEJCbreQD\\\",\\\"MC-5T614L6QMT\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-6EFZ5P374S\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/gTJ3CM2ozMADEJCbreQD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-6EFZ5P374S\\\",\\\"AW-1015762320\\\/kYdbCMSozMADEJCbreQD\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-6EFZ5P374S\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"196935763","configuration":"{\"pixel_id\":\"1690207624571673\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"7733331","configuration":"{\"myshopifyDomain\":\"dipyourcar-com.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"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":"31195219","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Reddit Pixel"},{"id":"32440403","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Microsoft Ads"},{"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":"DipYourCar.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"dipyourcar-com.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.dipyourcar.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":49.95,"currencyCode":"USD"},"product":{"title":"ExoFlex Temporary Paint Protection","vendor":"DipYourCar.com","id":"15246586282348","untranslatedTitle":"ExoFlex Temporary Paint Protection","url":"\/products\/exoflex","type":"Paint Protection"},"id":"54191316992364","image":{"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788"},"sku":"EXOFLEX-KIT","title":"Complete Kit","untranslatedTitle":"Complete Kit"},{"price":{"amount":42.95,"currencyCode":"USD"},"product":{"title":"ExoFlex Temporary Paint Protection","vendor":"DipYourCar.com","id":"15246586282348","untranslatedTitle":"ExoFlex Temporary Paint Protection","url":"\/products\/exoflex","type":"Paint Protection"},"id":"54193718165868","image":{"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231"},"sku":"EXOFLEX-REFILL","title":"Refill Quart","untranslatedTitle":"Refill Quart"}
914],"products":[{"id":"15246586282348","handle":"exoflex","isCollective":false,"title":"ExoFlex Temporary Paint Protection","type":"Paint Protection","untranslatedTitle":"ExoFlex Temporary Paint Protection","url":"\/products\/exoflex","vendor":"DipYourCar.com","remoteShopId":null,"variants":[{"id":"54191316992364","image":{"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788"},"price":{"amount":49.95,"currencyCode":"USD"},"sku":"EXOFLEX-KIT","title":"Complete Kit","untranslatedTitle":"Complete Kit"},{"id":"54193718165868","image":{"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231"},"price":{"amount":42.95,"currencyCode":"USD"},"sku":"EXOFLEX-REFILL","title":"Refill Quart","untranslatedTitle":"Refill Quart"}]}],"purchasingCompany":null},},"https://www.dipyourcar.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188380414316","themePublished":"true","eventMetadataId":"639c166a-5f70-4647-aa2b-8d9ecc8f495b","pageType":"product","resourceId":"15246586282348","shopId":"9736008","storefrontBaseUrl":"https:\/\/www.dipyourcar.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":49.95,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"ExoFlex Temporary Paint Protection\",\"vendor\":\"DipYourCar.com\",\"id\":\"15246586282348\",\"untranslatedTitle\":\"ExoFlex Temporary Paint Protection\",\"url\":\"\/products\/exoflex\",\"type\":\"Paint Protection\"},\"id\":\"54191316992364\",\"image\":{\"src\":\"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788\"},\"sku\":\"EXOFLEX-KIT\",\"title\":\"Complete Kit\",\"untranslatedTitle\":\"Complete Kit\"}}]]"});})();</script>
914<script>
915  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
916  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
917  window.ShopifyAnalytics.meta.currency = 'USD';
918  var meta = {"product":{"id":15246586282348,"gid":"gid:\/\/shopify\/Product\/15246586282348","vendor":"DipYourCar.com","type":"Paint Protection","handle":"exoflex","variants":[{"id":54191316992364,"price":4995,"name":"ExoFlex Temporary Paint Protection - Complete Kit","public_title":"Complete Kit","sku":"EXOFLEX-KIT"},{"id":54193718165868,"price":4295,"name":"ExoFlex Temporary Paint Protection - Refill Quart","public_title":"Refill Quart","sku":"EXOFLEX-REFILL"}],"remote":false,"collective":false},"page":{"pageType":"product","resourceType":"product","resourceId":15246586282348,"requestId":"48125d66-d49f-4b0c-ace3-a2ea64b8774a-1790379219"}};
919  for (var attr in meta) {
920    window.ShopifyAnalytics.meta[attr] = meta[attr];
921  }
922</script>
vendor: 1 bytes, line 922
922
923<script class="analytics">
924  (function () {
925    var customDocumentWrite = function(content) {
926      var jquery = null;
927
928      if (window.jQuery) {
929        jquery = window.jQuery;
930      } else if (window.Checkout && window.Checkout.$) {
931        jquery = window.Checkout.$;
932      }
933
934      if (jquery) {
935        jquery('body').append(content);
936      }
937    };
938
939    var hasLoggedConversion = function(token) {
940      if (token) {
941        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
942      }
943      return false;
944    }
945
946    var setCookieIfConversion = function(token) {
947      if (token) {
948        var twoMonthsFromNow = new Date(Date.now());
949        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
950
951        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
952      }
953    }
954
955    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
956    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
957    if (trekkie.integrations) {
958      return;
959    }
960    trekkie.methods = [
961      'identify',
962      'page',
963      'ready',
964      'track',
965      'trackForm',
966      'trackLink'
967    ];
968    trekkie.factory = function(method) {
969      return function() {
970        var args = Array.prototype.slice.call(arguments);
971        args.unshift(method);
972        trekkie.push(args);
973        if (method == 'track' || method == 'page') {
974          var pageUrl;
975          try {
976            pageUrl = window.location.href;
977          } catch (e) {}
978          var pageReferrer;
979          try {
980            pageReferrer = document.referrer;
981          } catch (e) {}
982          try {
983            if (window.__TREKKIE_SHIM_QUEUE == null) {
984              window.__TREKKIE_SHIM_QUEUE = [];
985            }
986            window.__TREKKIE_SHIM_QUEUE.push({
987              from: 'trekkie-stub',
988              method: method,
989              args: args.slice(1),
990              pageContext: {
991                url: pageUrl,
992                referrer: pageReferrer
993              }
994            });
995          } catch (e) {
996            // no-op
997          }
998        }
999        return trekkie;
1000      };
1001    };
1002    for (var i = 0; i < trekkie.methods.length; i++) {
1003      var key = trekkie.methods[i];
1004      trekkie[key] = trekkie.factory(key);
1005    }
1006    trekkie.load = function(config) {
1007      trekkie.config = config || {};
1008      trekkie.config.initialDocumentCookie = document.cookie;
1009      var first = document.getElementsByTagName('script')[0];
1010var script = document.createElement('script');
1011script.type = 'text/javascript';
1012script.onerror = function(e) {
1013  var scriptFallback = document.createElement('script');
1014  scriptFallback.type = 'text/javascript';
1015  scriptFallback.onerror = function(error) {
1016          var Monorail = {
1017      produce: function produce(monorailDomain, schemaId, payload) {
1018        var currentMs = new Date().getTime();
1019        var event = {
1020          schema_id: schemaId,
1021          payload: payload,
1022          metadata: {
1023            event_created_at_ms: currentMs,
1024            event_sent_at_ms: currentMs
1025          }
1026        };
1027        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1028      },
1029      sendRequest: function sendRequest(endpointUrl, payload) {
1030        // Try the sendBeacon API
1031        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1032          var blobData = new window.Blob([payload], {
1033            type: 'text/plain'
1034          });
1035
1036          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1037            return true;
1038          } // sendBeacon was not successful
1039
1040        } // XHR beacon
1041
1042        var xhr = new XMLHttpRequest();
1043
1044        try {
1045          xhr.open('POST', endpointUrl);
1046          xhr.setRequestHeader('Content-Type', 'text/plain');
1047          xhr.send(payload);
1048        } catch (e) {
1049          console.log(e);
1050        }
1051
1052        return false;
1053      },
1054      isIos12: function isIos12() {
1055        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1056      }
1057    };
1058    Monorail.produce('monorail-edge.shopifysvc.com',
1059      'trekkie_storefront_load_errors/1.1',
1060      {shop_id: 9736008,
1061      theme_id: 188380414316,
1062      app_name: "storefront",
1063      context_url: window.location.href,
1064      source_url: "//www.dipyourcar.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
1065
1066  };
1067  scriptFallback.async = true;
1068  scriptFallback.src = '//www.dipyourcar.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1069  first.parentNode.insertBefore(scriptFallback, first);
1070};
1071script.async = true;
1072script.src = '//www.dipyourcar.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
1073first.parentNode.insertBefore(script, first);
1074
1075    };
1076    trekkie.load(
1077      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":9736008,"isMerchantRequest":null,"themeId":188380414316,"themeCityHash":"10679943422581863127","contentLanguage":"en","currency":"USD","eventMetadataId":"639c166a-5f70-4647-aa2b-8d9ecc8f495b"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1078    );
1079
1080    var loaded = false;
1081    trekkie.ready(function() {
1082      if (loaded) return;
1083      loaded = true;
1084
1085      window.ShopifyAnalytics.lib = window.trekkie;
1086
1087      var originalDocumentWrite = document.write;
1088      document.write = customDocumentWrite;
1089      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1090      document.write = originalDocumentWrite;
1091
1092      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1093      var token = match? match[1]: undefined;
1094      if (!hasLoggedConversion(token)) {
1095        setCookieIfConversion(token);
1096        window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":54191316992364,"productId":15246586282348,"productGid":"gid:\/\/shopify\/Product\/15246586282348","name":"ExoFlex Temporary Paint Protection - Complete Kit","price":"49.95","sku":"EXOFLEX-KIT","brand":"DipYourCar.com","variant":"Complete Kit","category":"Paint Protection","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true});
1097      }
1098    });
1099
1100    window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":15246586282348,"requestId":"48125d66-d49f-4b0c-ace3-a2ea64b8774a-1790379219","shopifyEmitted":true});
1101
1102    var eventsListenerScript = document.createElement('script');
1103    eventsListenerScript.async = true;
1104    eventsListenerScript.src = "//www.dipyourcar.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1105    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1106})();</script>
1106
1107  
1107<script>
1108  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
1109    window.ga = function ga() {
1110      (window.ga.q = window.ga.q || []).push(arguments);
1111      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1112        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
1113      }
1114      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
1115    };
1116    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
1117      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
1118    }
1119  }
1120</script>
vendor: 1 bytes, line 1120
1120
1121<script
1122  defer
1123  src="https://www.dipyourcar.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1124  data-application="storefront-renderer"
1125  data-shop-id="9736008"
1126  data-render-region="gcp-us-central1"
1127  data-page-type="product"
1128  data-theme-instance-id="188380414316"
1129  data-theme-name="Ascent"
1130  data-theme-version="2.1.6"
1131  data-monorail-region="shop_domain"
1132  data-resource-timing-sampling-rate="10"
1133  data-shs="true"
1134  data-shs-beacon="true"
1135  data-shs-export-with-fetch="true"
1136  data-shs-logs-sample-rate="1"
1137  data-shs-beacon-endpoint="https://www.dipyourcar.com/api/collect"
1138></script>
vendor: 1 bytes, line 1138
1138
1139<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to DipYourCar.com. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
1139,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
vendor: 1 bytes, line 1139
1139
1140<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"9736008","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":true,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1140
1141<meta name="shopify-y" content="00000000-0000-0000-5000-000000000000" data-expiration="1821936819000"><meta name="shopify-s" content="00000000-0000-0000-5000-000000000000" data-expiration="1790381019000"><meta name="new-cookie-storage-activated" content="t">
1142</head>
1143
1144  <body id="Top" class="color-scheme-c11cc403-c44f-4df9-aa0f-7ff3087a8201 gradient">
1145    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
1146      Skip to content
1147    </a>
1148
1149    <!-- BEGIN sections: header-group -->
1150<div id="shopify-section-sections--27611554611564__header" class="shopify-section shopify-section-group-header-group section-header section-header-v2"><style data-shopify>/* ───────────────────────────────────────────────────────────────
1151   1. GLOBAL / DESKTOP (unchanged)
1152   ───────────────────────────────────────────────────────────────*/
1153.section-header {
1154  /* Safari "sticky + z-index" quirk fix – Dawn PR #2147 */
1155  position: relative;
1156}
1157
1158/* Anything carrying .hide-md should disappear ≥ 1199 px */
1159@media screen and (min-width: 1199px) {
1160  .hide-md { display: none !important; }
1161}
1162
1163/* ───────────────────────────────────────────────────────────────
1164   2. MOBILE HEADER (≤ 747 px)
1165   ───────────────────────────────────────────────────────────────*/
1166@media screen and (max-width: 747px) {
1167  /* 2-A ▸ Global sizing tokens */
1168  :root {
1169    --header-height-mobile: 48px;        /* overall bar height     */
1170    --header-padding-inline-mobile: .75rem; /* ⬅ horizontal padding */
1171  }
1172
1173  /* 2-B ▸ Give every header container a fixed height */
1174  sticky-header .header,
1175  sticky-header #Page-Header,
1176  sticky-header .header-main {
1177    height: var(--header-height-mobile);
1178    min-height: var(--header-height-mobile);
1179    padding: 0;                          /* wipe Dawn's defaults   */
1180  }
1181
1182  /* 2-C ▸ FLEX alignment for perfect centering */
1183  sticky-header .header-main {
1184    display: flex;
1185    align-items: center;                 /* vertical centering     */
1186    justify-content: space-between;      /* three balanced columns */
1187    /* NEW → add horizontal breathing-room */
1188    padding-inline: var(--header-padding-inline-mobile);
1189  }
1190
1191  .header-left-area,
1192  .header-heading,
1193  .header-icons {
1194    display: flex;
1195    align-items: center;                 /* vertical centering     */
1196  }
1197
1198  /* Equal space on each side of the centered logo */
1199  .header-left-area,
1200  .header-icons { flex: 1 0 0; }
1201  .header-heading      { flex: 0 0 auto; }
1202
1203  /* 2-D ▸ Logo & icon sizing tweaks */
1204  .header-heading-logo-wrapper { 
1205    /* Mobile logo width is now controlled by section setting */
1206    /* DEBUG: Force logo visibility on mobile */
1207    display: block !important;
1208    visibility: visible !important;
1209  }
1210  .header-heading-logo-wrapper img {
1211    display: block !important;
1212    visibility: visible !important;
1213    width: var(--logo-width-mobile) !important;
1214    height: auto !important;
1215  }
1216  .header-icons .header-icon   { padding-inline: 0.375rem; }
1217
1218  /* 2-E ▸ Push icons flush to the right edge of their column */
1219  .header-icons { justify-content: flex-end; }
1220}
1221
1222/* ───────────────────────────────────────────────────────────────
1223   3. UPPERCASE MENU STYLING
1224   ───────────────────────────────────────────────────────────────*/
1225.header--first-level-uppercase .first-level-item {
1226  text-transform: uppercase !important;
1227  font-weight: 600 !important;
1228  letter-spacing: 0.5px !important;
1229}
1230
1231.header--first-level-uppercase .first-level-item span {
1232  text-transform: uppercase !important;
1233  font-weight: 600 !important;
1234  letter-spacing: 0.5px !important;
1235}
1236
1237/* DEBUG: Force uppercase on all menu items */
1238.header-menu-first-level .first-level-item {
1239  text-transform: uppercase !important;
1240  font-weight: 600 !important;
1241  letter-spacing: 0.5px !important;
1242}
1243
1244/* ──────────────────────────────────────────────────────────────────
1245   COUNTDOWN BAR (inside sticky-header)
1246   ──────────────────────────────────────────────────────────────────*/
1247.hv2-countdown-bar {
1248  background: var(--hcd-bg, #c0392b);
1249  color: var(--hcd-text, #fff);
1250  width: 100%;
1251  padding-top: var(--hcd-pt, 6px);
1252  padding-bottom: var(--hcd-pb, 6px);
1253  display: flex;
1254  align-items: center;
1255  justify-content: center;
1256}
1257
1258.hv2-countdown-inner {
1259  display: flex;
1260  align-items: center;
1261  justify-content: center;
1262}
1263
1264.hv2-countdown-link {
1265  display: inline-flex;
1266  align-items: center;
1267  gap: 1.25rem;
1268  text-decoration: none;
1269  color: inherit;
1270  white-space: nowrap;
1271}
1272
1273/* if no link wrapper, direct children need the same layout */
1274.hv2-countdown-inner > .hv2-cd-text,
1275.hv2-countdown-inner > .hv2-cd-timer {
1276  white-space: nowrap;
1277}
1278.hv2-countdown-inner > .hv2-cd-text {
1279  margin-right: 1.25rem;
1280}
1281
1282.hv2-cd-text {
1283  font-size: var(--hcd-font-desktop, 13px);
1284  font-weight: 700;
1285  text-transform: uppercase;
1286  letter-spacing: 0.75px;
1287}
1288
1289.hv2-cd-timer {
1290  display: inline-flex;
1291  align-items: center;
1292  gap: 5px;
1293}
1294
1295.hv2-cd-box {
1296  display: inline-flex;
1297  flex-direction: column;
1298  align-items: center;
1299  justify-content: center;
1300  background: #ffffff;
1301  color: #1a1a2e;
1302  border-radius: 5px;
1303  padding: 2px 6px 1px;
1304  min-width: 2.2em;
1305  box-shadow: 0 1px 3px rgba(0,0,0,0.15);
1306  line-height: 1;
1307}
1308
1309.hv2-cd-num {
1310  font-family: 'TWKLausanne', monospace;
1311  font-size: var(--hcd-font-desktop, 13px);
1312  font-weight: 800;
1313  font-variant-numeric: tabular-nums;
1314  letter-spacing: 0.5px;
1315  color: #1a1a2e;
1316}
1317
1318.hv2-cd-lbl {
1319  font-size: calc(var(--hcd-font-desktop, 13px) * 0.5);
1320  font-weight: 600;
1321  text-transform: uppercase;
1322  letter-spacing: 0.5px;
1323  color: #666;
1324  margin-top: 1px;
1325}
1326
1327.hv2-cd-sep {
1328  font-size: calc(var(--hcd-font-desktop, 13px) * 1.1);
1329  font-weight: 800;
1330  opacity: 0.8;
1331  margin: 0 -1px;
1332  animation: hv2-pulse 1s ease-in-out infinite;
1333}
1334
1335@keyframes hv2-pulse {
1336  0%, 100% { opacity: 0.8; }
1337  50% { opacity: 0.2; }
1338}
1339
1340.hv2-cd-expired {
1341  font-size: var(--hcd-font-desktop, 13px);
1342  font-weight: 700;
1343  text-transform: uppercase;
1344  letter-spacing: 0.5px;
1345}
1346
1347/* ── Countdown bar mobile ── */
1348@media screen and (max-width: 747px) {
1349  .hv2-countdown-bar {
1350    padding-top: var(--hcd-pt-m, 4px);
1351    padding-bottom: var(--hcd-pb-m, 4px);
1352  }
1353  .hv2-countdown-link {
1354    gap: 0.75rem;
1355  }
1356  .hv2-countdown-inner > .hv2-cd-text {
1357    margin-right: 0.75rem;
1358  }
1359  .hv2-cd-text {
1360    font-size: var(--hcd-font-mobile, 11px);
1361    letter-spacing: 0.4px;
1362  }
1363  .hv2-cd-timer {
1364    gap: 3px;
1365  }
1366  .hv2-cd-box {
1367    padding: 2px 4px 1px;
1368    min-width: 1.8em;
1369    border-radius: 4px;
1370  }
1371  .hv2-cd-num {
1372    font-size: var(--hcd-font-mobile, 11px);
1373  }
1374  .hv2-cd-lbl {
1375    font-size: calc(var(--hcd-font-mobile, 11px) * 0.5);
1376  }
1377  .hv2-cd-sep {
1378    font-size: calc(var(--hcd-font-mobile, 11px) * 1.1);
1379  }
1380  .hv2-cd-expired {
1381    font-size: var(--hcd-font-mobile, 11px);
1382  }
1383}
1384
1385/* ──────────────────────────────────────────────────────────────────
1386   INLINE ANNOUNCEMENT BAR (inside sticky-header)
1387   ──────────────────────────────────────────────────────────────────*/
1388.hv2-announcement-bar {
1389  background: var(--hab-bg, #1a1a2e);
1390  color: var(--hab-text, #fff);
1391  width: 100%;
1392  padding-top: var(--hab-pt, 6px);
1393  padding-bottom: var(--hab-pb, 6px);
1394  text-align: center;
1395  font-size: var(--hab-font, 12px);
1396  font-weight: 600;
1397  letter-spacing: 0.03em;
1398}
1399
1400/* 3-column: social | messages | utility */
1401.hv2-ab-inner {
1402  display: flex;
1403  align-items: center;
1404  justify-content: space-between;
1405  gap: 1rem;
1406  overflow: hidden;
1407  position: relative;
1408}
1409
1410/* ── Left: Social icons ── */
1411.hv2-ab-social {
1412  display: flex;
1413  align-items: center;
1414  flex-shrink: 0;
1415}
1416.hv2-ab-social .list-social {
1417  display: flex;
1418  flex-wrap: nowrap;
1419  column-gap: 0.5rem;
1420}
1421.hv2-ab-social .social-item {
1422  --icon-width: 1rem;
1423}
1424.hv2-ab-social-mobile {
1425  display: none;
1426}
1427
1428/* ── Center: Messages ── */
1429.hv2-ab-center {
1430  flex: 1;
1431  display: flex;
1432  align-items: center;
1433  justify-content: center;
1434  gap: 1.5rem;
1435  overflow: hidden;
1436  min-width: 0;
1437}
1438
1439.hv2-ab-link {
1440  color: inherit;
1441  text-decoration: none;
1442}
1443.hv2-ab-link:hover {
1444  text-decoration: underline;
1445}
1446
1447.hv2-ab-message {
1448  white-space: nowrap;
1449}
1450
1451.hv2-ab-divider {
1452  opacity: 0.4;
1453  font-size: 0.6em;
1454}
1455
1456/* ── Right: Utility link ── */
1457.hv2-ab-utility {
1458  flex-shrink: 0;
1459}
1460.hv2-ab-utility-link {
1461  display: inline-flex;
1462  align-items: center;
1463  gap: 0.25rem;
1464  color: inherit;
1465  text-decoration: none;
1466  font-size: 0.75rem;
1467  white-space: nowrap;
1468}
1469.hv2-ab-utility-link:hover {
1470  text-decoration: underline;
1471}
1472.hv2-ab-utility-icon {
1473  display: none;
1474}
1475
1476/* ── Rotator ── */
1477.hv2-ab-rotator {
1478  position: relative;
1479  width: 100%;
1480  height: 1.4em;
1481  overflow: hidden;
1482}
1483
1484.hv2-ab-slide {
1485  position: absolute;
1486  inset: 0;
1487  display: flex;
1488  align-items: center;
1489  justify-content: center;
1490  white-space: nowrap;
1491  opacity: 0;
1492  transform: translateY(100%);
1493  transition: opacity 400ms ease, transform 400ms ease;
1494}
1495
1496.hv2-ab-slide--active {
1497  opacity: 1;
1498  transform: translateY(0);
1499}
1500
1501/* ── AB mobile ── */
1502@media screen and (max-width: 747px) {
1503  .hv2-announcement-bar {
1504    font-size: var(--hab-font-m, 11px);
1505  }
1506  .hv2-ab-inner {
1507    gap: 0.5rem;
1508  }
1509
1510  /* Desktop social → hidden, mobile YT icon → shown */
1511  .hv2-ab-social { display: none; }
1512  .hv2-ab-social-mobile {
1513    display: flex;
1514    align-items: center;
1515    flex-shrink: 0;
1516  }
1517  .hv2-ab-mobile-icon {
1518    color: inherit;
1519    display: flex;
1520    align-items: center;
1521  }
1522  .hv2-ab-mobile-icon .icon {
1523    width: 1.125rem;
1524    height: 1.125rem;
1525  }
1526
1527  /* Utility: hide text, show map-pin icon */
1528  .hv2-ab-utility-text { display: none; }
1529  .hv2-ab-utility-icon {
1530    display: flex;
1531    align-items: center;
1532    color: inherit;
1533  }
1534
1535  .hv2-ab-center {
1536    gap: 0.75rem;
1537  }
1538}
1539
1540/* ──────────────────────────────────────────────────────────────────
1541   YOUTUBE SLIDE-UP DRAWER
1542   ──────────────────────────────────────────────────────────────────*/
1543.hv2-yt-trigger,
1544button[data-yt-drawer-trigger] {
1545  background: none !important;
1546  background-color: transparent !important;
1547  border: none !important;
1548  padding: 0 !important;
1549  margin: 0;
1550  cursor: pointer;
1551  color: inherit;
1552  display: flex;
1553  align-items: center;
1554  -webkit-appearance: none;
1555  appearance: none;
1556}
1557
1558.hv2-yt-drawer {
1559  position: fixed;
1560  inset: 0;
1561  z-index: 9999;
1562  pointer-events: none;
1563}
1564.hv2-yt-drawer.is-open {
1565  pointer-events: auto;
1566}
1567
1568.hv2-yt-overlay {
1569  position: absolute;
1570  inset: 0;
1571  background: rgba(0,0,0,0.4);
1572  -webkit-backdrop-filter: blur(12px);
1573  backdrop-filter: blur(12px);
1574  opacity: 0;
1575  transition: opacity 300ms ease;
1576  pointer-events: none;
1577}
1578.hv2-yt-drawer.is-open .hv2-yt-overlay {
1579  opacity: 1;
1580  pointer-events: auto;
1581}
1582
1583.hv2-yt-sheet {
1584  position: absolute;
1585  bottom: 0;
1586  left: 0;
1587  right: 0;
1588  background: #0f0f0f;
1589  border-radius: 16px 16px 0 0;
1590  height: 80vh;
1591  max-height: 90vh;
1592  display: flex;
1593  flex-direction: column;
1594  overflow-x: hidden;
1595  overflow-y: auto;
1596  transform: translateY(100%);
1597  transition: transform 350ms cubic-bezier(0.32, 0.72, 0, 1);
1598  pointer-events: auto;
1599}
1600.hv2-yt-drawer.is-open .hv2-yt-sheet {
1601  transform: translateY(0);
1602}
1603
1604.hv2-yt-sheet-header {
1605  display: flex;
1606  align-items: center;
1607  justify-content: space-between;
1608  padding: 14px 16px 8px;
1609  position: relative;
1610  flex-shrink: 0;
1611}
1612
1613.hv2-yt-handle {
1614  position: absolute;
1615  top: 6px;
1616  left: 50%;
1617  transform: translateX(-50%);
1618  width: 36px;
1619  height: 4px;
1620  background: rgba(255,255,255,0.3);
1621  border-radius: 2px;
1622}
1623
1624.hv2-yt-sheet-title {
1625  display: flex;
1626  align-items: center;
1627  gap: 8px;
1628  color: #fff;
1629  font-size: 14px;
1630  font-weight: 600;
1631}
1632
1633.hv2-yt-close {
1634  background: rgba(255,255,255,0.1) !important;
1635  border: none !important;
1636  border-radius: 50%;
1637  width: 32px;
1638  height: 32px;
1639  display: flex;
1640  align-items: center;
1641  justify-content: center;
1642  cursor: pointer;
1643  color: #fff;
1644}
1645.hv2-yt-close:hover {
1646  background: rgba(255,255,255,0.2) !important;
1647}
1648
1649/* ── Tabs ── */
1650.hv2-yt-tabs {
1651  display: flex;
1652  gap: 0;
1653  padding: 0 10px 6px;
1654  flex-shrink: 0;
1655}
1656.hv2-yt-tab {
1657  flex: 1;
1658  padding: 6px 0;
1659  background: none !important;
1660  border: none !important;
1661  border-bottom: 2px solid transparent !important;
1662  color: rgba(255,255,255,0.5);
1663  font-size: 12px;
1664  font-weight: 600;
1665  text-transform: uppercase;
1666  letter-spacing: 0.5px;
1667  cursor: pointer;
1668  transition: color 200ms, border-color 200ms;
1669  -webkit-appearance: none;
1670  appearance: none;
1671}
1672.hv2-yt-tab--active {
1673  color: #fff;
1674  border-bottom-color: #ff0000 !important;
1675}
1676
1677/* ── Main player ── */
1678.hv2-yt-player-wrap {
1679  padding: 0 10px;
1680  flex-shrink: 0;
1681  position: relative;
1682  width: 100%;
1683  box-sizing: border-box;
1684}
1685.hv2-yt-player-wrap::before {
1686  content: '';
1687  display: block;
1688  padding-top: 56.25%; /* 16:9 */
1689}
1690#hv2-yt-player,
1691.hv2-yt-player-wrap iframe {
1692  position: absolute;
1693  top: 0;
1694  left: 10px;
1695  right: 10px;
1696  height: 100%;
1697  width: calc(100% - 20px);
1698  border-radius: 10px;
1699  background: #000;
1700  border: 0;
1701}
1702
1703/* ── Thumbnail carousel ── */
1704.hv2-yt-carousel {
1705  display: flex;
1706  gap: 8px;
1707  padding: 10px 10px 4px;
1708  overflow-x: auto;
1709  overflow-y: hidden;
1710  scroll-snap-type: x mandatory;
1711  -webkit-overflow-scrolling: touch;
1712  flex-shrink: 0;
1713  align-items: flex-start;
1714  scrollbar-width: none;
1715}
1716.hv2-yt-carousel::-webkit-scrollbar { display: none; }
1717
1718.hv2-yt-thumb {
1719  flex: 0 0 120px;
1720  width: 120px;
1721  height: auto;
1722  position: relative;
1723  border-radius: 8px;
1724  overflow: hidden;
1725  cursor: pointer;
1726  scroll-snap-align: start;
1727  border: 2px solid transparent;
1728  padding: 0 !important;
1729  background: #1a1a1a !important;
1730  -webkit-appearance: none;
1731  appearance: none;
1732  transition: border-color 200ms ease;
1733}
1734.hv2-yt-thumb--active {
1735  border-color: #ff0000;
1736}
1737.hv2-yt-thumb img {
1738  width: 100%;
1739  aspect-ratio: 16 / 9;
1740  object-fit: cover;
1741  display: block;
1742}
1743.hv2-yt-thumb-play {
1744  position: absolute;
1745  inset: 0;
1746  display: flex;
1747  align-items: center;
1748  justify-content: center;
1749  background: rgba(0,0,0,0.3);
1750  opacity: 0;
1751  transition: opacity 200ms ease;
1752}
1753.hv2-yt-thumb:hover .hv2-yt-thumb-play,
1754.hv2-yt-thumb--active .hv2-yt-thumb-play {
1755  opacity: 0;
1756}
1757
1758.hv2-yt-sheet-footer {
1759  padding: 8px 16px 20px;
1760  text-align: center;
1761  flex-shrink: 0;
1762  margin-top: auto;
1763}
1764
1765.hv2-yt-channel-link {
1766  display: inline-flex;
1767  align-items: center;
1768  gap: 6px;
1769  color: rgba(255,255,255,0.7);
1770  font-size: 12px;
1771  text-decoration: none;
1772  font-weight: 500;
1773}
1774.hv2-yt-channel-link:hover {
1775  color: #fff;
1776}
1777
1778/* Desktop: hide drawer entirely */
1779@media screen and (min-width: 748px) {
1780  .hv2-yt-drawer { display: none !important; }
1781}
1782
1783/* ──────────────────────────────────────────────────────────────────
1784   MEMORIAL DAY FLAG TAKEOVER (announcement_bar block)
1785   Shown only when settings.sale_active AND the block's
1786   sale_takeover_enabled are both on. Scoped so the normal bar is untouched.
1787   ──────────────────────────────────────────────────────────────────*/
1788.hv2-announcement-bar--takeover {
1789  background: #0f1c38;
1790  color: #fff;
1791}
1792.hv2-takeover-inner {
1793  display: flex;
1794  align-items: center;
1795  justify-content: center;
1796  gap: 10px;
1797  padding-top: 6px;
1798  padding-bottom: 6px;
1799  text-align: center;
1800}
1801.hv2-takeover-msg {
1802  font-size: 12px;
1803  font-weight: 700;
1804  letter-spacing: .4px;
1805  line-height: 1;
1806  white-space: nowrap;
1807  text-shadow: 0 1px 2px rgba(0,0,0,.45);
1808}
1809.hv2-takeover-sep { margin: 0 .4em; opacity: .65; }
1810.hv2-takeover-offer { color: #ffd34d; }
1811.hv2-takeover-flag {
1812  width: 22px;
1813  height: 16px;
1814  flex: 0 0 auto;
1815  border-radius: 2px;
1816  box-shadow: 0 1px 2px rgba(0,0,0,.35);
1817}
1818@media screen and (max-width: 747px) {
1819  .hv2-takeover-inner { gap: 7px; padding-inline: 8px; }
1820  .hv2-takeover-msg { font-size: 11px; }
1821  .hv2-takeover-flag { width: 18px; height: 13px; }
1822}
1823
1824/* ───────────────────────────────────────────────────────────────
1825   CHAT MORPH — desktop chat icon ↔ iMessage / WhatsApp / Phone
1826   ───────────────────────────────────────────────────────────────*/
1827.header-icons { position: relative; }
1828
1829/* Toggle button icon swap (chat ↔ close) — works for desktop (.header-icon--chat) and mobile (.header-icon--chat-m) */
1830.header-icon--chat, .header-icon--chat-m { cursor: pointer; background: none; border: 0; }
1831.hc-ico { display: inline-flex; align-items: center; }
1832.hc-ico--close { display: none; }
1833.is-chat-open .hc-ico--chat { display: none; }
1834.is-chat-open .hc-ico--close { display: inline-flex; }
1835
1836/* Channels group: hidden until open */
1837.header-channels { display: none; align-items: center; gap: .25rem; }
1838.header-icons.is-chat-open .header-channels {
1839  display: inline-flex;
1840  animation: hc-channels-in .28s ease both;
1841}
1842.header-channel { display: inline-flex; align-items: center; padding-inline: .375rem; background: none; border: 0; cursor: pointer; }
1843.header-channel svg { display: block; width: 24px; height: 24px; }
1844
1845/* Hide the default icons (account/search/localization) while open; cart stays */
1846.header-icons.is-chat-open .header-icon--account,
1847.header-icons.is-chat-open .header-icon--search,
1848.header-icons.is-chat-open .header-icon--localization { display: none; }
1849
1850@keyframes hc-channels-in {
1851  from { opacity: 0; transform: translateX(8px); }
1852  to   { opacity: 1; transform: translateX(0); }
1853}
1854@media (prefers-reduced-motion: reduce) {
1855  .header-icons.is-chat-open .header-channels { animation: none; }
1856}
1857
1858/* QR popover (Windows desktop fallback for iMessage/Text) */
1859.hc-qr {
1860  position: absolute;
1861  top: 100%;
1862  right: 0;
1863  margin-top: .5rem;
1864  z-index: 5;
1865  background: #fff;
1866  border: 1px solid #e3e6ea;
1867  border-radius: 12px;
1868  padding: 14px;
1869  width: 200px;
1870  text-align: center;
1871  box-shadow: 0 10px 30px rgba(0,0,0,.18);
1872}
1873.hc-qr[hidden] { display: none; }
1874.hc-qr__code img { width: 160px; height: 160px; display: block; margin: 0 auto; }
1875.hc-qr__hint { margin: .5rem 0 0; font-size: 12px; line-height: 1.3; color: #5b626b; }
1876
1877/* Desktop morph badges are icon-only — hide the chip labels there */
1878.header-channels .hc-chip-label { display: none; }
1879
1880/* Desktop morph (right cluster) shows ≥750; below that the mobile launcher takes over */
1881@media screen and (max-width: 749px) {
1882  .header-icon--chat, .header-channels, .hc-qr { display: none !important; }
1883}
1884
1885/* ── Mobile chat launcher (left of hamburger) ── */
1886.hc-mobile { display: inline-flex; align-items: center; }
1887.header-icon--chat-m { padding-inline: .375rem; }
1888
1889/* Centre morph: occupies the logo slot when chat is open (mobile only) */
1890.hc-center { display: none; flex: 0 0 auto; align-items: center; justify-content: center; gap: 22px; }
1891.hc-center .hc-chip-label { display: none; }                 /* icon-only in the centre row */
1892.hc-center .header-channel { padding-inline: 0; }
1893.hc-center .header-channel svg { width: 30px; height: 30px; }
1894
1895@media screen and (max-width: 749px) {
1896  .header-main.is-chat-open .header-heading { display: none; }
1897  .header-main.is-chat-open .hc-center {
1898    display: flex;
1899    animation: hc-center-in .24s ease both;
1900  }
1901}
1902@keyframes hc-center-in {
1903  from { opacity: 0; transform: scale(.92); }
1904  to   { opacity: 1; transform: scale(1); }
1905}
1906@media (prefers-reduced-motion: reduce) {
1907  .header-main.is-chat-open .hc-center { animation: none; }
1908}</style>
1908<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/sticky-header.js?v=15339583826324237011779442072" defer="defer"></script>
1908<sticky-header
1909  data-sticky-type="on-scroll-up"
1910  
1911  class="header-wrapper
1912    
1913    
1914    "
1915><div class="hv2-announcement-bar"
1916         style="--hab-bg: #000000; --hab-text: #ffffff; --hab-font: 14px; --hab-font-m: 12px; --hab-pt: 6px; --hab-pb: 6px;"
1917         >
1918      <div class="hv2-ab-inner page-width"><div class="hv2-ab-center"><div class="hv2-ab-message"><a href="/products/exoflex" class="hv2-ab-link">🚚 Free Shipping $150+ • Easy DIY Kits</a></div></div></div>
1919    </div><header
1920    id="Page-Header"
1921    class="header isolate color-background-1 gradient
1922      header--left-bottom
1923      header-mobile--
1924      
1925       header--has-menu
1926      
1927        header--menu-position-bottom
1928      "
1929    style="--transparent-foreground-color: , , ;"
1930  >
1931    <div class="header-main page-width"><svg width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute"><defs>
1932          <linearGradient id="hcAIGrad" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#6DC3F7"/><stop offset="1" stop-color="#7C5CFC"/></linearGradient>
1933        </defs></svg><div class="header-left-area">
1934<link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-header-drawer.css?v=102172652584493482181779442004" media="print" onload="this.media='all';">
1935<noscript>
1936  <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-header-drawer.css?v=102172652584493482181779442004" rel="stylesheet" type="text/css" media="all" />
1937</noscript>
1938
1939<header-drawer>
1940  <details class="menu-drawer-details">
1941    <summary
1942      class="menu-summary menu-toggle-button"
1943      aria-haspopup="true"
1944      aria-expanded="false"
1945      aria-label="Menu"
1946      aria-controls="Header-Menu-Drawer"
1947    >
1948      <span class="button button--icon button--ethereal">
1949        <svg class="hamburger" viewBox="0 0 100 100" width="80">
1950          <path class="line top" d="m 30,33 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40" />
1951          <path class="line middle" d="m 30,50 h 40" />
1952          <path class="line bottom" d="m 30,67 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40" />
1953        </svg>
1954      </span>
1955    </summary>
1956    <div
1957      id="Header-Menu-Drawer"
1958      class="menu-drawer"
1959      tabindex="-1"
1960    >
1961      <div class="menu-drawer-inner color-background-1 gradient">
1962        <div class="drawer-header medium-hide large-up-hide"><a
1963              class="button button--secondary button--pill button--full-width"
1964              href="https://www.dipyourcar.com/customer_authentication/redirect?locale=en&region_country=US"
1965              rel="nofollow"
1966            >
1967              
1968
1969<svg class="icon icon-account" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.7864 8.26087V10.3478C17.7864 12.7106 15.8673 14.6261 13.5 14.6261C11.1327 14.6261 9.21364 12.7106 9.21364 10.3478V8.26087C9.21364 5.89805 11.1327 3.98261 13.5 3.98261C15.8673 3.98261 17.7864 5.89805 17.7864 8.26087ZM7.22727 8.26087C7.22727 4.80309 10.0357 2 13.5 2C16.9643 2 19.7727 4.80309 19.7727 8.26087V10.3478C19.7727 13.8056 16.9643 16.6087 13.5 16.6087C10.0357 16.6087 7.22727 13.8056 7.22727 10.3478V8.26087ZM3.98636 21.8261C3.98636 20.6159 4.9693 19.6348 6.18182 19.6348H20.8182C22.0307 19.6348 23.0136 20.6159 23.0136 21.8261V22.9739C23.0136 23.5502 22.5456 24.0174 21.9682 24.0174H5.03182C4.45443 24.0174 3.98636 23.5502 3.98636 22.9739V21.8261ZM2 21.8261C2 19.5209 3.87226 17.6522 6.18182 17.6522H20.8182C23.1277 17.6522 25 19.5209 25 21.8261V24.9565C25 25.5328 24.5319 26 23.9545 26H3.04545C2.46807 26 2 25.5328 2 24.9565V21.8261Z" fill="currentColor"/></svg>
1970
1971Log in
1972</a>
1973        </div>
1974        <div class="drawer-content">
1975          <nav class="menu-drawer-nav hidden-scrollbar">
1976            <ul class="menu-drawer-menu has-submenu" data-level="1">
1977
1978                <li class="menu-drawer-menu-item header-menu-first-level menu-item--active"><div class="menu-link-wrapper">
1979                      <a
1980                        class="link link-full first-level-item focus-inset"
1981                        href="/products/exoflex"
1982                        
1983                          aria-current="page"
1984                        
1985                      >
1986                        ExoFlex
1987                        
1988                      </a>
1989                    </div></li>
1990
1991                <li class="menu-drawer-menu-item header-menu-first-level"><div class="menu-link-wrapper">
1992                      <a
1993                        class="link link-full first-level-item focus-inset"
1994                        href="/collections/luna-one"
1995                        
1996                      >
1997                        Luna ONE
1998                        
1999                      </a>
2000                    </div></li>
2001
2002                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
2003                      <summary
2004                        class="menu-summary first-level-item focus-inset"
2005                        aria-expanded="false"
2006                        aria-controls="Drawer-Menu-Peelable-paints"
2007                      >
2008                        <a
2009                          class="link"
2010                          
2011                            href="#"
2012                          
2013                          
2014                        >
2015                          Peelable Paints
2016                          
2017                        </a>
2018                        
2019
2020<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2021
2022                      </summary>
2023                      <div
2024                        id="Drawer-Menu-Peelable-paints"
2025                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
2026                        tabindex="-1"
2027                        data-level="2"
2028                        aria-label="Submenu for Peelable Paints"
2029                      >
2030                        <div class="submenu-wrapper hidden-scrollbar">
2031                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2032                                    <summary
2033                                      class="menu-summary focus-inset"
2034                                      aria-expanded="false"
2035                                      aria-controls="Drawer-Menu-Peelable-paints-All-in-one-kits"
2036                                    >
2037                                      <a
2038                                        class="link"
2039                                        
2040                                          href="#"
2041                                        
2042                                        
2043                                      >
2044                                        All-In-One Kits
2045                                      </a>
2046                                      
2047
2048<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2049
2050                                    </summary>
2051                                    <div
2052                                      id="Drawer-Menu-Peelable-paints-All-in-one-kits"
2053                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2054                                      tabindex="-1"
2055                                      data-level="3"
2056                                      aria-label="Submenu for All-In-One Kits"
2057                                    >
2058                                      <div class="submenu-wrapper hidden-scrollbar">
2059                                        <ul
2060                                          class="menu-drawer-menu"
2061                                          tabindex="-1"
2062                                        ><li class="menu-drawer-menu-item">
2063                                              <div class="menu-link-wrapper">
2064                                                <a
2065                                                  class="link link-full focus-inset"
2066                                                  href="/pages/car-kits"
2067                                                  
2068                                                >
2069                                                  Peelable Car Kits
2070                                                </a>
2071                                              </div>
2072                                            </li><li class="menu-drawer-menu-item">
2073                                              <div class="menu-link-wrapper">
2074                                                <a
2075                                                  class="link link-full focus-inset"
2076                                                  href="/collections/hyperdi
2076p-wheel-kits"
2077                                                  
2078                                                >
2079                                                  HyperDip Wheel Kits
2080                                                </a>
2081                                              </div>
2082                                            </li><li class="menu-drawer-menu-item">
2083                                              <div class="menu-link-wrapper">
2084                                                <a
2085                                                  class="link link-full focus-inset"
2086                                                  href="/collections/plastidip-wheel-kits"
2087                                                  
2088                                                >
2089                                                  Plasti Dip Wheel Kits
2090                                                </a>
2091                                              </div>
2092                                            </li><li class="menu-drawer-menu-item">
2093                                              <div class="menu-link-wrapper">
2094                                                <a
2095                                                  class="link link-full focus-inset"
2096                                                  href="/products/hyperdi
2096p-emblem-badges-kit"
2097                                                  
2098                                                >
2099                                                  Emblem &amp; Badge Kits
2100                                                </a>
2101                                              </div>
2102                                            </li><li class="menu-drawer-menu-item">
2103                                              <div class="menu-link-wrapper">
2104                                                <a
2105                                                  class="link link-full focus-inset"
2106                                                  href="/products/hyperdip-grille-mirror-trim-kit"
2107                                                  
2108                                                >
2109                                                  Trim &amp; Grille Kits
2110                                                </a>
2111                                              </div>
2112                                            </li></ul>
2113                                      </div>
2114                                    </div>
2115                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2116                                    <summary
2117                                      class="menu-summary focus-inset"
2118                                      aria-expanded="false"
2119                                      aria-controls="Drawer-Menu-Peelable-paints-Explore-our-colors"
2120                                    >
2121                                      <a
2122                                        class="link"
2123                                        
2124                                          href="#"
2125                                        
2126                                        
2127                                      >
2128                                        Explore Our Colors
2129                                      </a>
2130                                      
2131
2132<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2133
2134                                    </summary>
2135                                    <div
2136                                      id="Drawer-Menu-Peelable-paints-Explore-our-colors"
2137                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2138                                      tabindex="-1"
2139                                      data-level="3"
2140                                      aria-label="Submenu for Explore Our Colors"
2141                                    >
2142                                      <div class="submenu-wrapper hidden-scrollbar">
2143                                        <ul
2144                                          class="menu-drawer-menu"
2145                                          tabindex="-1"
2146                                        ><li class="menu-drawer-menu-item">
2147                                              <div class="menu-link-wrapper">
2148                                                <a
2149                                                  class="link link-full focus-inset"
2150                                                  href="/collections/all-peelable-colors"
2151                                                  
2152                                                >
2153                                                  Shop All Colors
2154                                                </a>
2155                                              </div>
2156                                            </li><li class="menu-drawer-menu-item">
2157                                              <div class="menu-link-wrapper">
2158                                                <a
2159                                                  class="link link-full focus-inset"
2160                                                  href="/collections/dipyourcar-basecoat-colors"
2161                                                  
2162                                                >
2163                                                  Basecoat Colors
2164                                                </a>
2165                                              </div>
2166                                            </li><li class="menu-drawer-menu-item">
2167                                              <div class="menu-link-wrapper">
2168                                                <a
2169                                                  class="link link-full focus-inset"
2170                                                  href="/collections/pearl-topcoat-colors"
2171                                                  
2172                                                >
2173                                                  Pearl Topcoat Colors
2174                                                </a>
2175                                              </div>
2176                                            </li><li class="menu-drawer-menu-item">
2177                                              <div class="menu-link-wrapper">
2178                                                <a
2179                                                  class="link link-full focus-inset"
2180                                                  href="/collections/dipyourcar-peelable-colorshift"
2181                                                  
2182                                                >
2183                                                  ColorShifting Colors
2184                                                </a>
2185                                              </div>
2186                                            </li></ul>
2187                                      </div>
2188                                    </div>
2189                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2190                                    <summary
2191                                      class="menu-summary focus-inset"
2192                                      aria-expanded="false"
2193                                      aria-controls="Drawer-Menu-Peelable-paints-Aerosol-collections"
2194                                    >
2195                                      <a
2196                                        class="link"
2197                                        
2198                                          href="#"
2199                                        
2200                                        
2201                                      >
2202                                        Aerosol Collections
2203                                      </a>
2204                                      
2205
2206<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2207
2208                                    </summary>
2209                                    <div
2210                                      id="Drawer-Menu-Peelable-paints-Aerosol-collections"
2211                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2212                                      tabindex="-1"
2213                                      data-level="3"
2214                                      aria-label="Submenu for Aerosol Collections"
2215                                    >
2216                                      <div class="submenu-wrapper hidden-scrollbar">
2217                                        <ul
2218                                          class="menu-drawer-menu"
2219                                          tabindex="-1"
2220                                        ><li class="menu-drawer-menu-item">
2221                                              <div class="menu-link-wrapper">
2222                                                <a
2223                                                  class="link link-full focus-inset"
2224                                                  href="https://www.dipyourcar.com/collections/hyperdi
2224p-aerosols"
2225                                                  
2226                                                >
2227                                                  HyperDip Aerosols
2228                                                </a>
2229                                              </div>
2230                                            </li><li class="menu-drawer-menu-item">
2231                                              <div class="menu-link-wrapper">
2232                                                <a
2233                                                  class="link link-full focus-inset"
2234                                                  href="https://www.dipyourcar.com/collections/plasti-dip-aerosols"
2235                                                  
2236                                                >
2237                                                  Plasti Dip Aerosols
2238                                                </a>
2239                                              </div>
2240                                            </li><li class="menu-drawer-menu-item">
2241                                              <div class="menu-link-wrapper">
2242                                                <a
2243                                                  class="link link-full focus-inset"
2244                                                  href="https://www.dipyourcar.com/collections/dip-pearl-aerosols-2"
2245                                                  
2246                                                >
2247                                                  Pearl Topcoat Aerosols
2248                                                </a>
2249                                              </div>
2250                                            </li><li class="menu-drawer-menu-item">
2251                                              <div class="menu-link-wrapper">
2252                                                <a
2253                                                  class="link link-full focus-inset"
2254                                                  href="/products/gloss-clear-topcoat-aerosol"
2255                                                  
2256                                                >
2257                                                  DYC Gloss Aerosol
2258                                                </a>
2259                                              </div>
2260                                            </li></ul>
2261                                      </div>
2262                                    </div>
2263                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2264                                    <summary
2265                                      class="menu-summary focus-inset"
2266                                      aria-expanded="false"
2267                                      aria-controls="Drawer-Menu-Peelable-paints-Peelable-clearcoats"
2268                                    >
2269                                      <a
2270                                        class="link"
2271                                        
2272                                          href="#"
2273                                        
2274                                        
2275                                      >
2276                                        Peelable Clearcoats
2277                                      </a>
2278                                      
2279
2280<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2281
2282                                    </summary>
2283                                    <div
2284                                      id="Drawer-Menu-Peelable-paints-Peelable-clearcoats"
2285                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2286                                      tabindex="-1"
2287                                      data-level="3"
2288                                      aria-label="Submenu for Peelable Clearcoats"
2289                                    >
2290                                      <div class="submenu-wrapper hidden-scrollbar">
2291                                        <ul
2292                                          class="menu-drawer-menu"
2293                                          tabindex="-1"
2294                                        ><li class="menu-drawer-menu-item">
2295                                              <div class="menu-link-wrapper">
2296                                                <a
2297                                                  class="link link-full focus-inset"
2298                                                  href="/collections/ultra-high-gloss"
2299                                                  
2300                                                >
2301                                                  Ultra High Gloss Kit
2302                                                </a>
2303                                              </div>
2304                                            </li><li class="menu-drawer-menu-item">
2305                                              <div class="menu-link-wrapper">
2306                                                <a
2307                                                  class="link link-full focus-inset"
2308                                                  href="/collections/dip-armor"
2309                                                  
2310                                                >
2311                                                  Dip Armor™ Kit
2312                                                </a>
2313                                              </div>
2314                                            </li><li class="menu-drawer-menu-item">
2315                                              <div class="menu-link-wrapper">
2316                                                <a
2317                                                  class="link link-full focus-inset"
2318                                                  href="/collections/clear-dippearl-topcoats"
2319                                                  
2320                                                >
2321                                                  Clear DipPearl Topcoats
2322                                                </a>
2323                                              </div>
2324                                            </li></ul>
2325                                      </div>
2326                                    </div>
2327                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2328                                    <summary
2329                                      class="menu-summary focus-inset"
2330                                      aria-expanded="false"
2331                                      aria-controls="Drawer-Menu-Peelable-paints-Specialty-coatings"
2332                                    >
2333                                      <a
2334                                        class="link"
2335                                        
2336                                          href="#"
2337                                        
2338                                        
2339                                      >
2340                                        Specialty Coatings
2341                                      </a>
2342                                      
2343
2344<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2345
2346                                    </summary>
2347                                    <div
2348                                      id="Drawer-Menu-Peelable-paints-Specialty-coatings"
2349                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2350                                      tabindex="-1"
2351                                      data-level="3"
2352                                      aria-label="Submenu for Specialty Coatings"
2353                                    >
2354                                      <div class="submenu-wrapper hidden-scrollbar">
2355                                        <ul
2356                                          class="menu-drawer-menu"
2357                                          tabindex="-1"
2358                                        ><li class="menu-drawer-menu-item menu-item--active">
2359                                              <div class="menu-link-wrapper">
2360                                                <a
2361                                                  class="link link-full focus-inset"
2362                                                  href="/products/exoflex"
2363                                                  
2364                                                    aria-current="page"
2365                                                  
2366                                                >
2367                                                  ExoFlex
2368                                                </a>
2369                                              </div>
2370                                            </li><li class="menu-drawer-menu-item">
2371                                              <div class="menu-link-wrapper">
2372                                                <a
2373                                                  class="link link-full focus-inset"
2374                                                  href="https://www.dipyourcar.com/collections/peelable-body-armor-kits"
2375                                                  
2376                                                >
2377                                                  Peelable Body Armor
2378                                                </a>
2379                                              </div>
2380                                            </li><li class="menu-drawer-menu-item">
2381                                              <div class="menu-link-wrapper">
2382                                                <a
2383                                                  class="link link-full focus-inset"
2384                                                  href="/collections/autoflex"
2385                                                  
2386                                                >
2387                                                  AutoFlex
2388                                                </a>
2389                                              </div>
2390                                            </li><li class="menu-drawer-menu-item">
2391                                              <div class="menu-link-wrapper">
2392                                                <a
2393                                                  class="link link-full focus-inset"
2394                                                  href="/collections/proline"
2395                                                  
2396                                                >
2397                                                  ProLine™
2398                                                </a>
2399                                              </div>
2400                                            </li></ul>
2401                                      </div>
2402                                    </div>
2403                                  </details></li>
2404
2405                              <li
2406                                class="menu-drawer-menu-item menu-drawer-mega-item mega-type--mega_links header-menu-second-level"
2407                                
2408                              >
2409                                  <details data-belong="2">
2410                                    <summary
2411                                      class="menu-summary focus-inset"
2412                                      aria-expanded="false"
2413                                      aria-controls="Drawer-Mega-Peelable-paints-mega_links_ccEHMd"
2414                                    >
2415                                      <a
2416                                        class="menu-title link"
2417                                        
2418                                          role="link"
2419                                          aria-disabled="true"
2420                                        
2421                                      >
2422                                        
2423
2424                                      </a>
2425                                      
2426
2427<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2428
2429                                    </summary>
2430                                    <div
2431                                      id="Drawer-Mega-Peelable-paints-mega_links_ccEHMd"
2432                                      class="menu-drawer-submenu has-submenu"
2433                                      tabindex="-1"
2434                                      data-level="3"
2435                                      aria-label="Submenu for "
2436                                    >
2437                                      <div class="submenu-wrapper hidden-scrollbar">
2438                                        <ul
2439                                          class="menu-drawer-menu"
2440                                          tabindex="-1"
2441                                        ></ul>
2442                                      </div>
2443                                    </div>
2444                                  </details></li></ul>
2445                        </div>
2446                      </div>
2447                    </details></li>
2448
2449                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
2450                      <summary
2451                        class="menu-summary first-level-item focus-inset"
2452                        aria-expanded="false"
2453                        aria-controls="Drawer-Menu-Permanent-paints"
2454                      >
2455                        <a
2456                          class="link"
2457                          
2458                            href="#"
2459                          
2460                          
2461                        >
2462                          Permanent Paints
2463                          
2464                        </a>
2465                        
2466
2467<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2468
2469                      </summary>
2470                      <div
2471                        id="Drawer-Menu-Permanent-paints"
2472                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
2473                        tabindex="-1"
2474                        data-level="2"
2475                        aria-label="Submenu for Permanent Paints"
2476                      >
2477                        <div class="submenu-wrapper hidden-scrollbar">
2478                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2479                                    <summary
2480                                      class="menu-summary focus-inset"
2481                                      aria-expanded="false"
2482                                      aria-controls="Drawer-Menu-Permanent-paints-All-in-one-kits"
2483                                    >
2484                                      <a
2485                                        class="link"
2486                                        
2487                                          href="#"
2488                                        
2489                                        
2490                                      >
2491                                        All-In-One Kits
2492                                      </a>
2493                                      
2494
2495<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L1
24951.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2496
2497                                    </summary>
2498                                    <div
2499                                      id="Drawer-Menu-Permanent-paints-All-in-one-kits"
2500                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2501                                      tabindex="-1"
2502                                      data-level="3"
2503                                      aria-label="Submenu for All-In-One Kits"
2504                                    >
2505                                      <div class="submenu-wrapper hidden-scrollbar">
2506                                        <ul
2507                                          class="menu-drawer-menu"
2508                                          tabindex="-1"
2509                                        ><li class="menu-drawer-menu-item">
2510                                              <div class="menu-link-wrapper">
2511                                                <a
2512                                                  class="link link-full focus-inset"
2513                                                  href="/collections/luna-permanent-car-kits"
2514                                                  
2515                                                >
2516                                                  Permanent Car Kits
2517                                                </a>
2518                                              </div>
2519                                            </li><li class="menu-drawer-menu-item">
2520                                              <div class="menu-link-wrapper">
2521                                                <a
2522                                                  class="link link-full focus-inset"
2523                                                  href="https://www.dipyourcar.com/products/luna-one-black-wheel-kit"
2524                                                  
2525                                                >
2526                                                  Wheel Kits
2527                                                </a>
2528                                              </div>
2529                                            </li><li class="menu-drawer-menu-item">
2530                                              <div class="menu-link-wrapper">
2531                                                <a
2532                                                  class="link link-full focus-inset"
2533                                                  href="https://www.dipyourcar.com/collections/luna-one"
2534                                                  
2535                                                >
2536                                                  Luna ONE Kits
2537                                                </a>
2538                                              </div>
2539                                            </li><li class="menu-drawer-menu-item">
2540                                              <div class="menu-link-wrapper">
2541                                                <a
2542                                                  class="link link-full focus-inset"
2543                                                  href="https://www.dipyourcar.com/products/luna-one-black-trim-kit"
2544                                                  
2545                                                >
2546                                                  Trim Kits
2547                                                </a>
2548                                              </div>
2549                                            </li></ul>
2550                                      </div>
2551                                    </div>
2552                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2553                                    <summary
2554                                      class="menu-summary focus-inset"
2555                                      aria-expanded="false"
2556                                      aria-controls="Drawer-Menu-Permanent-paints-Explore-our-colors"
2557                                    >
2558                                      <a
2559                                        class="link"
2560                                        
2561                                          href="#"
2562                                        
2563                                        
2564                                      >
2565                                        Explore Our Colors
2566                                      </a>
2567                                      
2568
2569<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2570
2571                                    </summary>
2572                                    <div
2573                                      id="Drawer-Menu-Permanent-paints-Explore-our-colors"
2574                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2575                                      tabindex="-1"
2576                                      data-level="3"
2577                                      aria-label="Submenu for Explore Our Colors"
2578                                    >
2579                                      <div class="submenu-wrapper hidden-scrollbar">
2580                                        <ul
2581                                          class="menu-drawer-menu"
2582                                          tabindex="-1"
2583                                        ><li class="menu-drawer-menu-item">
2584                                              <div class="menu-link-wrapper">
2585                                                <a
2586                                                  class="link link-full focus-inset"
2587                                                  href="/collections/luna-paint-colors"
2588                                                  
2589                                                >
2590                                                  Shop All Colors
2591                                                </a>
2592                                              </div>
2593                                            </li><li class="menu-drawer-menu-item">
2594                                              <div class="menu-link-wrapper">
2595                                                <a
2596                                                  class="link link-full focus-inset"
2597                                                  href="/collections/luna-basecoat-colors"
2598                                                  
2599                                                >
2600                                                  Basecoat Colors
2601                                                </a>
2602                                              </div>
2603                                            </li><li class="menu-drawer-menu-item">
2604                                              <div class="menu-link-wrapper">
2605                                                <a
2606                                                  class="link link-full focus-inset"
2607                                                  href="/collections/luna-pearl-midcoat-colors"
2608                                                  
2609                                                >
2610                                                  Pearl Midcoat Colors
2611                                                </a>
2612                                              </div>
2613                                            </li><li class="menu-drawer-menu-item">
2614                                              <div class="menu-link-wrapper">
2615                                                <a
2616                                                  class="link link-full focus-inset"
2617                                                  href="/collections/luna-colorshifting-colors"
2618                                                  
2619                                                >
2620                                                  ColorShifting Colors
2621                                                </a>
2622                                              </div>
2623                                            </li><li class="menu-drawer-menu-item">
2624                                              <div class="menu-link-wrapper">
2625                                                <a
2626                                                  class="link link-full focus-inset"
2627                                                  href="/collections/candy-paints"
2628                                                  
2629                                                >
2630                                                  Candy Paints
2631                                                </a>
2632                                              </div>
2633                                            </li></ul>
2634                                      </div>
2635                                    </div>
2636                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2637                                    <summary
2638                                      class="menu-summary focus-inset"
2639                                      aria-expanded="false"
2640                                      aria-controls="Drawer-Menu-Permanent-paints-Aerosol-collections"
2641                                    >
2642                                      <a
2643                                        class="link"
2644                                        
2645                                          href="#"
2646                                        
2647                                        
2648                                      >
2649                                        Aerosol Collections
2650                                      </a>
2651                                      
2652
2653<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2654
2655                                    </summary>
2656                                    <div
2657                                      id="Drawer-Menu-Permanent-paints-Aerosol-collections"
2658                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2659                                      tabindex="-1"
2660                                      data-level="3"
2661                                      aria-label="Submenu for Aerosol Collections"
2662                                    >
2663                                      <div class="submenu-wrapper hidden-scrollbar">
2664                                        <ul
2665                                          class="menu-drawer-menu"
2666                                          tabindex="-1"
2667                                        ><li class="menu-drawer-menu-item">
2668                                              <div class="menu-link-wrapper">
2669                                                <a
2670                                                  class="link link-full focus-inset"
2671                                                  href="https://www.dipyourcar.com/collections/luna-one"
2672                                                  
2673                                                >
2674                                                  Luna ONE Aerosols
2675                                                </a>
2676                                              </div>
2677                                            </li><li class="menu-drawer-menu-item">
2678                                              <div class="menu-link-wrapper">
2679                                                <a
2680                                                  class="link link-full focus-inset"
2681                                                  href="https://www.dipyourcar.com/collections/luna-basecoat-aerosols-1"
2682                                                  
2683                                                >
2684                                                  Basecoat Aerosols
2685                                                </a>
2686                                              </div>
2687                                            </li><li class="menu-drawer-menu-item">
2688                                              <div class="menu-link-wrapper">
2689                                                <a
2690                                                  class="link link-full focus-inset"
2691                                                  href="https://www.dipyourcar.com/collections/luna-midcoat-aerosols"
2692                                                  
2693                                                >
2694                                                  Pearl Midcoat Aerosols
2695                                                </a>
2696                                              </div>
2697                                            </li><li class="menu-drawer-menu-item">
2698                                              <div class="menu-link-wrapper">
2699                                                <a
2700                                                  class="link link-full focus-inset"
2701                                                  href="https://www.dipyourcar.com/collections/luna-oem-colors"
2702                                                  
2703                                                >
2704                                                  OEM Aerosols
2705                                                </a>
2706                                              </div>
2707                                            </li><li class="menu-drawer-menu-item">
2708                                              <div class="menu-link-wrapper">
2709                                                <a
2710                                                  class="link link-full focus-inset"
2711                                                  href="/collections/aerosol-clearcoat"
2712                                                  
2713                                                >
2714                                                  Aerosol Clearcoat
2715                                                </a>
2716                                              </div>
2717                                            </li><li class="menu-drawer-menu-item">
2718                                              <div class="menu-link-wrapper">
2719                                                <a
2720                                                  class="link link-full focus-inset"
2721                                                  href="https://www.dipyourcar.com/products/proxl-ultragrip-ultimate-adhesion-promoter-aerosol-500ml"
2722                                                  
2723                                                >
2724                                                  Adhesion Promoter
2725                                                </a>
2726                                              </div>
2727                                            </li><li class="menu-drawer-menu-item">
2728                                              <div class="menu-link-wrapper">
2729                                                <a
2730                                                  class="link link-full focus-inset"
2731                                                  href="https://www.dipyourcar.com/collections/specialist-aerosols"
2732                                                  
2733                                                >
2734                                                  Other Aerosols
2735                                                </a>
2736                                              </div>
2737                                            </li></ul>
2738                                      </div>
2739                                    </div>
2740                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2741                                    <summary
2742                                      class="menu-summary focus-inset"
2743                                      aria-expanded="false"
2744                                      aria-controls="Drawer-Menu-Permanent-paints-Clearcoats-primer
2744s-more"
2745                                    >
2746                                      <a
2747                                        class="link"
2748                                        
2749                                          href="#"
2750                                        
2751                                        
2752                                      >
2753                                        Clearcoats, Primers &amp; More
2754                                      </a>
2755                                      
2756
2757<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2758
2759                                    </summary>
2760                                    <div
2761                                      id="Drawer-Menu-Permanent-paints-Clearcoats-primers-more"
2762                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2763                                      tabindex="-1"
2764                                      data-level="3"
2765                                      aria-label="Submenu for Clearcoats, Primers &amp; More"
2766                                    >
2767                                      <div class="submenu-wrapper hidden-scrollbar">
2768                                        <ul
2769                                          class="menu-drawer-menu"
2770                                          tabindex="-1"
2771                                        ><li class="menu-drawer-menu-item">
2772                                              <div class="menu-link-wrapper">
2773                                                <a
2774                                                  class="link link-full focus-inset"
2775                                                  href="/collections/clearcoats"
2776                                                  
2777                                                >
2778                                                  VHS Crystal Premium Clearcoat
2779                                                </a>
2780                                              </div>
2781                                            </li><li class="menu-drawer-menu-item">
2782                                              <div class="menu-link-wrapper">
2783                                                <a
2784                                                  class="link link-full focus-inset"
2785                                                  href="/products/luna-standard-clearcoat-4-7l-kit"
2786                                                  
2787                                                >
2788                                                  Standard Gloss Clearcoat
2789                                                </a>
2790                                              </div>
2791                                            </li><li class="menu-drawer-menu-item">
2792                                              <div class="menu-link-wrapper">
2793                                                <a
2794                                                  class="link link-full focus-inset"
2795                                                  href="/products/pro2kclear-2k-hi-gloss-clear-coat-aerosol"
2796                                                  
2797                                                >
2798                                                  Aerosol Clearcoat
2799                                                </a>
2800                                              </div>
2801                                            </li><li class="menu-drawer-menu-item">
2802                                              <div class="menu-link-wrapper">
2803                                                <a
2804                                                  class="link link-full focus-inset"
2805                                                  href="/collections/luna-primer"
2806                                                  
2807                                                >
2808                                                  Primers &amp; Sealers
2809                                                </a>
2810                                              </div>
2811                                            </li><li class="menu-drawer-menu-item">
2812                                              <div class="menu-link-wrapper">
2813                                                <a
2814                                                  class="link link-full focus-inset"
2815                                                  href="/products/proxl-ultragrip-ultimate-adhesion-promoter-aerosol-500ml"
2816                                                  
2817                                                >
2818                                                  Adhesion Promoter
2819                                                </a>
2820                                              </div>
2821                                            </li><li class="menu-drawer-menu-item">
2822                                              <div class="menu-link-wrapper">
2823                                                <a
2824                                                  class="link link-full focus-inset"
2825                                                  href="/collections/specialist-aerosols"
2826                                                  
2827                                                >
2828                                                  Other Aerosols
2829                                                </a>
2830                                              </div>
2831                                            </li></ul>
2832                                      </div>
2833                                    </div>
2834                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2835                                    <summary
2836                                      class="menu-summary focus-inset"
2837                                      aria-expanded="false"
2838                                      aria-controls="Drawer-Menu-Permanent-paints-Oem-paint"
2839                                    >
2840                                      <a
2841                                        class="link"
2842                                        
2843                                          href="#"
2844                                        
2845                                        
2846                                      >
2847                                        OEM Paint
2848                                      </a>
2849                                      
2850
2851<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2852
2853                                    </summary>
2854                                    <div
2855                                      id="Drawer-Menu-Permanent-paints-Oem-paint"
2856                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2857                                      tabindex="-1"
2858                                      data-level="3"
2859                                      aria-label="Submenu for OEM Paint"
2860                                    >
2861                                      <div class="submenu-wrapper hidden-scrollbar">
2862                                        <ul
2863                                          class="menu-drawer-menu"
2864                                          tabindex="-1"
2865                                        ><li class="menu-drawer-menu-item">
2866                                              <div class="menu-link-wrapper">
2867                                                <a
2868                                                  class="link link-full focus-inset"
2869                                                  href="/pages/find-your-color"
2870                                                  
2871                                                >
2872                                                  Search OEM Paint
2873                                                </a>
2874                                              </div>
2875                                            </li><li class="menu-drawer-menu-item">
2876                                              <div class="menu-link-wrapper">
2877                                                <a
2878                                                  class="link link-full focus-inset"
2879                                                  href="/pages/touch-up-paint"
2880                                                  
2881                                                >
2882                                                  OEM Touch-Up Paint
2883                                                </a>
2884                                              </div>
2885                                            </li></ul>
2886                                      </div>
2887                                    </div>
2888                                  </details></li>
2889
2890                              <li
2891                                class="menu-drawer-menu-item menu-drawer-mega-item mega-type--mega_links header-menu-second-level"
2892                                
2893                              >
2894                                  <details data-belong="2">
2895                                    <summary
2896                                      class="menu-summary focus-inset"
2897                                      aria-expanded="false"
2898                                      aria-controls="Drawer-Mega-Permanent-paints-mega_links_BdDMkQ"
2899                                    >
2900                                      <a
2901                                        class="menu-title link"
2902                                        
2903                                          role="link"
2904                                          aria-disabled="true"
2905                                        
2906                                      >
2907                                        
2908
2909                                      </a>
2910                                      
2911
2912<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2913
2914                                    </summary>
2915                                    <div
2916                                      id="Drawer-Mega-Permanent-paints-mega_links_BdDMkQ"
2917                                      class="menu-drawer-submenu has-submenu"
2918                                      tabindex="-1"
2919                                      data-level="3"
2920                                      aria-label="Submenu for "
2921                                    >
2922                                      <div class="submenu-wrapper hidden-scrollbar">
2923                                        <ul
2924                                          class="menu-drawer-menu"
2925                                          tabindex="-1"
2926                                        ></ul>
2927                                      </div>
2928                                    </div>
2929                                  </details></li></ul>
2930                        </div>
2931                      </div>
2932                    </details></li>
2933
2934                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
2935                      <summary
2936                        class="menu-summary first-level-item focus-inset"
2937                        aria-expanded="false"
2938                        aria-controls="Drawer-Menu-Oem-paint"
2939                      >
2940                        <a
2941                          class="link"
2942                          
2943                            href="#"
2944                          
2945                          
2946                        >
2947                          OEM Paint
2948                          
2949                        </a>
2950                        
2951
2952<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2953
2954                      </summary>
2955                      <div
2956                        id="Drawer-Menu-Oem-paint"
2957                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
2958                        tabindex="-1"
2959                        data-level="2"
2960                        aria-label="Submenu for OEM Paint"
2961                      >
2962                        <div class="submenu-wrapper hidden-scrollbar">
2963                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
2964                                    <summary
2965                                      class="menu-summary focus-inset"
2966                                      aria-expanded="false"
2967                                      aria-controls="Drawer-Menu-Oem-paint-Find-your-color"
2968                                    >
2969                                      <a
2970                                        class="link"
2971                                        
2972                                          href="#"
2973                                        
2974                                        
2975                                      >
2976                                        Find Your Color
2977                                      </a>
2978                                      
2979
2980<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
2981
2982                                    </summary>
2983                                    <div
2984                                      id="Drawer-Menu-Oem-paint-Find-your-color"
2985                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
2986                                      tabindex="-1"
2987                                      data-level="3"
2988                                      aria-label="Submenu for Find Your Color"
2989                                    >
2990                                      <div class="submenu-wrapper hidden-scrollbar">
2991                                        <ul
2992                                          class="menu-drawer-menu"
2993                                          tabindex="-1"
2994                                        ><li class="menu-drawer-menu-item">
2995                                              <div class="menu-link-wrapper">
2996                                                <a
2997                                                  class="link link-full focus-inset"
2998                                                  href="/?tool=vehicle#oem-find-your-color"
2999                                                  
3000                                                >
3001                                                  Search by Vehicle
3002                                                </a>
3003                                              </div>
3004                                            </li><li class="menu-drawer-menu-item">
3005                                              <div class="menu-link-wrapper">
3006                                                <a
3007                                                  class="link link-full focus-inset"
3008                                                  href="/?tool=color#oem-find-your-color"
3009                                                  
3010                                                >
3011                                                  Search by Code or 
3011Color
3012                                                </a>
3013                                              </div>
3014                                            </li><li class="menu-drawer-menu-item">
3015                                              <div class="menu-link-wrapper">
3016                                                <a
3017                                                  class="link link-full focus-inset"
3018                                                  href="/?tool=locate#oem-find-your-color"
3019                                                  
3020                                                >
3021                                                  Where’s My Code?
3022                                                </a>
3023                                              </div>
3024                                            </li><li class="menu-drawer-menu-item">
3025                                              <div class="menu-link-wrapper">
3026                                                <a
3027                                                  class="link link-full focus-inset"
3028                                                  href="/?tool=vehicle&size=2oz#oem-find-your-color"
3029                                                  
3030                                                >
3031                                                  2oz Touch-Up Paint
3032                                                </a>
3033                                              </div>
3034                                            </li></ul>
3035                                      </div>
3036                                    </div>
3037                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3038                                    <summary
3039                                      class="menu-summary focus-inset"
3040                                      aria-expanded="false"
3041                                      aria-controls="Drawer-Menu-Oem-paint-Popular-makes"
3042                                    >
3043                                      <a
3044                                        class="link"
3045                                        
3046                                          href="/pages/find-your-color"
3047                                        
3048                                        
3049                                      >
3050                                        Popular Makes
3051                                      </a>
3052                                      
3053
3054<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3055
3056                                    </summary>
3057                                    <div
3058                                      id="Drawer-Menu-Oem-paint-Popular-makes"
3059                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3060                                      tabindex="-1"
3061                                      data-level="3"
3062                                      aria-label="Submenu for Popular Makes"
3063                                    >
3064                                      <div class="submenu-wrapper hidden-scrollbar">
3065                                        <ul
3066                                          class="menu-drawer-menu"
3067                                          tabindex="-1"
3068                                        ><li class="menu-drawer-menu-item">
3069                                              <div class="menu-link-wrapper">
3070                                                <a
3071                                                  class="link link-full focus-inset"
3072                                                  href="/collections/dodge-oem-car-paint"
3073                                                  
3074                                                >
3075                                                  Dodge
3076                                                </a>
3077                                              </div>
3078                                            </li><li class="menu-drawer-menu-item">
3079                                              <div class="menu-link-wrapper">
3080                                                <a
3081                                                  class="link link-full focus-inset"
3082                                                  href="/collections/jeep-oem-car-paint"
3083                                                  
3084                                                >
3085                                                  Jeep
3086                                                </a>
3087                                              </div>
3088                                            </li><li class="menu-drawer-menu-item">
3089                                              <div class="menu-link-wrapper">
3090                                                <a
3091                                                  class="link link-full focus-inset"
3092                                                  href="/collections/chrysler-oem-car-paint"
3093                                                  
3094                                                >
3095                                                  Chrysler
3096                                                </a>
3097                                              </div>
3098                                            </li><li class="menu-drawer-menu-item">
3099                                              <div class="menu-link-wrapper">
3100                                                <a
3101                                                  class="link link-full focus-inset"
3102                                                  href="/collections/toyota-lexus-scion-oem-car-paint-colors"
3103                                                  
3104                                                >
3105                                                  Toyota
3106                                                </a>
3107                                              </div>
3108                                            </li><li class="menu-drawer-menu-item">
3109                                              <div class="menu-link-wrapper">
3110                                                <a
3111                                                  class="link link-full focus-inset"
3112                                                  href="/collections/lexus-oem-car-paint"
3113                                                  
3114                                                >
3115                                                  Lexus
3116                                                </a>
3117                                              </div>
3118                                            </li><li class="menu-drawer-menu-item">
3119                                              <div class="menu-link-wrapper">
3120                                                <a
3121                                                  class="link link-full focus-inset"
3122                                                  href="/collections/honda-oem-car-paint"
3123                                                  
3124                                                >
3125                                                  Honda
3126                                                </a>
3127                                              </div>
3128                                            </li><li class="menu-drawer-menu-item">
3129                                              <div class="menu-link-wrapper">
3130                                                <a
3131                                                  class="link link-full focus-inset"
3132                                                  href="/collections/acura-oem-car-paint"
3133                                                  
3134                                                >
3135                                                  Acura
3136                                                </a>
3137                                              </div>
3138                                            </li><li class="menu-drawer-menu-item">
3139                                              <div class="menu-link-wrapper">
3140                                                <a
3141                                                  class="link link-full focus-inset"
3142                                                  href="/collections/ford-oem-paint-colors"
3143                                                  
3144                                                >
3145                                                  Ford
3146                                                </a>
3147                                              </div>
3148                                            </li><li class="menu-drawer-menu-item">
3149                                              <div class="menu-link-wrapper">
3150                                                <a
3151                                                  class="link link-full focus-inset"
3152                                                  href="/collections/nissan-oem-car-paint"
3153                                                  
3154                                                >
3155                                                  Nissan / Infiniti
3156                                                </a>
3157                                              </div>
3158                                            </li><li class="menu-drawer-menu-item">
3159                                              <div class="menu-link-wrapper">
3160                                                <a
3161                                                  class="link link-full focus-inset"
3162                                                  href="/collections/hyundai-oem-automotive-paint"
3163                                                  
3164                                                >
3165                                                  Hyundai
3166                                                </a>
3167                                              </div>
3168                                            </li></ul>
3169                                      </div>
3170                                    </div>
3171                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3172                                    <summary
3173                                      class="menu-summary focus-inset"
3174                                      aria-expanded="false"
3175                                      aria-controls="Drawer-Menu-Oem-paint-More-makes"
3176                                    >
3177                                      <a
3178                                        class="link"
3179                                        
3180                                          href="/pages/find-your-color"
3181                                        
3182                                        
3183                                      >
3184                                        More Makes
3185                                      </a>
3186                                      
3187
3188<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3189
3190                                    </summary>
3191                                    <div
3192                                      id="Drawer-Menu-Oem-paint-More-makes"
3193                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3194                                      tabindex="-1"
3195                                      data-level="3"
3196                                      aria-label="Submenu for More Makes"
3197                                    >
3198                                      <div class="submenu-wrapper hidden-scrollbar">
3199                                        <ul
3200                                          class="menu-drawer-menu"
3201                                          tabindex="-1"
3202                                        ><li class="menu-drawer-menu-item">
3203                                              <div class="menu-link-wrapper">
3204                                                <a
3205                                                  class="link link-full focus-inset"
3206                                                  href="/collections/general-motors-oem-paint-colors"
3207                                                  
3208                                                >
3209                                                  Chevy / GM
3210                                                </a>
3211                                              </div>
3212                                            </li><li class="menu-drawer-menu-item">
3213                                              <div class="menu-link-wrapper">
3214                                                <a
3215                                                  class="link link-full focus-inset"
3216                                                  href="/collections/vw-oem-car-paint"
3217                                                  
3218                                                >
3219                                                  Volkswagen
3220                                                </a>
3221                                              </div>
3222                                            </li><li class="menu-drawer-menu-item">
3223                                              <div class="menu-link-wrapper">
3224                                                <a
3225                                                  class="link link-full focus-inset"
3226                                                  href="/collections/audi-oem-automotive-paint"
3227                                                  
3228                                                >
3229                                                  Audi
3230                                                </a>
3231                                              </div>
3232                                            </li><li class="menu-drawer-menu-item">
3233                                              <div class="menu-link-wrapper">
3234                                                <a
3235                                                  class="link link-full focus-inset"
3236                                                  href="/collections/mazda-oem-car-paint"
3237                                                  
3238                                                >
3239                                                  Mazda
3240                                                </a>
3241                                              </div>
3242                                            </li><li class="menu-drawer-menu-item">
3243                                              <div class="menu-link-wrapper">
3244                                                <a
3245                                                  class="link link-full focus-inset"
3246                                                  href="/collections/subaru-oem-car-paint"
3247                                                  
3248                                                >
3249                                                  Subaru
3250                                                </a>
3251                                              </div>
3252                                            </li><li class="menu-drawer-menu-item">
3253                                              <div class="menu-link-wrapper">
3254                                                <a
3255                                                  class="link link-full focus-inset"
3256                                                  href="/collections/kia-oem-car-paint"
3257                                                  
3258                                                >
3259                                                  Kia
3260                                                </a>
3261                                              </div>
3262                                            </li><li class="menu-drawer-menu-item">
3263                                              <div class="menu-link-wrapper">
3264                                                <a
3265                                                  class="link link-full focus-inset"
3266            
3266                                      href="/collections/bmw-oem-paint-colors"
3267                                                  
3268                                                >
3269                                                  BMW
3270                                                </a>
3271                                              </div>
3272                                            </li><li class="menu-drawer-menu-item">
3273                                              <div class="menu-link-wrapper">
3274                                                <a
3275                                                  class="link link-full focus-inset"
3276                                                  href="/collections/mitsubishi-oem-car-paint-colors"
3277                                                  
3278                                                >
3279                                                  Mitsubishi
3280                                                </a>
3281                                              </div>
3282                                            </li><li class="menu-drawer-menu-item">
3283                                              <div class="menu-link-wrapper">
3284                                                <a
3285                                                  class="link link-full focus-inset"
3286                                                  href="/collections/tesla-oem-car-paint-colors"
3287                                                  
3288                                                >
3289                                                  Tesla
3290                                                </a>
3291                                              </div>
3292                                            </li><li class="menu-drawer-menu-item">
3293                                              <div class="menu-link-wrapper">
3294                                                <a
3295                                                  class="link link-full focus-inset"
3296                                                  href="/collections/mercedes-oem-paint-colors"
3297                                                  
3298                                                >
3299                                                  Mercedes
3300                                                </a>
3301                                              </div>
3302                                            </li></ul>
3303                                      </div>
3304                                    </div>
3305                                  </details></li>
3306
3307                              <li
3308                                class="menu-drawer-menu-item menu-drawer-mega-item mega-type--oem_mega header-menu-second-level"
3309                                
3310                              ></li></ul>
3311                        </div>
3312                      </div>
3313                    </details></li>
3314
3315                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
3316                      <summary
3317                        class="menu-summary first-level-item focus-inset"
3318                        aria-expanded="false"
3319                        aria-controls="Drawer-Menu-Pearls-flakes"
3320                      >
3321                        <a
3322                          class="link"
3323                          
3324                            href="#"
3325                          
3326                          
3327                        >
3328                          Pearls &amp; Flakes
3329                          
3330                        </a>
3331                        
3332
3333<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3334
3335                      </summary>
3336                      <div
3337                        id="Drawer-Menu-Pearls-flakes"
3338                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
3339                        tabindex="-1"
3340                        data-level="2"
3341                        aria-label="Submenu for Pearls &amp; Flakes"
3342                      >
3343                        <div class="submenu-wrapper hidden-scrollbar">
3344                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3345                                    <a
3346                                      class="link link-full focus-inset"
3347                                      href="https://www.dipyourcar.com/collections/dip-pearls"
3348                                      
3349                                    >
3350                                      Shop All Pearls
3351                                    </a>
3352                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3353                                    <a
3354                                      class="link link-full focus-inset"
3355                                      href="/collections/solid-pearls"
3356                                      
3357                                    >
3358                                      Solid Pearls
3359                                    </a>
3360                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3361                                    <a
3362                                      class="link link-full focus-inset"
3363                                      href="/collections/hypershift-pearls/HyperShift-Pearls"
3364                                      
3365                                    >
3366                                      HyperShift Pearls
3367                                    </a>
3368                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3369                                    <a
3370                                      class="link link-full focus-inset"
3371                                      href="/collections/colorshift-hypershift"
3372                                      
3373                                    >
3374                                      Colorshift Pearls
3375                                    </a>
3376                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3377                                    <a
3378                                      class="link link-full focus-inset"
3379                                      href="/collections/holographic-pearls"
3380                                      
3381                                    >
3382                                      Holographic
3383                                    </a>
3384                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3385                                    <a
3386                                      class="link link-full focus-inset"
3387                                      href="/collections/shop-all-pearls/finish-interference"
3388                                      
3389                                    >
3390                                      Interference Pearls
3391                                    </a>
3392                                  </div></li><li class="menu-drawer-menu-item header-menu-second-level"><div class="menu-link-wrapper">
3393                                    <a
3394                                      class="link link-full focus-inset"
3395                                      href="/collections/micro-flakes"
3396                                      
3397                                    >
3398                                      Micro Flakes
3399                                    </a>
3400                                  </div></li>
3401</ul>
3402                        </div>
3403                      </div>
3404                    </details></li>
3405
3406                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
3407                      <summary
3408                        class="menu-summary first-level-item focus-inset"
3409                        aria-expanded="false"
3410                        aria-controls="Drawer-Menu-Accessories"
3411                      >
3412                        <a
3413                          class="link"
3414                          
3415                            href="#"
3416                          
3417                          
3418                        >
3419                          Accessories
3420                          
3421                        </a>
3422                        
3423
3424<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3425
3426                      </summary>
3427                      <div
3428                        id="Drawer-Menu-Accessories"
3429                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
3430                        tabindex="-1"
3431                        data-level="2"
3432                        aria-label="Submenu for Accessories"
3433                      >
3434                        <div class="submenu-wrapper hidden-scrollbar">
3435                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3436                                    <summary
3437                                      class="menu-summary focus-inset"
3438                                      aria-expanded="false"
3439                                      aria-controls="Drawer-Menu-Accessories-Application"
3440                                    >
3441                                      <a
3442                                        class="link"
3443                                        
3444                                          href="#"
3445                                        
3446                                        
3447                                      >
3448                                        Application
3449                                      </a>
3450                                      
3451
3452<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3453
3454                                    </summary>
3455                                    <div
3456                                      id="Drawer-Menu-Accessories-Application"
3457                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3458                                      tabindex="-1"
3459                                      data-level="3"
3460                                      aria-label="Submenu for Application"
3461                                    >
3462                                      <div class="submenu-wrapper hidden-scrollbar">
3463                                        <ul
3464                                          class="menu-drawer-menu"
3465                                          tabindex="-1"
3466                                        ><li class="menu-drawer-menu-item">
3467                                              <div class="menu-link-wrapper">
3468                                                <a
3469                                                  class="link link-full focus-inset"
3470                                                  href="/collections/surface-prep"
3471                                                  
3472                                                >
3473                                                  Surface Prep
3474                                                </a>
3475                                              </div>
3476                                            </li><li class="menu-drawer-menu-item">
3477                                              <div class="menu-link-wrapper">
3478                                                <a
3479                                                  class="link link-full focus-inset"
3480                                                  href="/collections/application-tools"
3481                                                  
3482                                                >
3483                                                  Application Tools
3484                                                </a>
3485                                              </div>
3486                                            </li><li class="menu-drawer-menu-item">
3487                                              <div class="menu-link-wrapper">
3488                                                <a
3489                                                  class="link link-full focus-inset"
3490                                                  href="/collections/masking-materials"
3491                                                  
3492                                                >
3493                                                  Masking Materials
3494                                                </a>
3495                                              </div>
3496                                            </li><li class="menu-drawer-menu-item">
3497                                              <div class="menu-link-wrapper">
3498                                                <a
3499                                                  class="link link-full focus-inset"
3500                                                  href="/collections/personal-protection-1"
3501                                                  
3502                                                >
3503                                                  Personal Protection
3504                                                </a>
3505                                              </div>
3506                                            </li><li class="menu-drawer-menu-item">
3507                                              <div class="menu-link-wrapper">
3508                                                <a
3509                                                  class="link link-full focus-inset"
3510                                                  href="/collections/testing"
3511                                                  
3512                                                >
3513                                                  Testing
3514                                                </a>
3515                                              </div>
3516                                            </li><li class="menu-drawer-menu-item">
3517                                              <div class="menu-link-wrapper">
3518                                                <a
3519                                                  class="link link-full focus-inset"
3520                                                  href="/products/proline-tint"
3521                                                  
3522                                                >
3523                                                  Tints for Gallons
3524                                                </a>
3525                                              </div>
3526                                            </li></ul>
3527                                      </div>
3528                                    </div>
3529                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3530                                    <summary
3531                                      class="menu-summary focus-inset"
3532                                      aria-expanded="false"
3533                                      aria-controls="Drawer-Menu-Accessories-Car-wash-aftercare"
3534                                    >
3535                                      <a
3536                                        class="link"
3537                                        
3538                                          href="#"
3539                                        
3540                                        
3541                                      >
3542                                        Car Wash &amp; Aftercare
3543                                      </a>
3544                                      
3545
3546<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" 
3546xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3547
3548                                    </summary>
3549                                    <div
3550                                      id="Drawer-Menu-Accessories-Car-wash-aftercare"
3551                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3552                                      tabindex="-1"
3553                                      data-level="3"
3554                                      aria-label="Submenu for Car Wash &amp; Aftercare"
3555                                    >
3556                                      <div class="submenu-wrapper hidden-scrollbar">
3557                                        <ul
3558                                          class="menu-drawer-menu"
3559                                          tabindex="-1"
3560                                        ><li class="menu-drawer-menu-item">
3561                                              <div class="menu-link-wrapper">
3562                                                <a
3563                                                  class="link link-full focus-inset"
3564                                                  href="/collections/washing-cleaning"
3565                                                  
3566                                                >
3567                                                  Washing &amp; Cleaning
3568                                                </a>
3569                                              </div>
3570                                            </li><li class="menu-drawer-menu-item">
3571                                              <div class="menu-link-wrapper">
3572                                                <a
3573                                                  class="link link-full focus-inset"
3574                                                  href="/collections/surface-protection"
3575                                                  
3576                                                >
3577                                                  Surface Protection
3578                                                </a>
3579                                              </div>
3580                                            </li><li class="menu-drawer-menu-item">
3581                                              <div class="menu-link-wrapper">
3582                                                <a
3583                                                  class="link link-full focus-inset"
3584                                                  href="/collections/removal"
3585                                                  
3586                                                >
3587                                                  Dip Removal
3588                                                </a>
3589                                              </div>
3590                                            </li><li class="menu-drawer-menu-item">
3591                                              <div class="menu-link-wrapper">
3592                                                <a
3593                                                  class="link link-full focus-inset"
3594                                                  href="/collections/sanding"
3595                                                  
3596                                                >
3597                                                  Finishing Discs
3598                                                </a>
3599                                              </div>
3600                                            </li><li class="menu-drawer-menu-item">
3601                                              <div class="menu-link-wrapper">
3602                                                <a
3603                                                  class="link link-full focus-inset"
3604                                                  href="/collections/diy-detail-polishing-products"
3605                                                  
3606                                                >
3607                                                  Polish &amp; Pads
3608                                                </a>
3609                                              </div>
3610                                            </li></ul>
3611                                      </div>
3612                                    </div>
3613                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3614                                    <summary
3615                                      class="menu-summary focus-inset"
3616                                      aria-expanded="false"
3617                                      aria-controls="Drawer-Menu-Accessories-Sprayers-spray-guns"
3618                                    >
3619                                      <a
3620                                        class="link"
3621                                        
3622                                          href="#"
3623                                        
3624                                        
3625                                      >
3626                                        Sprayers &amp; Spray Guns
3627                                      </a>
3628                                      
3629
3630<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3631
3632                                    </summary>
3633                                    <div
3634                                      id="Drawer-Menu-Accessories-Sprayers-spray-guns"
3635                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3636                                      tabindex="-1"
3637                                      data-level="3"
3638                                      aria-label="Submenu for Sprayers &amp; Spray Guns"
3639                                    >
3640                                      <div class="submenu-wrapper hidden-scrollbar">
3641                                        <ul
3642                                          class="menu-drawer-menu"
3643                                          tabindex="-1"
3644                                        ><li class="menu-drawer-menu-item">
3645                                              <div class="menu-link-wrapper">
3646                                                <a
3647                                                  class="link link-full focus-inset"
3648                                                  href="/products/g-force-sprayer"
3649                                                  
3650                                                >
3651                                                  G-Force DipSprayer
3652                                                </a>
3653                                              </div>
3654                                            </li><li class="menu-drawer-menu-item">
3655                                              <div class="menu-link-wrapper">
3656                                                <a
3657                                                  class="link link-full focus-inset"
3658                                                  href="/products/dyc-ultimate-dipsprayer-system-w-g-force-spray-gun"
3659                                                  
3660                                                >
3661                                                  Ultimate DipSprayer
3662                                                </a>
3663                                              </div>
3664                                            </li><li class="menu-drawer-menu-item">
3665                                              <div class="menu-link-wrapper">
3666                                                <a
3667                                                  class="link link-full focus-inset"
3668                                                  href="/products/g-force-gun"
3669                                                  
3670                                                >
3671                                                  Replacement G-Force Gun
3672                                                </a>
3673                                              </div>
3674                                            </li><li class="menu-drawer-menu-item">
3675                                              <div class="menu-link-wrapper">
3676                                                <a
3677                                                  class="link link-full focus-inset"
3678                                                  href="/products/peelable-body-armor-spray-gun-adapter"
3679                                                  
3680                                                >
3681                                                  Peelable Body Armor Adapter
3682                                                </a>
3683                                              </div>
3684                                            </li><li class="menu-drawer-menu-item">
3685                                              <div class="menu-link-wrapper">
3686                                                <a
3687                                                  class="link link-full focus-inset"
3688                                                  href="/collections/sata-spray-guns"
3689                                                  
3690                                                >
3691                                                  SATA Paint Guns
3692                                                </a>
3693                                              </div>
3694                                            </li><li class="menu-drawer-menu-item">
3695                                              <div class="menu-link-wrapper">
3696                                                <a
3697                                                  class="link link-full focus-inset"
3698                                                  href="/collections/sagola-spray-guns"
3699                                                  
3700                                                >
3701                                                  Sagola Paint Guns
3702                                                </a>
3703                                              </div>
3704                                            </li></ul>
3705                                      </div>
3706                                    </div>
3707                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3708                                    <summary
3709                                      class="menu-summary focus-inset"
3710                                      aria-expanded="false"
3711                                      aria-controls="Drawer-Menu-Accessories-Sprayer-accessories"
3712                                    >
3713                                      <a
3714                                        class="link"
3715                                        
3716                                          href="#"
3717                                        
3718                                        
3719                                      >
3720                                        Sprayer Accessories
3721                                      </a>
3722                                      
3723
3724<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3725
3726                                    </summary>
3727                                    <div
3728                                      id="Drawer-Menu-Accessories-Sprayer-accessories"
3729                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3730                                      tabindex="-1"
3731                                      data-level="3"
3732                                      aria-label="Submenu for Sprayer Accessories"
3733                                    >
3734                                      <div class="submenu-wrapper hidden-scrollbar">
3735                                        <ul
3736                                          class="menu-drawer-menu"
3737                                          tabindex="-1"
3738                                        ><li class="menu-drawer-menu-item">
3739                                              <div class="menu-link-wrapper">
3740                                                <a
3741                                                  class="link link-full focus-inset"
3742                                                  href="/collections/gun-cleaning"
3743                                                  
3744                                                >
3745                                                  Gun Cleaning
3746                                                </a>
3747                                              </div>
3748                                            </li><li class="menu-drawer-menu-item">
3749                                              <div class="menu-link-wrapper">
3750                                                <a
3751                                                  class="link link-full focus-inset"
3752                                                  href="#"
3753                                                  
3754                                                >
3755                                                  Nozzle Sets
3756                                                </a>
3757                                              </div>
3758                                            </li><li class="menu-drawer-menu-item">
3759                                              <div class="menu-link-wrapper">
3760                                                <a
3761                                                  class="link link-full focus-inset"
3762                                                  href="/collections/parts-maintenance"
3763                                                  
3764                                                >
3765                                                  Parts &amp; Maintenance
3766                                                </a>
3767                                              </div>
3768                                            </li><li class="menu-drawer-menu-item">
3769                                              <div class="menu-link-wrapper">
3770                                                <a
3771                                                  class="link link-full focus-inset"
3772                                                  href="/products/sata-lcs-the-liner"
3773                                                  
3774                                                >
3775                                                  SATA Paint Cups
3776                                                </a>
3777                                              </div>
3778                                            </li><li class="menu-drawer-menu-item">
3779                                              <div class="menu-link-wrapper">
3780                                                <a
3781                                                  class="link link-full focus-inset"
3782                                                  href="/collections/sagola-air-filtration-heating"
3783                                                  
3784                                                >
3785                                                  Sagola Air Filtration
3786                                                </a>
3787                                              </div>
3788                                            </li><li class="menu-drawer-menu-item">
3789                                              <div class="menu-link-wrapper">
3790                                                <a
3791                                                  class="link link-full focus-inset"
3792                                                  href="/collections/sagola-spray-gun-accessories"
3793                                                  
3794                                                >
3795                                                  Sagola Accessories
3796                                                </a>
3797                                              </div>
3798                                            </li></ul>
3799                                      </div>
3800                                    </div>
3801                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3802                                    <summary
3803                                      class="menu-summary focus-inset"
3804                                      aria-expanded="false"
3805                                      aria-controls="Drawer-Menu-Accessories-Merch"
3806                                    >
3807                                      <a
3808                                        class="link"
3809                                        
3810                                          href="#"
3811                                        
3812                                        
3813                                      >
3814                                        Merch
3815                                      </a>
3816                                      
3817
3818<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3819
3820                                    </summary>
3821                                    <div
3822                                      id="Drawer-Menu-Accessories-Merch"
3823                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3824                                      tabindex="-1"
3825                                      data-level="3"
3826                                      aria-label="Submenu for Merch"
3827                                    >
3828                                      <div class="submenu-wrapper hidden-scrollbar">
3829                                        <ul
3830                                          class="menu-drawer-menu"
3831                                          tabindex="-1"
3832                                        ><li class="menu-drawer-menu-item">
3833                                              <div class="menu-link-wrapper">
3834                                                <a
3835                                                  class="link link-full focus-inset"
3836                                                  href="/collections/dyc-apparel-1"
3837                                                  
3838                                                >
3839                                                  Clothing &amp; Apparel
3840                                                </a>
3841                                              </div>
3842                                            </li><li class="menu-drawer-menu-item">
3843                                              <div class="menu-link-wrapper">
3844                                                <a
3845                                                  class="link link-full focus-inset"
3846                                                  href="/products/6-dipyourcar-decal"
3847                                                  
3848                                                >
3849                                                  DYC Decals
3850                                                </a>
3851                                              </div>
3852                                            </li></ul>
3853                                      </div>
3854                                    </div>
3855                                  </details></li>
3856
3857                              <li
3858                                class="menu-drawer-menu-item menu-drawer-mega-item mega-type--mega_links header-menu-second-level"
3859                                
3860                              >
3861                                  <details data-belong="2">
3862                                    <summary
3863                                      class="menu-summary focus-inset"
3864                                      aria-expanded="false"
3865                                      aria-controls="Drawer-Mega-Accessories-mega_links_hCekVD"
3866                                    >
3867                                      <a
3868                                        class="menu-title link"
3869                                        
3870                                          role="link"
3871                                          aria-disabled="true"
3872                                        
3873                                      >
3874                                        
3875
3876                                      </a>
3877                                      
3878
3879<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3880
3881                                    </summary>
3882                                    <div
3883                                      id="Drawer-Mega-Accessories-mega_links_hCekVD"
3884                                      class="menu-drawer-submenu has-submenu"
3885                                      tabindex="-1"
3886                                      data-level="3"
3887                                      aria-label="Submenu for "
3888                                    >
3889                                      <div class="submenu-wrapper hidden-scrollbar">
3890                                        <ul
3891                                          class="menu-drawer-menu"
3892                                          tabindex="-1"
3893                                        ></ul>
3894                                      </div>
3895                                    </div>
3896                                  </details></li></ul>
3897                        </div>
3898                      </div>
3899                    </details></li>
3900
3901                <li class="menu-drawer-menu-item header-menu-first-level"><details data-belong="1">
3902                      <summary
3903                        class="menu-summary first-level-item focus-inset"
3904                        aria-expanded="false"
3905                        aria-controls="Drawer-Menu-Learn-how"
3906                      >
3907                        <a
3908                          class="link"
3909                          
3910                            href="#"
3911                          
3912                          
3913                        >
3914                          Learn How
3915                          
3916                        </a>
3917                        
3918
3919<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3920
3921                      </summary>
3922                      <div
3923                        id="Drawer-Menu-Learn-how"
3924                        class="menu-drawer-submenu has-submenu hidden-scrollbar"
3925                        tabindex="-1"
3926                        data-level="2"
3927                        aria-label="Submenu for Learn How"
3928                      >
3929                        <div class="submenu-wrapper hidden-scrollbar">
3930                          <ul class="menu-drawer-menu" tabindex="-1"><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
3931                                    <summary
3932                                      class="menu-summary focus-inset"
3933                                      aria-expanded="false"
3934                                      aria-controls="Drawer-Menu-Learn-how-Dyc-university"
3935                                    >
3936                                      <a
3937                                        class="link"
3938                                        
3939                                          href="/pages/dyc-university-1"
3940                                        
3941                                        
3942                                      >
3943                                        DYC University
3944                                      </a>
3945                                      
3946
3947<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
3948
3949                                    </summary>
3950                                    <div
3951                                      id="Drawer-Menu-Learn-how-Dyc-university"
3952                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
3953                                      tabindex="-1"
3954                                      data-level="3"
3955                                      aria-label="Submenu for DYC University"
3956                                    >
3957                                      <div class="submenu-wrapper hidden-scrollbar">
3958                                        <ul
3959                                          class="menu-drawer-menu"
3960                                          tabindex="-1"
3961                                        ><li class="menu-drawer-menu-item">
3962                                              <div class="menu-link-wrapper">
3963                                                <a
3964                                                  class="link link-full focus-inset"
3965                                                  href="/pages/dyc-university-1"
3966                                                  
3967                                                >
3968                                                  Explore DYC University
3969                                                </a>
3970                                              </div>
3971                                            </li><li class="menu-drawer-menu-item">
3972                                              <div class="menu-link-wrapper">
3973                                                <a
3974                                                  class="link link-full focus-inset"
3975                                                  href="/pages/hyperdi
3975p"
3976                                                  
3977                                                >
3978                                                  Learn about Hyperdip
3979                                                </a>
3980                                              </div>
3981                                            </li><li class="menu-drawer-menu-item">
3982                                              <div class="menu-link-wrapper">
3983                                                <a
3984                                                  class="link link-full focus-inset"
3985                                                  href="/pages/emblem-dipping"
3986                                                  
3987                                                >
3988                                                  Learn about Emblem Dipping
3989                                                </a>
3990                                              </div>
3991                                            </li><li class="menu-drawer-menu-item">
3992                                              <div class="menu-link-wrapper">
3993                                                <a
3994                                                  class="link link-full focus-inset"
3995                                                  href="/pages/wheel-dipping"
3996                                                  
3997                                                >
3998                                                  Learn about Wheel Dipping
3999                                                </a>
4000                                              </div>
4001                                            </li><li class="menu-drawer-menu-item">
4002                                              <div class="menu-link-wrapper">
4003                                                <a
4004                                                  class="link link-full focus-inset"
4005                                                  href="/pages/vehicle-dipping"
4006                                                  
4007                                                >
4008                                                  Learn about Vehicle Dipping
4009                                                </a>
4010                                              </div>
4011                                            </li><li class="menu-drawer-menu-item">
4012                                              <div class="menu-link-wrapper">
4013                                                <a
4014                                                  class="link link-full focus-inset"
4015                                                  href="/pages/dip-armor-1"
4016                                                  
4017                                                >
4018                                                  Learn about Dip Armor
4019                                                </a>
4020                                              </div>
4021                                            </li><li class="menu-drawer-menu-item">
4022                                              <div class="menu-link-wrapper">
4023                                                <a
4024                                                  class="link link-full focus-inset"
4025                                                  href="/pages/ultra-high-gloss"
4026                                                  
4027                                                >
4028                                                  Learn about Ultra High Gloss
4029                                                </a>
4030                                              </div>
4031                                            </li></ul>
4032                                      </div>
4033                                    </div>
4034                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
4035                                    <summary
4036                                      class="menu-summary focus-inset"
4037                                      aria-expanded="false"
4038                                      aria-controls="Drawer-Menu-Learn-how-Faqs"
4039                                    >
4040                                      <a
4041                                        class="link"
4042                                        
4043                                          href="/pages/faq"
4044                                        
4045                                        
4046                                      >
4047                                        FAQs
4048                                      </a>
4049                                      
4050
4051<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4052
4053                                    </summary>
4054                                    <div
4055                                      id="Drawer-Menu-Learn-how-Faqs"
4056                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
4057                                      tabindex="-1"
4058                                      data-level="3"
4059                                      aria-label="Submenu for FAQs"
4060                                    >
4061                                      <div class="submenu-wrapper hidden-scrollbar">
4062                                        <ul
4063                                          class="menu-drawer-menu"
4064                                          tabindex="-1"
4065                                        ><li class="menu-drawer-menu-item">
4066                                              <div class="menu-link-wrapper">
4067                                                <a
4068                                                  class="link link-full focus-inset"
4069                                                  href="https://www.dipyourcar.com/pages/faq"
4070                                                  
4071                                                >
4072                                                  Peelable Paint FAQ&#39;s
4073                                                </a>
4074                                              </div>
4075                                            </li><li class="menu-drawer-menu-item">
4076                                              <div class="menu-link-wrapper">
4077                                                <a
4078                                                  class="link link-full focus-inset"
4079                                                  href="/pages/permanent-paint-faq"
4080                                                  
4081                                                >
4082                                                  Permanent Paint FAQ&#39;s
4083                                                </a>
4084                                              </div>
4085                                            </li><li class="menu-drawer-menu-item">
4086                                              <div class="menu-link-wrapper">
4087                                                <a
4088                                                  class="link link-full focus-inset"
4089                                                  href="/pages/technical-data-sheets"
4090                                                  
4091                                                >
4092                                                  Luna Technical Data Sheets
4093                                                </a>
4094                                              </div>
4095                                            </li></ul>
4096                                      </div>
4097                                    </div>
4098                                  </details></li><li class="menu-drawer-menu-item header-menu-second-level"><details data-belong="2">
4099                                    <summary
4100                                      class="menu-summary focus-inset"
4101                                      aria-expanded="false"
4102                                      aria-controls="Drawer-Menu-Learn-how-Garage-guides"
4103                                    >
4104                                      <a
4105                                        class="link"
4106                                        
4107                                          href="/blogs/dipyourcar-daily"
4108                                        
4109                                        
4110                                      >
4111                                        Garage Guides
4112                                      </a>
4113                                      
4114
4115<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4116
4117                                    </summary>
4118                                    <div
4119                                      id="Drawer-Menu-Learn-how-Garage-guides"
4120                                      class="menu-drawer-submenu has-submenu hidden-scrollbar"
4121                                      tabindex="-1"
4122                                      data-level="3"
4123                                      aria-label="Submenu for Garage Guides"
4124                                    >
4125                                      <div class="submenu-wrapper hidden-scrollbar">
4126                                        <ul
4127                                          class="menu-drawer-menu"
4128                                          tabindex="-1"
4129                                        ><li class="menu-drawer-menu-item">
4130                                              <div class="menu-link-wrapper">
4131                                                <a
4132                                                  class="link link-full focus-inset"
4133                                                  href="/pages/touch-up-paint"
4134                                                  
4135                                                >
4136                                                  Touch-Up Paint Hub
4137                                                </a>
4138                                              </div>
4139                                            </li><li class="menu-drawer-menu-item">
4140                                              <div class="menu-link-wrapper">
4141                                                <a
4142                                                  class="link link-full focus-inset"
4143                                                  href="/blogs/dipyourcar-daily/how-to-find-your-cars-paint-code-every-major-brand"
4144                                                  
4145                                                >
4146                                                  Find Your Paint Code
4147                                                </a>
4148                                              </div>
4149                                            </li><li class="menu-drawer-menu-item">
4150                                              <div class="menu-link-wrapper">
4151                                                <a
4152                                                  class="link link-full focus-inset"
4153                                                  href="/blogs/dipyourcar-daily/paint-pen-vs-bottle-vs-aerosol-which-should-you-actually-use"
4154                                                  
4155                                                >
4156                                                  Pen vs Bottle vs Aerosol
4157                                                </a>
4158                                              </div>
4159                                            </li><li class="menu-drawer-menu-item">
4160                                              <div class="menu-link-wrapper">
4161                                                <a
4162                                                  class="link link-full focus-inset"
4163                                                  href="/blogs/dipyourcar-daily/what-makes-a-good-touch-up-paint-and-how-to-judge-one"
4164                                                  
4165                                                >
4166                                                  Judging Touch-Up Quality
4167                                                </a>
4168                                              </div>
4169                                            </li><li class="menu-drawer-menu-item">
4170                                              <div class="menu-link-wrapper">
4171                                                <a
4172                                                  class="link link-full focus-inset"
4173                                                  href="/blogs/dipyourcar-daily/how-to-apply-touch-up-paint-without-making-it-worse"
4174                                                  
4175                                                >
4176                                                  Applying Touch-Up Paint
4177                                                </a>
4178                                              </div>
4179                                            </li><li class="menu-drawer-menu-item">
4180                                              <div class="menu-link-wrapper">
4181                                                <a
4182                                                  class="link link-full focus-inset"
4183                                                  href="/blogs/dipyourcar-daily/car-scratch-repair-what-actually-works-by-scratch-type"
4184                                                  
4185                                                >
4186                                                  Scratch Repair Guide
4187                                                </a>
4188                                              </div>
4189                                            </li><li class="menu-drawer-menu-item">
4190                                              <div class="menu-link-wrapper">
4191                                                <a
4192                                                  class="link link-full focus-inset"
4193                                                  href="/blogs/dipyourcar-daily/car-paint-repair-cost-what-youll-actually-pay-in-2026-diy-vs-body-shop"
4194                                                  
4195                                                >
4196                                                  Paint Repair Costs
4197                                                </a>
4198                                              </div>
4199                                            </li></ul>
4200                                      </div>
4201                                    </div>
4202                                  </details></li>
4203
4204                              <li
4205                                class="menu-drawer-menu-item menu-drawer-mega-item mega-type--mega_links header-menu-second-level"
4206                                
4207                              >
4208                                  <details data-belong="2">
4209                                    <summary
4210                                      class="menu-summary focus-inset"
4211                                      aria-expanded="false"
4212                                      aria-controls="Drawer-Mega-Learn-how-mega_links_tgFRLG"
4213                                    >
4214                                      <a
4215                                        class="menu-title link"
4216                                        
4217                                          role="link"
4218                                          aria-disabled="true"
4219                                        
4220                                      >
4221                                        
4222
4223                                      </a>
4224                                      
4225
4226<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4227
4228                                    </summary>
4229                                    <div
4230                                      id="Drawer-Mega-Learn-how-mega_links_tgFRLG"
4231                
4231                      class="menu-drawer-submenu has-submenu"
4232                                      tabindex="-1"
4233                                      data-level="3"
4234                                      aria-label="Submenu for "
4235                                    >
4236                                      <div class="submenu-wrapper hidden-scrollbar">
4237                                        <ul
4238                                          class="menu-drawer-menu"
4239                                          tabindex="-1"
4240                                        ></ul>
4241                                      </div>
4242                                    </div>
4243                                  </details></li></ul>
4244                        </div>
4245                      </div>
4246                    </details></li></ul>
4247          </nav>
4248          <div class="menu-drawer-utility">
4249            
4250
4251
4252<ul class="list-social social-style--icon"><li class="social-item"
4253        
4254    >
4255      <a href="https://www.facebook.com/DipYourCar" class="link focus-inset">
4256
4257<svg class="icon icon-meta" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
4257<path d="M3.7758 16.5658C3.7758 12.3096 5.90391 7.86833 8.40213 7.86833C9.79004 7.86833 10.9004 8.70107 12.6584 11.1993C10.9929 13.79 9.97509 15.363 9.97509 15.363C7.75445 18.879 7.01423 19.6192 5.81139 19.6192C4.60854 19.7117 3.7758 18.6014 3.7758 16.5658ZM18.3025 14.9929L16.7295 12.4021C16.3594 11.7544 15.8968 11.1068 15.5267 10.5516C16.9146 8.42349 18.0249 7.31317 19.4128 7.31317C22.1886 7.31317 24.4093 11.4769 24.4093 16.6584C24.4093 18.6014 23.7616 19.7117 22.4662 19.7117C21.1708 19.7117 20.7082 18.879 18.3025 14.9929ZM14.3238 8.70107C12.2883 6.01779 10.5302 5 8.49466 5C4.23843 5 1 10.6441 1 16.5658C1 20.2669 2.75801 22.5801 5.71886 22.5801C7.84697 22.5801 9.3274 21.5623 12.1032 16.7509C12.1032 16.7509 13.2135 14.7153 14.0463 13.3274C14.3238 13.79 14.6014 14.2527 14.879 14.8078L16.1744 17.0285C18.6726 21.2847 20.0605 22.6726 22.5587 22.6726C25.427 22.6726 27 20.2669 27 16.4733C26.9075 10.1815 23.5765 5 19.5979 5C17.4698 5 15.8043 6.66548 14.3238 8.70107Z" fill="currentColor"/></svg>
4258<span class="visually-hidden">Facebook</span>
4259      </a>
4260    </li><li class="social-item"
4261        
4262    >
4263      <a href="https://www.instagram.com/dipyourcar" class="link focus-inset">
4264
4265<svg class="icon icon-instagram" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.04359 2.14728C7.09013 2.23542 5.39698 2.71301 4.02979 4.07442C2.65783 5.44299 2.18617 7.14285 2.09781 9.07599C2.04288 10.2826 1.7217 19.398 2.65306 21.7885C3.28113 23.4012 4.51813 24.6412 6.14561 25.2713C6.90503 25.5667 7.77193 25.7666 9.04359 25.825C19.6766 26.3062 23.6181 26.0442 25.2802 21.7885C25.5751 21.031 25.7781 20.1648 25.8343 18.8963C26.3202 8.23605 25.7555 5.92538 23.9023 4.07442C22.4324 2.60819 20.7034 1.61009 9.04359 2.14728ZM9.14148 23.6811C7.97728 23.6287 7.34564 23.4347 6.92414 23.2715C5.86383 22.8594 5.0674 22.0662 4.65784 21.0121C3.94858 19.1957 4.18382 10.5686 4.2471 9.17267C4.30919 7.80529 4.58621 6.55561 5.551 5.59083C6.74504 4.39973 8.28773 3.81599 18.7918 4.29005C20.1625 4.35198 21.4151 4.62843 22.3823 5.59083C23.5763 6.78191 24.1686 8.33648 23.6862 18.8002C23.6336 19.9615 23.439 20.5917 23.2754 21.0121C22.1948 23.7814 19.7088 24.1658 9.14148 23.6811ZM18.9076 7.62755C18.9076 8.41606 19.5488 9.05724 20.3405 9.05724C21.1321 9.05724 21.7745 8.41606 21.7745 7.62755C21.7745 6.83905 21.1321 6.19845 20.3405 6.19845C19.5488 6.19845 18.9076 6.83905 18.9076 7.62755ZM7.8352 13.9856C7.8352 17.3635 10.5803 20.1022 13.9666 20.1022C17.353 20.1022 20.0981 17.3635 20.0981 13.9856C20.0981 10.6076 17.353 7.87071 13.9666 7.87071C10.5803 7.87071 7.8352 10.6076 7.8352 13.9856ZM9.98687 13.9856C9.98687 11.794 11.7684 10.0158 13.9666 10.0158C16.1649 10.0158 17.9464 11.794 17.9464 13.9856C17.9464 16.1784 16.1649 17.957 13.9666 17.957C11.7684 17.957 9.98687 16.1784 9.98687 13.9856Z" fill="currentColor"/></svg>
4266<span class="visually-hidden">Instagram</span>
4267      </a>
4268    </li><li class="social-item"
4269        
4270    >
4271      <a href="https://www.youtube.com/dipyourcar" class="link focus-inset">
4272
4273<svg class="icon icon-youtube" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M4.68929 3H6.66796L7.9425 6.92194H8.06576L9.28127 3H11.2769L8.99049 8.74058V12.8129H7.0265V8.92321L4.68929 3ZM11.4847 7.22594C11.4847 6.65015 11.7213 6.19254 12.1948 5.85092C12.6677 5.50934 13.3034 5.33854 14.102 5.33854C14.8293 5.33854 15.425 5.51902 15.889 5.87886C16.3542 6.23869 16.5861 6.70168 16.5861 7.26891V11.1092C16.5861 11.7452 16.3579 12.2447 15.903 12.6067C15.4475 12.9687 14.8201 13.1502 14.0222 13.1502C13.2534 13.1502 12.6384 12.9633 12.1767 12.5895C11.7157 12.2157 11.4847 11.713 11.4847 11.0802V7.22594ZM13.2934 11.2198C13.2934 11.425 13.3554 11.5819 13.4809 11.6947C13.6061 11.8064 13.7846 11.8611 14.017 11.8611C14.2551 11.8611 14.4445 11.8053 14.5844 11.6914C14.7246 11.5765 14.795 11.4196 14.795 11.2198V7.17006C14.795 7.00783 14.723 6.87678 14.5801 6.7769C14.4373 6.67697 14.2495 6.62647 14.017 6.62647C13.8029 6.62647 13.6283 6.67697 13.4946 6.7769C13.3603 6.87678 13.2934 7.00783 13.2934 7.17006V11.2198ZM23.0142 5.4578V12.8935H21.2541V12.0728C20.9292 12.3757 20.5919 12.6056 20.2406 12.7646C19.8899 12.9214 19.5488 13.0009 19.219 13.0009C18.8119 13.0009 18.5047 12.8903 18.2984 12.669C18.0921 12.4476 17.989 12.1158 17.989 11.6732V5.4578H19.7497V11.1576C19.7497 11.3348 19.7867 11.4616 19.8603 11.541C19.9345 11.6195 20.0537 11.6592 20.2186 11.6592C20.3485 11.6592 20.5124 11.6066 20.7094 11.5024C20.9076 11.3982 21.0891 11.265 21.254 11.1028V5.4578H23.0142ZM21.3648 18.6179C21.2783 18.5223 21.1408 18.4729 20.9517 18.4729C20.7541 18.4729 20.6123 18.5223 20.5264 18.6179C20.4405 18.7146 20.3975 18.8747 20.3975 19.0981V19.5611H21.4942V19.0981C21.4942 18.8747 21.4512 18.7146 21.3648 18.6179ZM16.1629 22.1038C16.2574 22.1424 16.3573 22.1607 16.4626 22.1607C16.6151 22.1607 16.7258 22.1241 16.7978 22.0489C16.8697 21.9748 16.9052 21.8513 16.9052 21.6816V19.0046C16.9052 18.8242 16.8611 18.6878 16.7731 18.5943C16.6844 18.5008 16.555 18.4546 16.3874 18.4546C16.2988 18.4546 16.2113 18.4718 16.1247 18.5062C16.0383 18.5416 15.9529 18.5965 15.8686 18.6695V21.9157C15.9696 22.0038 16.0678 22.0661 16.1629 22.1038ZM24.3275 16.4362C24.3275 15.1472 23.0035 14.102 21.3718 14.102C19.044 14.0235 16.6619 13.9892 14.2318 13.9934C11.8024 13.9891 9.42037 14.0235 7.09177 14.102C5.46089 14.102 4.13692 15.1471 4.13692 16.4362C4.03889 17.4556 3.99644 18.4761 4.00023 19.4966C3.99649 20.5171 4.03889 21.5376 4.13692 22.5581C4.13692 23.8461 5.46089 24.8913 7.09177 24.8913C9.42037 24.9686 11.8024 25.003 14.2318 24.9998C16.6619 25.003 19.044 24.9686 21.3718 24.8913C23.0035 24.89
427313 24.3275 23.8461 24.3275 22.5581C24.4252 21.5376 24.4676 20.5171 24.4633 19.4966C24.4676 18.4761 24.4252 17.4556 24.3275 16.4362ZM8.43046 22.932V23.0093H7.0324V22.932V16.8262H5.586V16.7499V15.7767V15.7005H9.87716V15.7767V16.7499V16.8262H8.43046V22.932ZM13.4038 17.6737V22.932V23.0093H12.1625V22.932V22.4196C11.9332 22.6376 11.6955 22.802 11.4482 22.9159C11.2003 23.0286 10.9602 23.0856 10.7272 23.0856C10.4403 23.0856 10.2241 23.0061 10.0786 22.8481C9.93274 22.6892 9.85994 22.4507 9.85994 22.1327V22.0554V17.6737V17.5974H11.1018V17.6737V21.6869C11.1018 21.8126 11.1275 21.905 11.1793 21.9609C11.2317 22.0178 11.316 22.0457 11.4323 22.0457C11.5239 22.0457 11.6391 22.0081 11.7788 21.934C11.9179 21.8588 12.0457 21.7632 12.1625 21.6472V17.6737V17.5974H13.4038V17.6737ZM18.183 18.9445V21.8266V21.9039C18.183 22.2832 18.0857 22.5732 17.8914 22.7751C17.6969 22.9749 17.4154 23.0759 17.048 23.0759C16.8053 23.0759 16.5894 23.0372 16.3992 22.9599C16.2086 22.8815 16.0319 22.7611 15.8686 22.5989V22.9319V23.0093H14.6156V22.9319V15.7767V15.7004H15.8686V15.7
4273767V18.0282C16.0362 17.8649 16.2134 17.7414 16.4014 17.6576C16.59 17.5727 16.7807 17.5298 16.9729 17.5298C17.365 17.5298 17.6658 17.6437 17.8725 17.8714C18.0793 18.0991 18.183 18.431 18.183 18.8672V18.9445ZM22.772 19.1078V20.3893V20.4667H20.3975V21.3958C20.3975 21.6762 20.4383 21.8707 20.52 21.9792C20.6021 22.0877 20.7418 22.1425 20.9394 22.1425C21.1451 22.1425 21.2896 22.0963 21.3718 22.0039C21.4534 21.9126 21.4942 21.7095 21.4942 21.3958V21.1026V21.0253H22.772V21.1026V21.4259V21.5033C22.772 22.05 22.6168 22.4615 22.3053 22.7386C21.9943 23.0158 21.5297 23.1533 20.9115 23.1533C20.3556 23.1533 19.9184 23.0061 19.5988 22.7129C19.2798 22.4196 19.1197 22.0157 19.1197 21.5033V21.4259V19.1078V19.0315C19.1197 18.5686 19.2953 18.1915 19.6456 17.8993C19.9963 17.6082 20.4502 17.4621 21.0055 17.4621C21.5738 17.4621 22.0098 17.5975 22.315 17.8671C22.619 18.1367 22.772 18.5256 22.772 19.0315V19.1078H22.772Z" fill="currentColor"/></svg>
4274<span class="visually-hidden">YouTube</span>
4275      </a>
4276    </li><li class="social-item"
4277        
4278    >
4279      <a href="https://www.tiktok.com/@fonzie_dipyourcar" class="link focus-inset">
4280
4281<svg class="icon icon-tiktok" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14.0409 3.01834C15.242 3 16.4342 3.00954 17.6257 3C17.6653 4.4901 18.2698 5.83125 19.2317 6.82465L19.2302 6.82318C20.2654 7.75569 21.6125 8.36023 23.0974 8.46295L23.118 8.46442V12.1592C21.7152 12.124 20.396 11.8004 19.2067 11.2443L19.2669 11.2693C18.6917 10.9927 18.2053 10.7087 17.7431 10.3918L17.7812 10.4167C17.7724 13.0939 17.79 15.7711 17.7629 18.4387C17.6873 19.7982 17.2354 21.0382 16.5105 22.0734L16.5252 22.0506C15.3131 23.7865 13.3498 24.9259 11.1172 24.9934H11.107C11.0167 24.9978 10.9103 25 10.8032 25C9.53396 25 8.34761 24.6464 7.3366 24.0323L7.36595 24.0492C5.52589 22.942 4.25663 21.0477 4.02186 18.8445L4.01892 18.8144C4.00058 18.3558 3.99178 17.8973 4.01012 17.4483C4.36962 13.942 7.30726 11.2296 10.8781 11.2296C11.2794 11.2296 11.6726 11.2641 12.0549 11.3294L12.0138 11.3236C12.0321 12.6801 11.9771 14.0374 11.9771 15.394C11.6668 15.2817 11.3087 15.2164 10.9353 15.2164C9.56478 15.2164 8.39897 16.0924 7.96757 17.3155L7.96096 17.3375C7.86338 17.6508 7.80689 18.011 7.80689 18.3837C7.80689 18.5348 7.81643 18.6845 7.83404 18.8313L7.83257 18.8136C8.07615 20.3147 9.36302 21.4475 10.9147 21.4475C10.9595 21.4475 11.0035 21.4468 11.0475 21.4446H11.0409C12.1143 21.4123 13.0461 20.8349 13.5728 19.9817L13.5802 19.9685C13.7761 19.6955 13.9103 19.3654 13.9551 19.0066L13.9558 18.9963C14.0475 17.3551 14.0109 15.7234 14.0197 14.0822C14.0285 10.3874 14.0109 6.70139 14.038 3.01614L14.0409 3.01834Z" fill="currentColor"/></svg>
4282<span class="visually-hidden">TikTok</span>
4283      </a>
4284    </li></ul>
4285
4286</div>
4287        </div>
4288      </div>
4289    </div>
4290  </details>
4291</header-drawer>
4292
4293<!-- Small JS snippet to handle href="#" toggling on mobile/desktop -->
4294<script>
4295  document.addEventListener('DOMContentLoaded', function() {
4296    // For all summary links that have href="#", prevent default jump
4297    // and toggle the parent <details> open/close.
4298    document.querySelectorAll('summary a.link[href="#"]').forEach(function(link) {
4299      link.addEventListener('click', function(e) {
4300        e.preventDefault();
4301        var parentDetails = link.closest('details');
4302        if (parentDetails) {
4303          parentDetails.open = !parentDetails.open;
4304        }
4305      });
4306    });
4307  });
4308</script>
4308
4309<div class="hc-mobile medium-up-hide">
4310            <button type="button" class="header-icon header-icon--chat-m link" data-chat-toggle-mobile aria-expanded="false" aria-label="Chat with us">
4311              <span class="hc-ico hc-ico--chat"><svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/></svg></span>
4312              <span class="hc-ico hc-ico--close" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></span>
4313            </button>
4314          </div>
4315      </div><a href="/" class="header-heading link"><div
4316            class="header-heading-logo-wrapper
4317              "
4318            style="--logo-width: 210px; --logo-width-mobile: 170px;"
4319          >
4320            
4321            
4322<img src="//www.dipyourcar.com/cdn/shop/files/DYC_Black.png?v=1763750712&amp;width=600" alt="DipYourCar.com" srcset="//www.dipyourcar.com/cdn/shop/files/DYC_Black.png?v=1763750712&amp;width=210 210w, //www.dipyourcar.com/cdn/shop/files/DYC_Black.png?v=1763750712&amp;width=315 315w, //www.dipyourcar.com/cdn/shop/files/DYC_Black.png?v=1763750712&amp;width=420 420w" width="1920" height="400" loading="lazy" class="header-heading-logo motion-reduce" sizes="(max-width: 420px) 50vw, 210px">
4323</div></a><div class="hc-center" data-channels-mobile><a class="header-icon header-channel" data-ch="imessage" data-sms="+14453346479" href="sms:+14453346479&body=Hi%20DipYourCar%20team%2C%20I%27d%20like%20some%20help.%20Thank%20you%21" aria-label="Message us on iMessage" title="iMessage"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path fill="#0B93F6" d="M5.285 0A5.273 5.273 0 0 0 0 5.285v13.43A5.273 5.273 0 0 0 5.285 24h13.43A5.273 5.273 0 0 0 24 18.715V5.285A5.273 5.273 0 0 0 18.715 0ZM12 4.154a8.809 7.337 0 0 1 8.809 7.338A8.809 7.337 0 0 1 12 18.828a8.809 7.337 0 0 1-2.492-.303A8.656 7.337 0 0 1 5.93 19.93a9.929 7.337 0 0 0 1.54-2.155 8.809 7.337 0 0 1-4.279-6.283A8.809 7.337 0 0 1 12 4.154"/></svg><span class="hc-chip-label">iMessage</span></a><a class="header-icon header-channel" data-ch="whatsapp" target="_blank" rel="noopener" href="https://wa.me/17282317123?text=Hi%20DipYourCar%20team%2C%20I%27d%20like%20some%20help.%20Thank%20you%21" aria-label="Message us on WhatsApp" title="WhatsApp"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path fill="#25D366" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg><span class="hc-chip-label">WhatsApp</span></a><a class="header-icon header-channel" data-ch="ai-call" href="tel:+18558475825" aria-label="Call us — Pearl AI answers instantly" title="Talk to Pearl (AI) by phone"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="12" fill="url(#hcAIGrad)"/><path fill="#fff" transform="translate(3.4 4.6) scale(0.62)" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.
432367-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/><path fill="#fff" d="M18 3.7c.18 1.55.7 2.07 2.25 2.25-1.55.18-2.07.7-2.25 2.25-.18-1.55-.7-2.07-2.25-2.25 1.55-.18 2.07-.7 2.25-2.25z"/></svg><span class="hc-chip-label">Call · AI</span></a></div>
4324          
4325
4326
4327
4328
4329
4330<predictive-search
4331    id="Predictive-Search-Inline-Search"
4332    class="search-wrapper predictive-search-wrapper medium-up-only"
4333    data-loading-text="Loading..."
4334    
4335      data-pop-panel="true"  tabindex="0"
4336      
4337    
4338    data-section="sections--27611554611564__header"
4339  >
4340    
4341    <form action="/search"
4342          method="get"
4343          role="search"
4344          class="search search-form"
4345    >
4346        <div class="search-field field field--no-border field--pill">
4347            <input id="Inline-Search"
4348                   class="field-input"
4349                   type="search"
4350                   name="q"
4351                   value=""
4352                   placeholder="What are you looking for?"
4353                   aria-label="Search the site"
4354                    
4355                        role="combobox"
4356                        aria-haspopup="true"
4357                        aria-expanded="false"
4358                        aria-owns="Search-Container-Inline-Search"
4359                        aria-controls="Search-Container-Inline-Search"
4360                        aria-autocomplete="list"
4361                        autocomplete="off"
4362                    
4363                    
4364                        autocorrect="off"
4365                        autocomplete="off"
4366                        autocapitalize="off"
4367                        spellcheck="false"
4368                    
4369            >
4370            <label class="field-label" for="Inline-Search">
4371                <typing-words data-text="What are you looking for?" data-interval="10"></typing-words>
4372            </label>
4373            <input type="hidden" name="options[prefix]" value="last">
4374            <div class="field-button-group">
4375                <button type="reset" class="field-button reset-button hidden focus-inset">
4376                    Clear
4377                </button>
4378                <button class="field-button search-button focus-inset">
4379                    
4380
4381<svg class="icon icon-search" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M12.6667 6C16.3485 6 19.3333 8.98477 19.3333 12.6667M20.2117 20.2065L26 26M23.3333 12.6667C23.3333 18.5577 18.5577 23.3333 12.6667 23.3333C6.77563 23.3333 2 18.5577 2 12.6667C2 6.77563 6.77563 2 12.6667 2C18.5577 2 23.3333 6.77563 23.3333 12.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
4382
4383                    <span class="visually-hidden">Search</span>
4384                </button>
4385            </div>
4386        </div>
4387
4388        <div id="Search-Container-Inline-Search" class="search-container color-background-1 gradient">
4389            <div class="search-trending-main">
4390                <div class="popular-searches"><h3 class="font-body h6">Popular searches</h3>
4391                        <div class="keyword-list">
4392<a href="/search?q=Hyperdip" class="link link-text focus-inset hot" data-keyword="Hyperdip" aria-label="Search for Hyperdip">
4393                                        <span aria-hidden="true">Hyperdip</span>
4394                                    </a>
4395<a href="/search?q=Car Kits" class="link link-text focus-inset hot" data-keyword="Car Kits" aria-label="Search for Car Kits">
4396                                        <span aria-hidden="true">Car Kits</span>
4397                                    </a>
4398<a href="/search?q=Wheel Kits" class="link link-text focus-inset hot" data-keyword="Wheel Kits" aria-label="Search for Wheel Kits">
4399                                        <span aria-hidden="true">Wheel Kits</span>
4400                                    </a>
4401<a href="/search?q=Luna One" class="link link-text focus-inset" data-keyword="Luna One" aria-label="Search for Luna One">
4402                                        <span aria-hidden="true">Luna One</span>
4403                                    </a></div></div></div><div class="predictive-search-main">
4404                    <div class="search-results-wrapper">
4405                    </div>
4406                    <button type="submit" class="predictive-search-button button button--full-width button--hover-animate focus-inset">
4407                        Search page
4408                        
4409
4410<svg class="icon icon-arrow-right" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M19.1788 13.5L5 13.5V15.5L19.1788 15.5L16.0615 18.6L17.4693 20L23 14.5L17.5698 9L16.162 10.4L19.1788 13.5Z" fill="currentColor"/></svg>
4411
4412                    </button>
4413                    <template id="Placeholder-Search-Form-sections--27611554611564__header">
4414                        <div class="search-loading-placeholder">
4415                            <ul class="tab-panel-tabs">
4416                                <li class="tab placeholder"></li>
4417                                <li class="tab placeholder"></li>
4418                                <li class="tab placeholder"></li>
4419                            </ul>
4420                            <div class="tab-panel-panels">
4421                                <div class="panel">
4422                                    <div class="placeholder"></div>
4423                                    <div class="placeholder"></div>
4424                                    <div class="placeholder"></div>
4425                                    <div class="placeholder"></div>
4426                                    <div class="placeholder"></div>
4427                                </div>
4428                            </div>
4429                        </div>
4430                    </template>
4431                </div>
4432                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></div>
4433    </form>
4434
4435  </predictive-search>
4436      
4437<div class="header-icons"><button
4438            type="button"
4439            class="header-icon header-icon--chat link small-hide"
4440            data-chat-toggle
4441            aria-expanded="false"
4442            aria-label="Chat with us"
4443          >
4444            <span class="hc-ico hc-ico--chat">
4445              <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">
4446                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/>
4447              </svg>
4448            </span>
4449            <span class="hc-ico hc-ico--close" aria-hidden="true">
4450              <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" focusable="false">
4451                <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
4452              </svg>
4453            </span>
4454          </button>
4455
4456          <div class="header-channels small-hide" data-channels><a class="header-icon header-channel" data-ch="imessage" data-sms="+14453346479" href="sms:+14453346479&body=Hi%20DipYourCar%20team%2C%20I%27d%20like%20some%20help.%20Thank%20you%21" aria-label="Message us on iMessage" title="iMessage"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path fill="#0B93F6" d="M5.285 0A5.273 5.273 0 0 0 0 5.285v13.43A5.273 5.273 0 0 0 5.285 24h13.43A5.273 5.273 0 0 0 24 18.715V5.285A5.273 5.273 0 0 0 18.715 0ZM12 4.154a8.809 7.337 0 0 1 8.809 7.338A8.809 7.337 0 0 1 12 18.828a8.809 7.337 0 0 1-2.492-.303A8.656 7.337 0 0 1 5.93 19.93a9.929 7.337 0 0 0 1.54-2.155 8.809 7.337 0 0 1-4.279-6.283A8.809 7.337 0 0 1 12 4.154"/></svg><span class="hc-chip-label">iMessage</span></a><a class="header-icon header-channel" data-ch="whatsapp" target="_blank" rel="noopener" href="https://wa.me/17282317123?text=Hi%20DipYourCar%20team%2C%20I%27d%20like%20some%20help.%20Thank%20you%21" aria-label="Message us on WhatsApp" title="WhatsApp"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false">
4456<path fill="#25D366" d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"/></svg><span class="hc-chip-label">WhatsApp</span></a><a class="header-icon header-channel" data-ch="ai-call" href="tel:+18558475825" aria-label="Call us — Pearl AI answers instantly" title="Talk to Pearl (AI) by phone"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="12" fill="url(#hcAIGrad)"/><path fill="#fff" transform="translate(3.4 4.6) scale(0.62)" d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/><path fill="#fff" d="M18 3.7c.18 1.55.7 2.07 2.25 2.25-1.55.18-2.07.7-2.25 2.25-.18-1.55-.7-2.07-2.25-2.25 1.55-.18 2.07-.7 2.25-2.25z"/></svg><span class="hc-chip-label">Call · AI</span></a></div>
4457
4458          <div class="hc-qr" data-ch-qr hidden>
4459            <div class="hc-qr__code" data-ch-qr-code></div>
4460            <p class="hc-qr__hint">Scan with your phone camera to text us.</p>
4461          </div><a
4462            href="https://www.dipyourcar.com/customer_authentication/redirect?locale=en&region_country=US"
4463            class="header-icon header-icon--account link small-hide"
4464            rel="nofollow"
4465          >
4466            
4467
4468<svg class="icon icon-account" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.7864 8.26087V10.3478C17.7864 12.7106 15.8673 14.6261 13.5 14.6261C11.1327 14.6261 9.21364 12.7106 9.21364 10.3478V8.26087C9.21364 5.89805 11.1327 3.98261 13.5 3.98261C15.8673 3.98261 17.7864 5.89805 17.7864 8.26087ZM7.22727 8.26087C7.22727 4.80309 10.0357 2 13.5 2C16.9643 2 19.7727 4.80309 19.7727 8.26087V10.3478C19.7727 13.8056 16.9643 16.6087 13.5 16.6087C10.0357 16.6087 7.22727 13.8056 7.22727 10.3478V8.26087ZM3.98636 21.8261C3.98636 20.6159 4.9693 19.6348 6.18182 19.6348H20.8182C22.0307 19.6348 23.0136 20.6159 23.0136 21.8261V22.9739C23.0136 23.5502 22.5456 24.0174 21.9682 24.0174H5.03182C4.45443 24.0174 3.98636 23.5502 3.98636 22.9739V21.8261ZM2 21.8261C2 19.5209 3.87226 17.6522 6.18182 17.6522H20.8182C23.1277 17.6522 25 19.5209 25 21.8261V24.9565C25 25.5328 24.5319 26 23.9545 26H3.04545C2.46807 26 2 25.5328 2 24.9565V21.8261Z" fill="currentColor"/></svg>
4469
4470            <span class="visually-hidden">Log in</span>
4471          </a><!-- MOBILE SEARCH ADDED -->
4472        <!-- A mobile-only search icon that opens a modal/drawer with the search bar -->
4473        <!-- <modal-opener
4474          class="header-icon header-icon--search medium-up-hide"
4475          role="button"
4476          aria-haspopup="dialog"
4477          aria-expanded="false"
4478          aria-controls="Search-Drawer-Mobile"
4479          aria-label="Search drawer"
4480        >
4481          <a href="/search" class="link lh-0" aria-label="Search">
4482
4483<svg class="icon icon-search" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M12.6667 6C16.3485 6 19.3333 8.98477 19.3333 12.6667M20.2117 20.2065L26 26M23.3333 12.6667C23.3333 18.5577 18.5577 23.3333 12.6667 23.3333C6.77563 23.3333 2 18.5577 2 12.6667C2 6.77563 6.77563 2 12.6667 2C18.5577 2 23.3333 6.77563 23.3333 12.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
4484sss
4485          </a>
4486        </modal-opener> -->
4487         <modal-opener
4488            class="header-icon header-icon--search medium-up-hide hide-md"
4489            role="button"
4490            aria-haspopup="dialog"
4491            aria-expanded="false"
4492            aria-controls="Search-Drawer"
4493            aria-label="Search"
4494          >
4495            <a href="/search" class="link">
4496            
4497
4498<svg class="icon icon-search" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M12.6667 6C16.3485 6 19.3333 8.98477 19.3333 12.6667M20.2117 20.2065L26 26M23.3333 12.6667C23.3333 18.5577 18.5577 23.3333 12.6667 23.3333C6.77563 23.3333 2 18.5577 2 12.6667C2 6.77563 6.77563 2 12.6667 2C18.5577 2 23.3333 6.77563 23.3333 12.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
4499
4500            </a>
4501          </modal-opener>
4502        <!-- /MOBILE SEARCH ADDED -->
4503
4504        <!-- Cart icon or drawer trigger -->
4505        <modal-opener
4506          
4507            role="button"
4508            aria-label="Cart drawer"
4509            aria-haspopup="dialog"
4510            aria-expanded="false"
4511            aria-controls="Cart-Drawer"
4512          
4513        >
4514          <a
4515            id="Cart-Icon-Bubble"
4516            class="header-icon header-icon--cart link"
4517            href="/cart"
4518            aria-label="Cart"
4519          >
4520            
4521<span class="cart-count-bubble bubble-style--cart">
4522
4523
4524<svg class="icon icon-bubble-cart" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M23.6612 20.3587H9.66479L9.43494 18.4352L24.0967 17.2981C25.0887 17.2134 25.8992 16.4392 26.0201 15.4593L26.2016 14.1286C26.2742 13.6327 25.9234 13.173 25.4274 13.1125C24.9435 13.0399 24.4717 13.3907 24.4112 13.8867L24.2298 15.2295C24.2177 15.3746 24.0967 15.4835 23.9636 15.4956L9.24138 16.6327L8.18893 7.65666H13.9956C14.4915 7.65666 14.9029 7.24536 14.9029 6.74937C14.9029 6.25339 14.4915 5.84209 13.9956 5.84209H7.97118L7.83812 4.66866C7.66876 3.28959 6.68889 2.17665 5.3461 1.83793L2.12826 1.02742C1.64438 0.90645 1.14839 1.19678 1.02742 1.68067C0.90645 2.16455 1.19678 2.66054 1.68067 2.78151L4.89851 3.59202C5.50337 3.73718 5.95096 4.24526 6.02354 4.87431L7.87441 20.6006C6.66469 21.0966 5.81789 22.2942 5.81789 23.6733C5.81789 25.5121 7.30584 27 9.14461 27C10.9834 27 12.4713 25.5121 12.4713 23.6733C12.4713 23.1289 12.3262 22.6208 12.0963 22.1611H20.7216C20.4917 22.6208 20.3466 23.1289 20.3466 23.6733C20.3466 25.5121 21.8345 27 23.6733 27C25.5121 27 27 25.5121 27 23.6733C27 21.8345 25.5121 20.3466 23.6733 20.3466L23.6612 20.3587ZM9.14461 25.1975C8.3099 25.1975 7.63246 24.5201 7.63246 23.6854C7.63246 22.8507 8.3099 22.1732 9.14461 22.1732C9.97931 22.1732 10.6568 22.8507 10.6568 23.6854C10.6568 24.5201 9.97931 25.1975 9.14461 25.1975ZM23.6612 25.1975C22.8265 25.1975 22.149 24.5201 22.149 23.6854C22.149 22.8507 22.8265 22.1732 23.6612 22.1732C24.4959 22.1732 25.1733 22.8507 25.1733 23.6854C25.1733 24.5201 24.4959 25.1975 23.6612 25.1975Z" fill="currentColor"/></svg>
4525
4526<span aria-hidden="true">0</span>
4527        <span class="visually-hidden">0 items</span></span>
4528          </a>
4529        </modal-opener>
4530      </div>
4531      
4532    </div><!-- /.header-main --><div class="header-bottom">
4533        <div class="header-bottom-wrapper page-width">
4534          
4535<nav class="header-menu-nav">
4536  <ul class="list-menu list-menu--inline">
4537
4538
4539      <li class="list-menu-item header-menu-first-level"><a class="link first-level-item"
4540             href="/products/exoflex"
4541             aria-current="page"><span class="header-active-menu-item">ExoFlex</span>
4542          </a></li>
4543
4544
4545      <li class="list-menu-item header-menu-first-level"><a class="link first-level-item"
4546             href="/collections/luna-one"
4547             ><span>Luna ONE</span>
4548          </a></li>
4549
4550
4551      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
4552            <details class="details-header-menu mega-menu">
4553              <summary class="first-level-item"
4554                       aria-haspopup="true"
4555                       aria-expanded="false"
4556                       aria-controls="Menu-Peelable-paints"><a class="link header-active-menu-item"
4557                   
4558                     href="#"
4559                   
4560                   >Peelable Paints</a>
4561                
4562
4563<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4564
4565              </summary>
4566
4567<div id="Menu-Peelable-paints"
4568     class="header-submenu list-menu list-menu--mega color-background-1 gradient"
4569     aria-label="Submenu for Peelable Paints"
4570     tabindex="-1" 
4571>
4572    <div class="page-width"><ul class="mega-menu-list"><li class="mega-menu-item list-menu-item header-menu-second-level"
4573                   
4574                >
4575                    <h3 class="h5 mb-1">
4576                        <a class="link link-text"
4577                           
4578                           href="#"
4579                           
4580                           
4581                        >All-In-One Kits</a>
4582                    </h3><ul class="list-menu"
4583                            aria-label="Submenu for All-In-One Kits"
4584                        ><li class="list-menu-item header-menu-third-level">
4585                                    <a href="/pages/car-kits"
4586                                       class="link link-text"
4587                                       
4588                                    >Peelable Car Kits</a>
4589                                </li><li class="list-menu-item header-menu-third-level">
4590                                    <a href="/collections/hyperdip-wheel-kits"
4591                                       class="link link-text"
4592                                       
4593                                    >HyperDip Wheel Kits</a>
4594                                </li><li class="list-menu-item header-menu-third-level">
4595                                    <a href="/collections/plastidip-wheel-kits"
4596                                       class="link link-text"
4597                                       
4598                                    >Plasti Dip Wheel Kits</a>
4599                                </li><li class="list-menu-item header-menu-third-level">
4600                                    <a href="/products/hyperdip-emblem-badges-kit"
4601                                       class="link link-text"
4602                                       
4603                                    >Emblem &amp; Badge Kits</a>
4604                                </li><li class="list-menu-item header-menu-third-level">
4605                                    <a href="/products/hyperdip-grille-mirror-trim-kit"
4606                                       class="link link-text"
4607                                       
4608                                    >Trim &amp; Grille Kits</a>
4609                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4610                   
4611                >
4612                    <h3 class="h5 mb-1">
4613                        <a class="link link-text"
4614                           
4615                           href="#"
4616                           
4617                           
4618                        >Explore Our Colors</a>
4619                    </h3><ul class="list-menu"
4620                            aria-label="Submenu for Explore Our Colors"
4621                        ><li class="list-menu-item header-menu-third-level">
4622                                    <a href="/collections/all-peelable-colors"
4623                                       class="link link-text"
4624                                       
4625                                    >Shop All Colors</a>
4626                                </li><li class="list-menu-item header-menu-third-level">
4627                                    <a href="/collections/dipyourcar-basecoat-colors"
4628                                       class="link link-text"
4629                                       
4630                                    >Basecoat Colors</a>
4631                                </li><li class="list-menu-item header-menu-third-level">
4632                                    <a href="/collections/pearl-topcoat-colors"
4633                                       class="link link-text"
4634                                       
4635                                    >Pearl Topcoat Colors</a>
4636                                </li><li class="list-menu-item header-menu-third-level">
4637                                    <a href="/collections/dipyourcar-peelable-colorshift"
4638                                       class="link link-text"
4639                                       
4640                                    >ColorShifting Colors</a>
4641                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4642                   
4643                >
4644                    <h3 class="h5 mb-1">
4645                        <a class="link link-text"
4646                           
4647                           href="#"
4648                           
4649                           
4650                        >Aerosol Collections</a>
4651                    </h3><ul class="list-menu"
4652                            aria-label="Submenu for Aerosol Collections"
4653                        ><li class="list-menu-item header-menu-third-level">
4654                                    <a href="https://www.dipyourcar.com/collections/hyperdip-aerosols"
4655                                       class="link link-text"
4656                                       
4657                                    >HyperDip Aerosols</a>
4658                                </li><li class="list-menu-item header-menu-third-level">
4659                                    <a href="https://www.dipyourcar.com/collections/plasti-dip-aerosols"
4660                                       class="link link-text"
4661                                       
4662                                    >Plasti Dip Aerosols</a>
4663                                </li><li class="list-menu-item header-menu-third-level">
4664                                    <a href="https://www.dipyourcar.com/collections/dip-pearl-aerosols-2"
4665                                       class="link link-text"
4666                                       
4667                                    >Pearl Topcoat Aerosols</a>
4668                                </li><li class="list-menu-item header-menu-third-level">
4669                                    <a href="/products/gloss-clear-topcoat-aerosol"
4670                                       class="link link-text"
4671                                       
4672                                    >DYC Gloss Aerosol</a>
4673                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4674                   
4675                >
4676                    <h3 class="h5 mb-1">
4677                        <a class="link link-text"
4678                           
4679                           href="#"
4680                           
4681                           
4682                        >Peelable Clearcoats</a>
4683                    </h3><ul class="list-menu"
4684                            aria-label="Submenu for Peelable Clearcoats"
4685                        ><li class="list-menu-item header-menu-third-level">
4686                                    <a href="/collections/ultra-high-gloss"
4687                                       class="link link-text"
4688                                       
4689                                    >Ultra High Gloss Kit</a>
4690                                </li><li class="list-menu-item header-menu-third-level">
4691                                    <a href="/collections/dip-armor"
4692                                       class="link link-text"
4693                                       
4694                                    >Dip Armor™ Kit</a>
4695                                </li><li class="list-menu-item header-menu-third-level">
4696                                    <a href="/collections/clear-dippearl-topcoats"
4697                                       class="link link-text"
4698                                       
4699                                    >Clear DipPearl Topcoats</a>
4700                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4701                   
4702                >
4703                    <h3 class="h5 mb-1">
4704                        <a class="link link-text"
4705                           
4706                           href="#"
4707                           
4708                           
4709                        >Specialty Coatings</a>
4710                    </h3><ul class="list-menu"
4711                            aria-label="Submenu for Specialty Coatings"
4712                        ><li class="list-menu-item header-menu-third-level">
4713                                    <a href="/products/exoflex"
4714                                       class="link link-text"
4715                                       aria-current="page"
4716                                    >ExoFlex</a>
4717                                </li><li class="list-menu-item header-menu-third-level">
4718                                    <a href="https://www.dipyourcar.com/collections/peelable-body-armor-kits"
4719                                       class="link link-text"
4720                                       
4721                                    >Peelable Body Armor</a>
4722                                </li><li class="list-menu-item header-menu-third-level">
4723                                    <a href="/collections/autoflex"
4724                                       class="link link-text"
4725                                       
4726                                    >AutoFlex</a>
4727                                </li><li class="list-menu-item header-menu-third-level">
4728                                    <a href="/collections/proline"
4729                                       class="link link-text"
4730                                       
4731                                    >ProLine™</a>
4732                                </li></ul></li>
4733                <li class="mega-menu-item text-align--left"
4734                    
4735                    
4736                >
4737<h3 class="h5 mb-1">
4738                            <a class="link"
4739                               
4740                               role="link"
4741                               aria-disabled="true"
4742                               
4743                            >
4744                                
4745                            </a>
4746                        </h3></li></ul></div>
4747</div>
4748
4749</details>
4750          </drop-menu></li>
4751
4752
4753      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
4754            <details class="details-header-menu mega-menu">
4755              <summary class="first-level-item"
4756                       aria-haspopup="true"
4757                       aria-expanded="false"
4758                       aria-controls="Menu-Permanent-paints"><a class="link"
4759                   
4760                     href="#"
4761                   
4762                   >Permanent Paints</a>
4763                
4764
4765<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4766
4767              </summary>
4768
4769<div id="Menu-Permanent-paints"
4770     class="header-submenu list-menu list-menu--mega color-background-1 gradient"
4771     aria-label="Submenu for Permanent Paints"
4772     tabindex="-1" 
4773>
4774    <div class="page-width"><ul class="mega-menu-list"><li class="mega-menu-item list-menu-item header-menu-second-level"
4775                   
4776                >
4777                    <h3 class="h5 mb-1">
4778                        <a class="link link-text"
4779                           
4780                           href="#"
4781                           
4782                           
4783                        >All-In-One Kits</a>
4784                    </h3><ul class="list-menu"
4785                            aria-label="Submenu for All-In-One Kits"
4786                        ><li class="list-menu-item header-menu-third-level">
4787                                    <a href="/collections/luna-permanent-car-kits"
4788                                       class="link link-text"
4789                                       
4790                                    >Permanent Car Kits</a>
4791                                </li><li class="list-menu-item header-menu-third-level">
4792                                    <a href="https://www.dipyourcar.com/products/luna-one-black-wheel-kit"
4793                                       class="link link-text"
4794                                       
4795                                    >Wheel Kits</a>
4796                                </li><li class="list-menu-item header-menu-third-level">
4797                                    <a href="https://www.dipyourcar.com/collections/luna-one"
4798                                       class="link link-text"
4799                                       
4800                                    >Luna ONE Kits</a>
4801                                </li><li class="list-menu-item header-menu-third-level">
4802                                    <a href="https://www.dipyourcar.com/products/luna-one-black-trim-kit"
4803                                       class="link link-text"
4804                                       
4805                                    >Trim Kits</a>
4806                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4807                   
4808                >
4809                    <h3 class="h5 mb-1">
4810                        <a class="link link-text"
4811                           
4812                           href="#"
4813                           
4814                           
4815                        >Explore Our Colors</a>
4816                    </h3><ul class="list-menu"
4817                            aria-label="Submenu for Explore Our Colors"
4818                        ><li class="list-menu-item header-menu-third-level">
4819                                    <a href="/collections/luna-paint-colors"
4820                                       class="link link-text"
4821                                       
4822                                    >Shop All Colors</a>
4823                                </li><li class="list-menu-item header-menu-third-level">
4824                                    <a href="/collections/luna-basecoat-colors"
4825                                       class="link link-text"
4826                                       
4827                                    >Basecoat Colors</a>
4828                                </li><li class="list-menu-item header-menu-third-level">
4829                                    <a href="/collections/luna-pearl-midcoat-colors"
4830                                       class="link link-text"
4831                                       
4832                                    >Pearl Midcoat Colors</a>
4833                                </li><li class="list-menu-item header-menu-third-level">
4834                                    <a href="/collections/luna-colorshifting-colors"
4835                                       class="link link-text"
4836                                       
4837                                    >ColorShifting Colors</a>
4838                                </li><li class="list-menu-item header-menu-third-level">
4839                                    <a href="/collections/candy-paints"
4840                                       class="link link-text"
4841                                       
4842                                    >Candy Paints</a>
4843                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4844                   
4845                >
4846                    <h3 class="h5 mb-1">
4847                        <a class="link link-text"
4848                           
4849                           href="#"
4850                           
4851                           
4852                        >Aerosol Collections</a>
4853                    </h3><ul class="list-menu"
4854                            aria-label="Submenu for Aerosol Collections"
4855                        ><li class="list-menu-item header-menu-third-level">
4856                                    <a href="https://www.dipyourcar.com/collections/luna-one"
4857                                       class="link link-text"
4858                                       
4859                                    >Luna ONE Aerosols</a>
4860                                </li><li class="list-menu-item header-menu-third-level">
4861                                    <a href="https://www.dipyourcar.com/collections/luna-basecoat-aerosols-1"
4862                                       class="link link-text"
4863                                       
4864                                    >Basecoat Aerosols</a>
4865                                </li><li class="list-menu-item header-menu-third-level">
4866                                    <a href="https://www.dipyourcar.com/collections/luna-midcoat-aerosols"
4867                                       class="link link-text"
4868                                       
4869                                    >Pearl Midcoat Aerosols</a>
4870                                </li><li class="list-menu-item header-menu-third-level">
4871                                    <a href="https://www.dipyourcar.com/collections/luna-oem-colors"
4872                                       class="link link-text"
4873                                       
4874                                    >OEM Aerosols</a>
4875                                </li><li class="list-menu-item header-menu-third-level">
4876                                    <a href="/collections/aerosol-clearcoat"
4877                                       class="link link-text"
4878                                       
4879                                    >Aerosol Clearcoat</a>
4880                                </li><li class="list-menu-item header-menu-third-level">
4881                                    <a href="https://www.dipyourcar.com/products/proxl-ultragrip-ultimate-adhesion-promoter-aerosol-500ml"
4882                                       class="link link-text"
4883                                       
4884                                    >Adhesion Promoter</a>
4885                                </li><li class="list-menu-item header-menu-third-level">
4886                                    <a href="https://www.dipyourcar.com/collections/specialist-aerosols"
4887                                       class="link link-text"
4888                                       
4889                                    >Other Aerosols</a>
4890                                </li><
4890/ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4891                   
4892                >
4893                    <h3 class="h5 mb-1">
4894                        <a class="link link-text"
4895                           
4896                           href="#"
4897                           
4898                           
4899                        >Clearcoats, Primers &amp; More</a>
4900                    </h3><ul class="list-menu"
4901                            aria-label="Submenu for Clearcoats, Primers &amp; More"
4902                        ><li class="list-menu-item header-menu-third-level">
4903                                    <a href="/collections/clearcoats"
4904                                       class="link link-text"
4905                                       
4906                                    >VHS Crystal Premium Clearcoat</a>
4907                                </li><li class="list-menu-item header-menu-third-level">
4908                                    <a href="/products/luna-standard-clearcoat-4-7l-kit"
4909                                       class="link link-text"
4910                                       
4911                                    >Standard Gloss Clearcoat</a>
4912                                </li><li class="list-menu-item header-menu-third-level">
4913                                    <a href="/products/pro2kclear-2k-hi-gloss-clear-coat-aerosol"
4914                                       class="link link-text"
4915                                       
4916                                    >Aerosol Clearcoat</a>
4917                                </li><li class="list-menu-item header-menu-third-level">
4918                                    <a href="/collections/luna-primer"
4919                                       class="link link-text"
4920                                       
4921                                    >Primers &amp; Sealers</a>
4922                                </li><li class="list-menu-item header-menu-third-level">
4923                                    <a href="/products/proxl-ultragrip-ultimate-adhesion-promoter-aerosol-500ml"
4924                                       class="link link-text"
4925                                       
4926                                    >Adhesion Promoter</a>
4927                                </li><li class="list-menu-item header-menu-third-level">
4928                                    <a href="/collections/specialist-aerosols"
4929                                       class="link link-text"
4930                                       
4931                                    >Other Aerosols</a>
4932                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
4933                   
4934                >
4935                    <h3 class="h5 mb-1">
4936                        <a class="link link-text"
4937                           
4938                           href="#"
4939                           
4940                           
4941                        >OEM Paint</a>
4942                    </h3><ul class="list-menu"
4943                            aria-label="Submenu for OEM Paint"
4944                        ><li class="list-menu-item header-menu-third-level">
4945                                    <a href="/pages/find-your-color"
4946                                       class="link link-text"
4947                                       
4948                                    >Search OEM Paint</a>
4949                                </li><li class="list-menu-item header-menu-third-level">
4950                                    <a href="/pages/touch-up-paint"
4951                                       class="link link-text"
4952                                       
4953                                    >OEM Touch-Up Paint</a>
4954                                </li></ul></li>
4955                <li class="mega-menu-item text-align--left"
4956                    
4957                    
4958                >
4959<h3 class="h5 mb-1">
4960                            <a class="link"
4961                               
4962                               role="link"
4963                               aria-disabled="true"
4964                               
4965                            >
4966                                
4967                            </a>
4968                        </h3></li></ul></div>
4969</div>
4970
4971</details>
4972          </drop-menu></li>
4973
4974
4975      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
4976            <details class="details-header-menu mega-menu">
4977              <summary class="first-level-item"
4978                       aria-haspopup="true"
4979                       aria-expanded="false"
4980                       aria-controls="Menu-Oem-paint"><a class="link"
4981                   
4982                     href="#"
4983                   
4984                   >OEM Paint</a>
4985                
4986
4987<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
4988
4989              </summary>
4990
4991<div id="Menu-Oem-paint"
4992     class="header-submenu list-menu list-menu--mega color-background-1 gradient"
4993     aria-label="Submenu for OEM Paint"
4994     tabindex="-1" 
4995>
4996    <div class="page-width">
4997<style>
4998  .oem-mm { display: flex; gap: 40px; padding: 26px 4px 30px; }
4999  .oem-mm__eyebrow {
5000    display: block; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
5001    opacity: .55; margin-bottom: 12px;
5002  }
5003  .oem-mm__tools { flex: 0 0 225px; border-right: 1px solid rgba(128,128,128,.22); padding-right: 34px; }
5004  .oem-mm__tools ul { list-style: none; margin: 0; padding: 0; }
5005  .oem-mm__tools li + li { margin-top: 2px; }
5006  .oem-mm__tool {
5007    display: block; padding: 8px 10px; border-radius: 8px;
5008    font-size: .95rem; text-decoration: none; color: inherit;
5009  }
5010  .oem-mm__tool:hover { background: rgba(128,128,128,.12); }
5011  .oem-mm__tool small { display: block; font-size: .74rem; opacity: .6;
5011 margin-top: 1px; }
5012  .oem-mm__makes { flex: 1 1 auto; min-width: 0; }
5013  .oem-mm__grid {
5014    list-style: none; margin: 0; padding: 0;
5015    display: grid; grid-template-columns: repeat(auto-fill, minmax(162px, 1fr));
5016    gap: 8px 12px;
5017  }
5018  /* Hairline border so each make reads as a tile rather than floating loose. */
5019  .oem-mm__brand {
5020    display: flex; align-items: center; gap: 10px;
5021    padding: 8px 10px; border-radius: 8px; text-decoration: none; color: inherit;
5022    font-size: .92rem; white-space: nowrap;
5023    border: 1px solid rgba(128,128,128,.22);
5024  }
5025  .oem-mm__brand:hover { background: rgba(128,128,128,.1); border-color: rgba(128,128,128,.45); }
5026  /* Wordmark logos (Dodge, Toyota, Honda…) are far wider than roundels — a
5027     46px box rendered them ~8px tall and illegible. 64×30 keeps roundels the
5028     same optical size while giving wordmarks enough run to read. */
5029  .oem-mm__logo {
5030    flex: 0 0 64px; height: 30px; display: inline-flex; align-items: center; justify-content: center;
5031  }
5032  .oem-mm__logo img {
5033    max-width: 64px; max-height: 30px; width: auto; height: auto; object-fit: contain;
5034    filter: grayscale(1); opacity: .85; transition: filter .15s ease, opacity .15s ease;
5035  }
5036  .oem-mm__brand:hover .oem-mm__logo img { filter: none; opacity: 1; }
5037  /* Long names (Chevrolet / GM, Volkswagen) ellipsise instead of escaping the tile. */
5038  .oem-mm__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
5039  .oem-mm__mono {
5040    width: 26px; height: 26px; border-radius: 6px; background: rgba(128,128,128,.18);
5041    display: inline-flex; align-items: center; justify-content: center;
5042    font-size: .78rem; font-weight: 700;
5043  }
5044  .oem-mm__cta {
5045    display: inline-block; margin-top: 16px; font-size: .88rem;
5046    text-decoration: underline; text-underline-offset: 3px; color: inherit; opacity: .8;
5047  }
5048  .oem-mm__cta:hover { opacity: 1; }
5049  @media screen and (max-width: 989px) { .oem-mm { display: none; } }
5050</style>
5051
5052<div class="oem-mm">
5053  <div class="oem-mm__tools">
5054    <span class="oem-mm__eyebrow">Find your color</span>
5055    <ul><li><a class="oem-mm__tool" href="/?tool=vehicle#oem-find-your-color">Search by Vehicle</a></li><li><a class="oem-mm__tool" href="/?tool=color#oem-find-your-color">Search by Code or Color</a></li><li><a class="oem-mm__tool" href="/?tool=locate#oem-find-your-color">Where’s My Code?</a></li><li><a class="oem-mm__tool" href="/?tool=vehicle&size=2oz#oem-find-your-color">2oz Touch-Up Paint</a></li></ul>
5056  </div>
5057  <div class="oem-mm__makes">
5058    <span class="oem-mm__eyebrow">Shop by make</span>
5059    <ul class="oem-mm__grid"><li>
5060            <a class="oem-mm__brand" href="/collections/dodge-oem-car-paint">
5061              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/dodge.svg?v=1753794827&amp;width=92" alt="Dodge" srcset="//www.dipyourcar.com/cdn/shop/collections/dodge.svg?v=1753794827&amp;width=92 92w" width="92" height="69" loading="lazy">
5062</span>
5063              <span class="oem-mm__name">Dodge</span>
5064            </a>
5065          </li><li>
5066            <a class="oem-mm__brand" href="/collections/jeep-oem-car-paint">
5067              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/jeep.webp?v=1754119649&amp;width=92" alt="Jeep" srcset="//www.dipyourcar.com/cdn/shop/collections/jeep.webp?v=1754119649&amp;width=92 92w" width="92" height="69" loading="lazy">
5068</span>
5069              <span class="oem-mm__name">Jeep</span>
5070            </a>
5071          </li><li>
5072            <a class="oem-mm__brand" href="/collections/chrysler-oem-car-paint">
5073              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/chrysler.svg?v=1753711432&amp;width=92" alt="Chrysler" srcset="//www.dipyourcar.com/cdn/shop/collections/chrysler.svg?v=1753711432&amp;width=92 92w" width="92" height="69" loading="lazy">
5074</span>
5075              <span class="oem-mm__name">Chrysler</span>
5076            </a>
5077          </li><li>
5078            <a class="oem-mm__brand" href="/collections/toyota-lexus-scion-oem-car-paint-colors">
5079              <span class="oem-mm__logo"><img src="https://cdn.shopify.com/s/files/1/0973/6008/files/Toyota_Icon_1f90d39a-96ee-4e9f-8550-f661e2556ed7.svg" loading="lazy" alt="Toyota" width="64" height="30"></span>
5080              <span class="oem-mm__name">Toyota</span>
5081            </a>
5082          </li><li>
5083            <a class="oem-mm__brand" href="/collections/lexus-oem-car-paint">
5084              <span class="oem-mm__logo"><img src="https://cdn.shopify.com/s/files/1/0973/6008/files/Lexus_Icon_e892357a-4fc0-449e-b935-12cd8e63eed8.svg" loading="lazy" alt="Lexus" width="64" height="30"></span>
5085              <span class="oem-mm__name">Lexus</span>
5086            </a>
5087          </li><li>
5088            <a class="oem-mm__brand" href="/collections/honda-oem-car-paint">
5089              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/honda_jpw.svg?v=1753726046&amp;width=92" alt="Honda" srcset="//www.dipyourcar.com/cdn/shop/collections/honda_jpw.svg?v=1753726046&amp;width=92 92w" width="92" height="69" loading="lazy">
5090</span>
5091              <span class="oem-mm__name">Honda</span>
5092            </a>
5093          </li><li>
5094            <a class="oem-mm__brand" href="/collections/acura-oem-car-paint">
5095              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/acura.webp?v=1754124432&amp;width=92" alt="Acura" srcset="//www.dipyourcar.com/cdn/shop/collections/acura.webp?v=1754124432&amp;width=92 92w" width="92" height="69" loading="lazy">
5096</span>
5097              <span class="oem-mm__name">Acura</span>
5098            </a>
5099          </li><li>
5100            <a class="oem-mm__brand" href="/collections/ford-oem-paint-colors">
5101              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/Ford_Wordmark.svg?v=1753796938&amp;width=92" alt="Ford" srcset="//www.dipyourcar.com/cdn/shop/collections/Ford_Wordmark.svg?v=1753796938&amp;width=92 92w" width="92" height="92" loading="lazy">
5102</span>
5103              <span class="oem-mm__name">Ford</span>
5104            </a>
5105          </li><li>
5106            <a class="oem-mm__brand" href="/collections/nissan-oem-car-paint">
5107              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/nissan.svg?v=1753712478&amp;width=92" alt="Nissan / Infiniti" srcset="//www.dipyourcar.com/cdn/shop/collections/nissan.svg?v=1753712478&amp;width=92 92w" width="92" height="69" loading="lazy">
5108</span>
5109              <span class="oem-mm__name">Nissan / Infiniti</span>
5110            </a>
5111          </li><li>
5112            <a class="oem-mm__brand" href="/collections/hyundai-oem-automotive-paint">
5113              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/hyundai_jpw.svg?v=1753717316&amp;width=92" alt="Hyundai" srcset="//www.dipyourcar.com/cdn/shop/collections/hyundai_jpw.svg?v=1753717316&amp;width=92 92w" width="92" height="69" loading="lazy">
5114</span>
5115              <span class="oem-mm__name">Hyundai</span>
5116            </a>
5117          </li><li>
5118            <a class="oem-mm__brand" href="/collections/general-motors-oem-paint-colors">
5119              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/General-Motors-nuevo-logo-3.jpg?v=1786115107&amp;width=92" alt="Chevy / GM" srcset="//www.dipyourcar.com/cdn/shop/collections/General-Motors-nuevo-logo-3.jpg?v=1786115107&amp;width=92 92w" width="92" height="61" loading="lazy">
5120</span>
5121              <span class="oem-mm__name">Chevy / GM</span>
5122            </a>
5123          </li><li>
5124            <a class="oem-mm__brand" href="/collections/vw-oem-car-paint">
5125              <span class="oem-mm__logo"><img src="https://cdn.shopify.com/s/files/1/0973/6008/files/Volkswagen_Icon_dc03f113-4c94-4efb-a768-6bb056140ef5.svg" loading="lazy" alt="Volkswagen" width="64" height="30"></span>
5126              <span class="oem-mm__name">Volkswagen</span>
5127            </a>
5128          </li><li>
5129            <a class="oem-mm__brand" href="/collections/audi-oem-automotive-paint">
5130              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/Audi_Logo_Horizontal_70f941e6-5159-4004-aaaf-db1e2dea13f0.svg?v=1754122983&amp;width=92" alt="Audi" srcset="//www.dipyourcar.com/cdn/shop/collections/Audi_Logo_Horizontal_70f941e6-5159-4004-aaaf-db1e2dea13f0.svg?v=1754122983&amp;width=92 92w" width="92" height="92" loading="lazy">
5131</span>
5132              <span class="oem-mm__name">Audi</span>
5133            </a>
5134          </li><li>
5135            <a class="oem-mm__brand" href="/collections/mazda-oem-car-paint">
5136              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/Mazda_Logo_Horizontal.svg?v=1754042995&amp;width=92" alt="Mazda" srcset="//www.dipyourcar.com/cdn/shop/collections/Mazda_Logo_Horizontal.svg?v=1754042995&amp;width=92 92w" width="92" height="92" loading="lazy">
5137</span>
5138              <span class="oem-mm__name">Mazda</span>
5139            </a>
5140          </li><li>
5141            <a class="oem-mm__brand" href="/collections/subaru-oem-car-paint">
5142              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/subaru_jpw.svg?v=1753716904&amp;width=92" alt="Subaru" srcset="//www.dipyourcar.com/cdn/shop/collections/subaru_jpw.svg?v=1753716904&amp;width=92 92w" width="92" height="69" loading="lazy">
5143</span>
5144              <span class="oem-mm__name">Subaru</span>
5145            </a>
5146          </li><li>
5147            <a class="oem-mm__brand" href="/collections/kia-oem-car-paint">
5148              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/kia_jpw.webp?v=1754148301&amp;width=92" alt="Kia" srcset="//www.dipyourcar.com/cdn/shop/collections/kia_jpw.webp?v=1754148301&amp;width=92 92w" width="92" height="69" loading="lazy">
5149</span>
5150              <span class="oem-mm__name">Kia</span>
5151            </a>
5152          </li><li>
5153            <a class="oem-mm__brand" href="/collections/bmw-oem-paint-colors">
5154              <span class="oem-mm__logo"><img src="https://cdn.shopify.com/s/files/1/0973/6008/files/BMW_Logo.svg" loading="lazy" alt="BMW" width="64" height="30"></span>
5155              <span class="oem-mm__name">BMW</span>
5156            </a>
5157          </li><li>
5158            <a class="oem-mm__brand" href="/collections/mitsubishi-oem-car-paint-colors">
5159              <span class="oem-mm__logo"><img src="https://cdn.shopify.com/s/files/1/0973/6008/files/Mitsubishi_Logo.svg" loading="lazy" alt="Mitsubishi" width="64" height="30"></span>
5160              <span class="oem-mm__name">Mitsubishi</span>
5161            </a>
5162          </li><li>
5163            <a class="oem-mm__brand" href="/collections/tesla-oem-car-paint-colors">
5164              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/Tesla_Logo_Horizontal.svg?v=1754055987&amp;width=92" alt="Tesla" srcset="//www.dipyourcar.com/cdn/shop/collections/Tesla_Logo_Horizontal.svg?v=1754055987&amp;width=92 92w" width="92" height="92" loading="lazy">
5165</span>
5166              <span class="oem-mm__name">Tesla</span>
5167            </a>
5168          </li><li>
5169            <a class="oem-mm__brand" href="/collections/mercedes-oem-paint-colors">
5170              <span class="oem-mm__logo"><img src="//www.dipyourcar.com/cdn/shop/collections/mercedesjpw.webp?v=1754120970&amp;width=92" alt="Mercedes" srcset="//www.dipyourcar.com/cdn/shop/collections/mercedesjpw.webp?v=1754120970&amp;width=92 92w" width="92" height="69" loading="lazy">
5171</span>
5172              <span class="oem-mm__name">Mercedes</span>
5173            </a>
5174          </li></ul><a class="oem-mm__cta" href="/#oem-find-your-color">Not sure? Search 200,000+ OEM colors</a></div>
5175</div>
5176</div>
5177</div>
5178
5179</details>
5180          </drop-menu></li>
5181
5182
5183      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
5184            <details class="details-header-menu" data-constrain>
5185              <summary class="first-level-item"
5186                       aria-haspopup="true"
5187                       aria-expanded="false"
5188                       aria-controls="Menu-Pearls-flakes"><a class="link"
5189                   
5190                     href="#"
5191                   
5192                   >Pearls &amp; Flakes</a>
5193                
5194
5195<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
5196
5197              </summary><ul id="Menu-Pearls-flakes"
5198                    class="header-submenu list-menu list-menu--disclosure color-background-1 gradient"
5199                    aria-label="Submenu for Pearls &amp; Flakes"
5200                    tabindex="-1"><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5201                           href="https://www.dipyourcar.com/collections/dip-pearls"
5202                           >Shop All Pearls</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5203                           href="/collections/solid-pearls"
5204                           >Solid Pearls</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5205                           href="/collections/hypershift-pearls/HyperShift-Pearls"
5206                           >HyperShift Pearls</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5207                           href="/collections/colorshift-hypershift"
5208                           >Colorshift Pearls</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5209                           href="/collections/holographic-pearls"
5210                           >Holographic</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5211                           href="/collections/shop-all-pearls/finish-interference"
5212                           >Interference Pearls</a></li><li class="list-menu-item header-menu-second-level"><a class="link link-text"
5213                           href="/collections/micro-flakes"
5214                           >Micro Flakes</a></li></ul></details>
5215          </drop-menu></li>
5216
5217
5218      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
5219            <details class="details-header-menu mega-menu">
5220              <summary class="first-level-item"
5221                       aria-haspopup="true"
5222                       aria-expanded="false"
5223                       aria-controls="Menu-Accessories"><a class="link"
5224                   
5225                     href="#"
5226                   
5227                   >Accessories</a>
5228                
5229
5230<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
5231
5232              </summary>
5233
5234<div id="Menu-Accessories"
5235     class="header-submenu list-menu list-menu--mega color-background-1 gradient"
5236     aria-label="Submenu for Accessories"
5237     tabindex="-1" 
5238>
5239    <div class="page-width"><ul class="mega-menu-list"><li class="mega-menu-item list-menu-item header-menu-second-level"
5240                   
5241                >
5242                    <h3 class="h5 mb-1">
5243                        <a class="link link-text"
5244                           
5245                           href="#"
5246                           
5247                           
5248                        >Application</a>
5249                    </h3><ul class="list-menu"
5250                            aria-label="Submenu for Application"
5251                        ><li class="list-menu-item header-menu-third-level">
5252                                    <a href="/collections/surface-prep"
5253                                       class="link link-text"
5254                                       
5255                                    >Surface Prep</a>
5256                                </li><li class="list-menu-item header-menu-third-level">
5257                                    <a href="/collections/application-tools"
5258                                       class="link link-text"
5259                                       
5260                                    >Application Tools</a>
5261                                </li><li class="list-menu-item header-menu-third-level">
5262                                    <a href="/collections/masking-materials"
5263                                       class="link link-text"
5264                                       
5265                                    >Masking Materials</a>
5266                                </li><li class="list-menu-item header-menu-third-level">
5267                                    <a href="/collections/personal-protection-1"
5268                                       class="link link-text"
5269                                       
5270                                    >Personal Protection</a>
5271                                </li><li class="list-menu-item header-menu-third-level">
5272                                    <a href="/collections/testing"
5273                                       class="link link-text"
5274                                       
5275                                    >Testing</a>
5276                                </li><li class="list-menu-item header-menu-third-level">
5277                                    <a href="/products/proline-tint"
5278                                       class="link link-text"
5279                                       
5280                                    >Tints for Gallons</a>
5281                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5282                   
5283                >
5284                    <h3 class="h5 mb-1">
5285                        <a class="link link-text"
5286                           
5287                           href="#"
5288                           
5289                           
5290                        >Car Wash &amp; Aftercare</a>
5291                    </h3><ul class="list-menu"
5292                            aria-label="Submenu for Car Wash &amp; Aftercare"
5293                        ><li class="list-menu-item header-menu-third-level">
5294                                    <a href="/collections/washing-cleaning"
5295                                       class="link link-text"
5296                                       
5297                                    >Washing &amp; Cleaning</a>
5298                                </li><li class="list-menu-item header-menu-third-level">
5299                                    <a href="/collections/surface-protection"
5300                                       class="link link-text"
5301                                       
5302                                    >Surface Protection</a>
5303                                </li><li class="list-menu-item header-menu-third-level">
5304                                    <a href="/collections/removal"
5305                                       class="link link-text"
5306                                       
5307                                    >Dip Removal</a>
5308                                </li><li class="list-menu-item header-menu-third-level">
5309                                    <a href="/collections/sanding"
5310                                       class="link link-text"
5311                                       
5312                                    >Finishing Discs</a>
5313                                </li><li class="list-menu-item header-menu-third-level">
5314                                    <a href="/collections/diy-detail-polishing-products"
5315                                       class="link link-text"
5316                                       
5317                                    >Polish &amp; Pads</a>
5318                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5319                   
5320                >
5321                    <h3 class="h5 mb-1">
5322                        <a class="link link-text"
5323                           
5324                           href="#"
5325                           
5326                           
5327                        >Sprayers &amp; Spray Guns</a>
5328                    </h3><ul class="list-menu"
5329                            aria-label="Submenu for Sprayers &amp; Spray Guns"
5330                        ><li class="list-menu-item header-menu-third-level">
5331                                    <a href="/products/g-force-sprayer"
5332                                       class="link link-text"
5333                                       
5334                                    >G-Force DipSprayer</a>
5335                                </li><li class="list-menu-item header-menu-third-level">
5336                                    <a href="/products/dyc-ultimate-dipsprayer-system-w-g-force-spray-gun"
5337                                       class="link link-text"
5338                                       
5339                                    >Ultimate DipSprayer</a>
5340                                </li><li class="list-menu-item header-menu-third-level">
5341                                    <a href="/products/g-force-gun"
5342                                       class="link link-text"
5343                                       
5344                                    >Replacement G-Force Gun</a>
5345                                </li><li class="list-menu-item header-menu-third-level">
5346                                    <a href="/products/peelable-body-armor-spray-gun-adapter"
5347                                       class="link link-text"
5348                                       
5349                                    >Peelable Body Armor Adapter</a>
5350                                </li><li class="list-menu-item header-menu-third-level">
5351                                    <a href="/collections/sata-spray-guns"
5352                                       class="link link-text"
5353                                       
5354                                    >SATA Paint Guns</a>
5355                                </li><li class="list-menu-item header-menu-third-level">
5356                                    <a href="/collections/sagola-spray-guns"
5357                                       class="link link-text"
5358                                       
5359                                    >Sagola Paint Guns</a>
5360                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5361                   
5362                >
5363                    <h3 class="h5 mb-1">
5364                        <a class="link link-text"
5365                           
5366                           href="#"
5367                           
5368                           
5369                        >
5369Sprayer Accessories</a>
5370                    </h3><ul class="list-menu"
5371                            aria-label="Submenu for Sprayer Accessories"
5372                        ><li class="list-menu-item header-menu-third-level">
5373                                    <a href="/collections/gun-cleaning"
5374                                       class="link link-text"
5375                                       
5376                                    >Gun Cleaning</a>
5377                                </li><li class="list-menu-item header-menu-third-level">
5378                                    <a href="#"
5379                                       class="link link-text"
5380                                       
5381                                    >Nozzle Sets</a>
5382                                </li><li class="list-menu-item header-menu-third-level">
5383                                    <a href="/collections/parts-maintenance"
5384                                       class="link link-text"
5385                                       
5386                                    >Parts &amp; Maintenance</a>
5387                                </li><li class="list-menu-item header-menu-third-level">
5388                                    <a href="/products/sata-lcs-the-liner"
5389                                       class="link link-text"
5390                                       
5391                                    >SATA Paint Cups</a>
5392                                </li><li class="list-menu-item header-menu-third-level">
5393                                    <a href="/collections/sagola-air-filtration-heating"
5394                                       class="link link-text"
5395                                       
5396                                    >Sagola Air Filtration</a>
5397                                </li><li class="list-menu-item header-menu-third-level">
5398                                    <a href="/collections/sagola-spray-gun-accessories"
5399                                       class="link link-text"
5400                                       
5401                                    >Sagola Accessories</a>
5402                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5403                   
5404                >
5405                    <h3 class="h5 mb-1">
5406                        <a class="link link-text"
5407                           
5408                           href="#"
5409                           
5410                           
5411                        >Merch</a>
5412                    </h3><ul class="list-menu"
5413                            aria-label="Submenu for Merch"
5414                        ><li class="list-menu-item header-menu-third-level">
5415                                    <a href="/collections/dyc-apparel-1"
5416                                       class="link link-text"
5417                                       
5418                                    >Clothing &amp; Apparel</a>
5419                                </li><li class="list-menu-item header-menu-third-level">
5420                                    <a href="/products/6-dipyourcar-decal"
5421                                       class="link link-text"
5422                                       
5423                                    >DYC Decals</a>
5424                                </li></ul></li>
5425                <li class="mega-menu-item text-align--left"
5426                    
5427                    
5428                >
5429<h3 class="h5 mb-1">
5430                            <a class="link"
5431                               
5432                               role="link"
5433                               aria-disabled="true"
5434                               
5435                            >
5436                                
5437                            </a>
5438                        </h3></li></ul></div>
5439</div>
5440
5441</details>
5442          </drop-menu></li>
5443
5444
5445      <li class="list-menu-item header-menu-first-level"><drop-menu class="first-level-drop">
5446            <details class="details-header-menu mega-menu">
5447              <summary class="first-level-item"
5448                       aria-haspopup="true"
5449                       aria-expanded="false"
5450                       aria-controls="Menu-Learn-how"><a class="link"
5451                   
5452                     href="#"
5453                   
5454                   >Learn How</a>
5455                
5456
5457<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
5458
5459              </summary>
5460
5461<div id="Menu-Learn-how"
5462     class="header-submenu list-menu list-menu--mega color-background-1 gradient"
5463     aria-label="Submenu for Learn How"
5464     tabindex="-1" 
5465>
5466    <div class="page-width"><ul class="mega-menu-list"><li class="mega-menu-item list-menu-item header-menu-second-level"
5467                   
5468                >
5469                    <h3 class="h5 mb-1">
5470                        <a class="link link-text"
5471                           
5472                           href="/pages/dyc-university-1"
5473                           
5474                           
5475                        >DYC University</a>
5476                    </h3><ul class="list-menu"
5477                            aria-label="Submenu for DYC University"
5478                        ><li class="list-menu-item header-menu-third-level">
5479                                    <a href="/pages/dyc-university-1"
5480                                       class="link link-text"
5481                                       
5482                                    >Explore DYC University</a>
5483                                </li><li class="list-menu-item header-menu-third-level">
5484                                    <a href="/pages/hyperdip"
5485                                       class="link link-text"
5486                                       
5487                                    >Learn about Hyperdip</a>
5488                                </li><li class="list-menu-item header-menu-third-level">
5489                                    <a href="/pages/emblem-dipping"
5490                                       class="link link-text"
5491                                       
5492                                    >Learn about Emblem Dipping</a>
5493                                </li><li class="list-menu-item header-menu-third-level">
5494                                    <a href="/pages/wheel-dipping"
5495                                       class="link link-text"
5496                                       
5497                                    >Learn about Wheel Dipping</a>
5498                                </li><li class="list-menu-item header-menu-third-level">
5499                                    <a href="/pages/vehicle-dipping"
5500                                       class="link link-text"
5501                                       
5502                                    >Learn about Vehicle Dipping</a>
5503                                </li><li class="list-menu-item header-menu-third-level">
5504                                    <a href="/pages/dip-armor-1"
5505                                       class="link link-text"
5506                                       
5507                                    >Learn about Dip Armor</a>
5508                                </li><li class="list-menu-item header-menu-third-level">
5509                                    <a href="/pages/ultra-high-gloss"
5510                                       class="link link-text"
5511                                       
5512                                    >Learn about Ultra High Gloss</a>
5513                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5514                   
5515                >
5516                    <h3 class="h5 mb-1">
5517                        <a class="link link-text"
5518                           
5519                           href="/pages/faq"
5520                           
5521                           
5522                        >FAQs</a>
5523                    </h3><ul class="list-menu"
5524                            aria-label="Submenu for FAQs"
5525                        ><li class="list-menu-item header-menu-third-level">
5526                                    <a href="https://www.dipyourcar.com/pages/faq"
5527                                       class="link link-text"
5528                                       
5529                                    >Peelable Paint FAQ&#39;s</a>
5530                                </li><li class="list-menu-item header-menu-third-level">
5531                                    <a href="/pages/permanent-paint-faq"
5532                                       class="link link-text"
5533                                       
5534                                    >Permanent Paint FAQ&#39;s</a>
5535                                </li><li class="list-menu-item header-menu-third-level">
5536                                    <a href="/pages/technical-data-sheets"
5537                                       class="link link-text"
5538                                       
5539                                    >Luna Technical Data Sheets</a>
5540                                </li></ul></li><li class="mega-menu-item list-menu-item header-menu-second-level"
5541                   
5542                >
5543                    <h3 class="h5 mb-1">
5544                        <a class="link link-text"
5545                           
5546                           href="/blogs/dipyourcar-daily"
5547                           
5548                           
5549                        >Garage Guides</a>
5550                    </h3><ul class="list-menu"
5551                            aria-label="Submenu for Garage Guides"
5552                        ><li class="list-menu-item header-menu-third-level">
5553                                    <a href="/pages/touch-up-paint"
5554                                       class="link link-text"
5555                                       
5556                                    >Touch-Up Paint Hub</a>
5557                                </li><li class="list-menu-item header-menu-third-level">
5558                                    <a href="/blogs/dipyourcar-daily/how-to-find-your-cars-paint-code-every-major-brand"
5559                                       class="link link-text"
5560                                       
5561                                    >Find Your Paint Code</a>
5562                                </li><li class="list-menu-item header-menu-third-level">
5563                                    <a href="/blogs/dipyourcar-daily/paint-pen-vs-bottle-vs-aerosol-which-should-you-actually-use"
5564                                       class="link link-text"
5565                                       
5566                                    >Pen vs Bottle vs Aerosol</a>
5567                                </li><li class="list-menu-item header-menu-third-level">
5568                                    <a href="/blogs/dipyourcar-daily/what-makes-a-good-touch-up-paint-and-how-to-judge-one"
5569                                       class="link link-text"
5570                                       
5571                                    >Judging Touch-Up Quality</a>
5572                                </li><li class="list-menu-item header-menu-third-level">
5573                                    <a href="/blogs/dipyourcar-daily/how-to-apply-touch-up-paint-without-making-it-worse"
5574                                       class="link link-text"
5575                                       
5576                                    >Applying Touch-Up Paint</a>
5577                                </li><li class="list-menu-item header-menu-third-level">
5578                                    <a href="/blogs/dipyourcar-daily/car-scratch-repair-what-actually-works-by-scratch-type"
5579                                       class="link link-text"
5580                                       
5581                                    >Scratch Repair Guide</a>
5582                                </li><li class="list-menu-item header-menu-third-level">
5583                                    <a href="/blogs/dipyourcar-daily/car-paint-repair-cost-what-youll-actually-pay-in-2026-diy-vs-body-shop"
5584                                       class="link link-text"
5585                                       
5586                                    >Paint Repair Costs</a>
5587                                </li></ul></li>
5588                <li class="mega-menu-item text-align--left"
5589                    
5590                    
5591                >
5592<h3 class="h5 mb-1">
5593                            <a class="link"
5594                               
5595                               role="link"
5596                               aria-disabled="true"
5597                               
5598                            >
5599                                
5600                            </a>
5601                        </h3></li></ul></div>
5602</div>
5603
5604</details>
5605          </drop-menu></li></ul>
5606</nav>
5607
5608</div>
5609      </div></header>
5610</sticky-header><div class="hv2-yt-drawer" data-yt-drawer aria-hidden="true">
5611  <div class="hv2-yt-overlay" data-yt-drawer-overlay></div>
5612  <div class="hv2-yt-sheet">
5613    <div class="hv2-yt-sheet-header">
5614      <div class="hv2-yt-handle"></div>
5615      <div class="hv2-yt-sheet-title">
5616        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
5616ox="0 0 24 24" fill="#ff0000"><path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0C.488 3.45.029 5.804 0 12c.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0C23.512 20.55 23.971 18.196 24 12c-.029-6.185-.484-8.549-4.385-8.816zM9 16V8l8 4-8 4z"/></svg>
5617        DipYourCar
5618      </div>
5619      <button type="button" class="hv2-yt-close" data-yt-drawer-close aria-label="Close">
5620        <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
5621      </button>
5622    </div>
5623    <div class="hv2-yt-tabs">
5624      <button type="button" class="hv2-yt-tab hv2-yt-tab--active" data-yt-tab="videos">Videos</button>
5625      <button type="button" class="hv2-yt-tab" data-yt-tab="shorts">Shorts</button>
5626    </div>
5627    <div class="hv2-yt-player-wrap">
5628      <div id="hv2-yt-player"></div>
5629    </div>
5630    <div class="hv2-yt-carousel" data-yt-carousel></div>
5631    <div class="hv2-yt-sheet-footer">
5632      <a href="https://www.youtube.com/dipyourcar" target="_blank" rel="noopener" class="hv2-yt-channel-link">
5633        Open in YouTube
5634        <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
5635      </a>
5636    </div>
5637  </div>
5638</div>
5639
5640<script>
5641(function(){
5642  var player = null;
5643  var apiLoaded = false;
5644  var apiReady = false;
5645  var pendingOpen = false;
5646  var drawer, overlay, closeBtn, carousel, triggers, tabs;
5647  var savedScroll = 0;
5648  var currentTab = 'videos';
5649  var PLAYLISTS = {
5650    videos: 'UUsqsjtd902RLo8peD11olPw',
5651    shorts: 'UUSHsqsjtd902RLo8peD11olPw'
5652  };
5653
5654  function loadAPI() {
5655    if (apiLoaded) return;
5656    apiLoaded = true;
5657    var s = document.createElement('script');
5658    s.src = 'https://www.youtube.com/iframe_api';
5659    document.head.appendChild(s);
5660  }
5661
5662  var prevCb = window.onYouTubeIframeAPIReady;
5663  window.onYouTubeIframeAPIReady = function() {
5664    if (prevCb) prevCb();
5665    apiReady = true;
5666    if (pendingOpen) createPlayer(currentTab);
5667  };
5668
5669  function destroyPlayer() {
5670    if (player && player.destroy) {
5671      try { player.destroy(); } catch(e) {}
5672      player = null;
5673    }
5674    // Re-insert the target div for the next player
5675    var pw = drawer.querySelector('.hv2-yt-player-wrap');
5676    if (pw) {
5677      var existing = document.getElementById('hv2-yt-player');
5678      if (existing) existing.remove();
5679      var div = document.createElement('div');
5680      div.id = 'hv2-yt-player';
5681      pw.appendChild(div);
5682    }
5683  }
5684
5685  function createPlayer(tab) {
5686    destroyPlayer();
5687    pendingOpen = false;
5688    player = new YT.Player('hv2-yt-player', {
5689      playerVars: {
5690        list: PLAYLISTS[tab] || PLAYLISTS.videos,
5691        listType: 'playlist',
5692        autoplay: 1,
5693        playsinline: 1,
5694        modestbranding: 1,
5695        rel: 0
5696      },
5697      events: {
5698        onReady: function(e) {
5699          setTimeout(function(){
5700            try {
5701              var ids = e.target.getPlaylist();
5702              if (ids && ids.length) buildCarousel(ids);
5703            } catch(err) {}
5704          }, 2000);
5705        }
5706      }
5707    });
5708  }
5709
5710  function buildCarousel(ids) {
5711    if (!carousel) return;
5712    carousel.innerHTML = '';
5713    var count = Math.min(ids.length, 20);
5714    for (var i = 0; i < count; i++) {
5715      var btn = document.createElement('button');
5716      btn.className = 'hv2-yt-thumb' + (i === 0 ? ' hv2-yt-thumb--active' : '');
5717      btn.dataset.idx = i;
5718      btn.innerHTML = '<img src="https://i.ytimg.com/vi/' + ids[i] + '/mqdefault.jpg" alt="" loading="lazy">';
5719      carousel.appendChild(btn);
5720    }
5721  }
5722
5723  function handleCarouselClick(ev) {
5724    var btn = ev.target.closest('.hv2-yt-thumb');
5725    if (!btn || !player) return;
5726    var idx = parseInt(btn.dataset.idx);
5727    player.playVideoAt(idx);
5728    var prev = carousel.querySelector('.hv2-yt-thumb--active');
5729    if (prev) prev.classList.remove('hv2-yt-thumb--active');
5730    btn.classList.add('hv2-yt-thumb--active');
5731    btn.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
5732  }
5733
5734  function switchTab(tab) {
5735    if (tab === currentTab && player) return;
5736    currentTab = tab;
5737    tabs.forEach(function(t){
5738      t.classList.toggle('hv2-yt-tab--active', t.dataset.ytTab === tab);
5739    });
5740    if (carousel) carousel.innerHTML = '';
5741    if (apiReady) createPlayer(tab);
5742  }
5743
5744  function openDrawer() {
5745    loadAPI();
5746    savedScroll = window.pageYOffset || document.documentElement.scrollTop;
5747    document.body.style.top = '-' + savedScroll + 'px';
5748    document.body.classList.add('drawer-open');
5749    drawer.classList.add('is-open');
5750    if (apiReady) {
5751      if (!player) createPlayer(currentTab);
5752      else if (player.playVideo) player.playVideo();
5753    } else {
5754      pendingOpen = true;
5755    }
5756  }
5757
5758  function closeDrawer() {
5759    drawer.classList.remove('is-open');
5760    document.body.classList.remove('drawer-open');
5761    document.body.style.top = '';
5762    window.scrollTo(0, savedScroll);
5763    if (player && player.pauseVideo) player.pauseVideo();
5764  }
5765
5766  function init() {
5767    drawer = document.querySelector('[data-yt-drawer]');
5768    if (!drawer) return;
5769    document.body.appendChild(drawer);
5770    overlay = drawer.querySelector('[data-yt-drawer-overlay]');
5771    closeBtn = drawer.querySelector('[data-yt-drawer-close]');
5772    carousel = drawer.querySelector('[data-yt-carousel]');
5773    triggers = document.querySelectorAll('[data-yt-drawer-trigger]');
5774    tabs = drawer.querySelectorAll('[data-yt-tab]');
5775    if (!triggers.length) return;
5776
5777    triggers.forEach(function(t){ t.addEventListener('click', openDrawer, true); });
5778    if (overlay) overlay.addEventListener('click', closeDrawer);
5779    if (closeBtn) closeBtn.addEventListener('click', closeDrawer);
5780    if (carousel) carousel.addEventListener('click', handleCarouselClick);
5781    tabs.forEach(function(t){
5782      t.addEventListener('click', function(){ switchTab(t.dataset.ytTab); });
5783    });
5784    document.addEventListener('keydown', function(e){
5785      if (e.key === 'Escape' && drawer.classList.contains('is-open')) closeDrawer();
5786    });
5787
5788    // Preload YouTube API so it's ready when user taps
5789    loadAPI();
5790  }
5791
5792  if (document.readyState === 'loading') {
5793    document.addEventListener('DOMContentLoaded', init);
5794  } else {
5795    init();
5796  }
5797})();
5798</script>
5798<script>
5799(function () {
5800  if (window.__hcChatMorphInit) return;
5801  window.__hcChatMorphInit = true;
5802
5803  var CC = {
5804    sms: "+14453346479",
5805    msg: "Hi DipYourCar team, I'd like some help. Thank you!"
5806  };
5807
5808  var ua = navigator.userAgent || '';
5809  var isIOS = /iP(ad|hone|od)/.test(ua) || (/Macintosh/.test(ua) && navigator.maxTouchPoints > 1);
5810  var isAndroid = /Android/.test(ua);
5811  var isMac = /Macintosh/.test(ua) && !isIOS;
5812  var isMobile = isIOS || isAndroid;
5813  var smsCanLaunch = isMobile || isMac;
5814
5815  function track(action, label, data) {
5816    try {
5817      if (window.DYCAnalytics && window.DYCAnalytics.trackCustom) {
5818        window.DYCAnalytics.trackCustom('contact_channel', action, label, data || {});
5819      }
5820    } catch (e) {}
5821  }
5822
5823  function smsUrl(msg) {
5824    var sep = isAndroid ? '?' : '&';
5825    return 'sms:' + CC.sms + sep + 'body=' + encodeURIComponent(msg);
5826  }
5827
5828  // qrcode-generator (lazy) — Windows-desktop fallback for iMessage/Text
5829  var qrLoading = false;
5830  function renderQR(el, data) {
5831    function draw() {
5832      el.replaceChildren();
5833      try {
5834        var qr = window.qrcode(0, 'M');
5835        qr.addData(data); qr.make();
5836        var img = new Image();
5837        img.alt = 'QR code to start the chat';
5838        img.src = qr.createDataURL(6, 4);
5839        el.appendChild(img);
5840      } catch (e) { el.textContent = 'Text us at ' + CC.sms; }
5841    }
5842    if (window.qrcode) { draw(); return; }
5843    if (qrLoading) { setTimeout(function () { if (window.qrcode) draw(); }, 600); return; }
5844    qrLoading = true;
5845    var sc = document.createElement('script');
5846    sc.src = 'https://cdn.jsdelivr.net/npm/[email protected]/qrcode.js';
5847    sc.onload = draw;
5848    sc.onerror = function () { el.textContent = 'Text us at ' + CC.sms; };
5849    document.head.appendChild(sc);
5850  }
5851
5852  function bindScope(root, toggle) {
5853    if (!root || !toggle) return;
5854    var qr = root.querySelector('[data-ch-qr]');
5855    var qrCode = root.querySelector('[data-ch-qr-code]');
5856    var channels = root.querySelector('[data-channels], [data-channels-mobile]');
5857
5858    function closeQR() { if (qr) { qr.hidden = true; if (qrCode) qrCode.replaceChildren(); } }
5859    function setOpen(open) {
5860      root.classList.toggle('is-chat-open', open);
5861      toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
5862      if (!open) closeQR();
5863    }
5864
5865    toggle.addEventListener('click', function () {
5866      var willOpen = !root.classList.contains('is-chat-open');
5867      setOpen(willOpen);
5868      track(willOpen ? 'chat_opened' : 'chat_closed', 'header', {});
5869    });
5870
5871    if (channels) channels.querySelectorAll('.header-channel').forEach(function (link) {
5872      link.addEventListener('click', function (e) {
5873        var ch = link.getAttribute('data-ch');
5874        track('channel_clicked', ch, { source: 'header' });
5875
5876        if (ch === 'ai-call') {
5877          track('channel_launched', 'Pearl Voice', { via: 'call', source: 'header' });
5878          return; // native tel: href proceeds (Pearl AI answers)
5879        }
5880
5881        if (ch === 'imessage') {
5882          if (smsCanLaunch) {
5883            track('channel_launched', 'iMessage', { via: 'direct', source: 'header' });
5884            // native href (sms:) proceeds
5885          } else {
5886            e.preventDefault();
5887            track('channel_launched', 'iMessage', { via: 'qr', source: 'header' });
5888            if (qr && qrCode) { qr.hidden = false; renderQR(qrCode, smsUrl(CC.msg)); }
5889          }
5890          return;
5891        }
5892        // whatsapp / phone: native href proceeds
5893        track('channel_launched', ch === 'whatsapp' ? 'WhatsApp' : 'Phone', { via: 'direct', source: 'header' });
5894      });
5895    });
5896
5897    // Dismiss on Escape or outside click
5898    document.addEventListener('keydown', function (e) { if (e.key === 'Escape') setOpen(false); });
5899    document.addEventListener('click', function (e) {
5900      if (!root.classList.contains('is-chat-open')) return;
5901      if (root.contains(e.target)) return;
5902      setOpen(false);
5903    });
5904  }
5905
5906  // Desktop morph: open state lives on .header-icons (right cluster)
5907  document.querySelectorAll('.header-icons').forEach(function (icons) {
5908    bindScope(icons, icons.querySelector('[data-chat-toggle]'));
5909  });
5910  // Mobile morph: open state lives on .header-main so the centre logo can morph into the channels
5911  document.querySelectorAll('.header-main').forEach(function (main) {
5912    var mToggle = main.querySelector('[data-chat-toggle-mobile]');
5913    if (mToggle) bindScope(main, mToggle);
5914  });
5915})();
5916</script>
5916<style> #shopify-section-sections--27611554611564__header .hv2-takeover-msg {font-size: 14px;} @media screen and (max-width: 747px) {#shopify-section-sections--27611554611564__header .hv2-takeover-msg {font-size: 12px; }} </style></div>
5917<!-- END sections: header-group -->
5918    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
5919      <section id="shopify-section-template--28383463211372__zp-product-header-content" class="shopify-section zpa-published-page-holder">
5920</section><section id="shopify-section-template--28383463211372__main" class="shopify-section section">
5921
5922
5923<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/section-main-product.css?v=161996611367107646361779442060" rel="stylesheet" type="text/css" media="all" />
5924<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/section-main-product-alt.css?v=118620439848490732251786477160" rel="stylesheet" type="text/css" media="all" />
5925<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/product-upsell-widget.css?v=136304260298810819721779442044" rel="stylesheet" type="text/css" media="all" />
5926<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/pearl-color-visual.css?v=98821954821907444821779442040" rel="stylesheet" type="text/css" media="all" />
5927<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/product-upsell-widget.js?v=44095921538599126651779442044" defer="defer"></script>
vendor: 1 bytes, line 5927
5927
5928<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/pearl-color-visual.js?v=38838190575454687261779442040" defer="defer"></script>
5928<style data-shopify>.section-template--28383463211372__main-padding {
5929    padding-top: 27px;
5930    padding-bottom: 60px;
5931  }
5932
5933  @media screen and (min-width: 750px) {
5934    .section-template--28383463211372__main-padding {
5935      padding-top: 36px;
5936      padding-bottom: 80px;
5937    }
5938  }
5939  
5940  /* Accessories Drawer Button Colors */
5941  .section-main-product.tempests-pdp {
5942    --accessories-btn-color-start: #242833;
5943    --accessories-btn-color-end: #242833;
5944  }</style><div
5945  id="MainProduct-template--28383463211372__main"
5946  class="section-main-product tempests-pdp"
5947  data-section="template--28383463211372__main"
5948  style="--split-left: 55%; --split-right: 45%;"
5949>
5950  
5951
5952  <div class="product-container page-width section-template--28383463211372__main-padding"><div class="product-container-main product-media-layout--stack product-media--small product-media--left product-scroll--sticky product-media--single">
5953      <div class="product-left-column"><div class="product-media-gallery">
5954          
5955
5956<div id="Product-Badges-" class="card-badges position--left">
5957
5958</div>
5959          
5960
5961
5962    <media-gallery id="Media-Gallery-template--28383463211372__main"
5963                   role="region"
5964                   class="media-gallery hover-trigger"
5965                   aria-label="Gallery Viewer"
5966                      data-hide-variants
5967                      data-media-stack>
5968      
5969      <product-media-slider id="Gallery-Viewer-template--28383463211372__main"
5970                            class="product-media-slider slider">
5971        <div class="slider-container">
5972          
5973          
5974
5975<div id="Product-Badges-" class="card-badges position--left">
5976
5977</div>
5978          
5979          <ul id="Slider-Gallery-template--28383463211372__main"
5980              class="product-media-list slider-wrapper"
5981          ><li id="Slide-template--28383463211372__main-54804555235692"
5982                  class="product-media-item media-type--image slider-slide grid-item is-current-variant-media product-media-item--single"
5983                  data-media-id="54804555235692"
5984                  data-media-type="image"
5985                  
5986              >
5987
5988<div class="product-media-container media-fit-cover"><div class="product-media media media--square">
5989          
5990
5991    
5992
5993<img src="//www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=1206" alt="" srcset="//www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=246 246w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=493 493w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=600 600w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=713 713w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=823 823w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=990 990w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=1100 1100w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=1206 1206w" width="1206" height="1206" loading="eager" class="product-preview-image" sizes="(min-width: 1600px) 720px, (min-width: 750px) calc(100vw * 0.45), 100vw" fetchpriority="high">
5994
5995
5996<modal-opener class="product-modal-opener button button--icon button--small button--ambient quick-add-hidden animate--fade-in no-js-hidden"
5997                            data-media-id="54804555235692"
5998                            role="button"
5999                            aria-haspopup="dialog"
6000                            aria-label="Open media 1 in modal"
6001                            aria-controls="ProductModal-template--28383463211372__main"
6002                            tabindex="0"
6003              >
6004
6005<svg class="icon icon-zoom" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.94142C2 9.58278 2.51993 10.1027 3.16129 10.1027C3.80265 10.1027 4.32258 9.58278 4.32258 8.94142H2ZM4.32258 3.16129C4.32258 2.51993 3.80265 2 3.16129 2C2.51993 2 2 2.51993 2 3.16129H4.32258ZM3.16129 2C2.51993 2 2 2.51993 2 3.16129C2 3.80265 2.51993 4.32258 3.16129 4.32258V2ZM8.94142 4.32258C9.58278 4.32258 10.1027 3.80265 10.1027 3.16129C10.1027 2.51993 9.58278 2 8.94142 2V4.32258ZM3.98245 2.34013C3.52894 1.88663 2.79364 1.88663 2.34013 2.34013C1.88663 2.79364 1.88663 3.52894 2.34013 3.98245L3.98245 2.34013ZM10.0821 11.7243C10.5356 12.1779 11.2708 12.1779 11.7243 11.7243C12.1779 11.2708 12.1779 10.5356 11.7243 10.0821L10.0821 11.7243ZM19.0586 23.6774C18.4172 23.6774 17.8973 24.1974 17.8973 24.8387C17.8973 25.48
600501 18.4172 26 19.0586 26V23.6774ZM24.8387 26C25.4801 26 26 25.4801 26 24.8387C26 24.1974 25.4801 23.6774 24.8387 23.6774V26ZM23.6774 24.8387C23.6774 25.4801 24.1974 26 24.8387 26C25.4801 26 26 25.4801 26 24.8387H23.6774ZM26 19.0586C26 18.4172 25.4801 17.8973 24.8387 17.8973C24.1974 17.8973 23.6774 18.4172 23.6774 19.0586H26ZM24.0176 25.6598C24.4711 26.1133 25.2063 26.1133 25.6598 25.6598C26.1133 25.2063 26.1133 24.4711 25.6598 24.0176L24.0176 25.6598ZM17.9179 16.2757C17.4644 15.8221 16.7292 15.8221 16.2757 16.2757C15.8221 16.7292 15.8221 17.4644 16.2757 17.9179L17.9179 16.2757ZM4.32258 19.0586C4.32258 18.4172 3.80265 17.8973 3.16129 17.8973C2.51993 17.8973 2 18.4172 2 19.0586H4.32258ZM2 24.8387C2 25.4801 2.51993 26 3.16129 26C3.80265 26 4.32258 25.4801 4.32258 24.8387H2ZM3.16129 23.6774C2.51993 23.6774 2 24.1974 2 24.8387C2 25.4801 2.51993 26 3.16129 26V23.6774ZM8.94142 26C9.58278 26 10.1027 25.4801 10.1027 24.8387C10.1027 24.1974 9.58278 23.6774 8.94142 23.6774V26ZM2.34013 24.0176C1.88663 24.4711 1.88663 25.2063 2.34013 25.6598C2.79364 26.1133 3.52894 26.1133 3.98245 25.6598L2.34013 24.0176ZM11.7243 17.9179C12.1779 17.4644 12.1779 16.7292 11.7243 16.2757C11.2708 15.8221 10.5356 15.8221 10.0821 16.2757L11.7243 17.9179ZM19.0586 2C18.4172 2 17.8973 2.51993 17.8973 3.16129C17.8973 3.80265 18.4172 4.32258 19.0586 4.32258V2ZM24.8387 4.32258C25.4801 4.32258 26 3.80265 26 3.16129C26 2.51993 25.4801 2 24.8387 2V4.32258ZM26 3.16129C26 2.51993 25.4801 2 24.8387 2C24.1974 2 23.6774 2.51993 23.6774 3.16129H26ZM23.6774 8.94142C23.6774 9.58278 24.1974 10.1027 24.8387 10.1027C25.4801 10.1027 26 9.58278 26 8.94142H23.6774ZM25.6598 3.98245C26.1133 3.52894 26.1133 2.79364 25.6598 2.34013C25.2063 1.88663 24.4711 1.88663 24.0176 2.34013L25.6598 3.98245ZM16.2757 10.0821C15.8221 10.5356 15.8221 11.2708 16.2757 11.7243C16.7292 12.1779 17.4644 12.1779 17.9179 11.7243L16.2757 10.0821ZM4.32258 8.94142V3.16129H2V8.94142H4.32258ZM3.16129 4.32258H8.94142V2H3.16129V4.32258ZM2.34013 3.98245L10.0821 11.7243L11.7243 10.0821L3.98245 2.34013L2.34013 3.98245ZM19.0586 26H24.8387V23.6774H19.0586V26ZM26 24.8387V19.0586H23.6774V24.8387H26ZM25.6598 24.0176L17.9179 16.2757L16.2757 17.9179L24.0176 25.6598L25.6598 24.0176ZM2 19.0586V24.8387H4.32258V19.0586H2ZM3.16129 26H8.94142V23.6774H3.16129V26ZM3.98245 25.6598L11.7243 17.9179L10.0821 16.2757L2.34013 24.0176L3.98245 25.6598ZM19.0586 4.32258H24.8387V2H19.0586V4.32258ZM23.6774 3.16129V8.94142H26V3.16129H23.6774ZM24.0176 2.34013L16.2757 10.0821L17.9179 11.7243L25.6598 3.98245L24.0176 2.34013Z" fill="currentColor"/></svg>
6006</modal-opener></div></div>
6007
6008              </li>
6009
6010                <li id="Slide-template--28383463211372__main-54808500207980"
6011                        class="product-media-item media-type--image slider-slide grid-item product-media-item--single product-media-item--variant"
6012                        data-media-id="54808500207980"
6013                        data-media-type="image"
6014                        
6015                >
6016                    
6017                    
6018
6019<div class="product-media-container media-fit-cover"><div class="product-media media media--square">
6020          
6021
6022    
6023
6024<img src="//www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=1206" alt="" srcset="//www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=246 246w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=493 493w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=600 600w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=713 713w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=823 823w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=990 990w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=1100 1100w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=1206 1206w" width="1206" height="1206" loading="lazy" class="product-preview-image" sizes="(min-width: 1600px) 720px, (min-width: 750px) calc(100vw * 0.45), 100vw">
6025
6026
6027<modal-opener class="product-modal-opener button button--icon button--small button--ambient quick-add-hidden animate--fade-in no-js-hidden"
6028                            data-media-id="54808500207980"
6029                            role="button"
6030                            aria-haspopup="dialog"
6031                            aria-label="Open media 2 in modal"
6032                            aria-controls="ProductModal-template--28383463211372__main"
6033                            tabindex="0"
6034              >
6035
6036<svg class="icon icon-zoom" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.94142C2 9.58278 2.51993 10.1027 3.16129 10.1027C3.80265 10.1027 4.32258 9.58278 4.32258 8.94142H2ZM4.32258 3.16129C4.32258 2.51993 3.80265 2 3.16129 2C2.51993 2 2 2.51993 2 3.16129H4.32258ZM3.16129 2C2.51993 2 2 2.51993 2 3.16129C2 3.80265 2.51993 4.32258 3.16129 4.32258V2ZM8.94142 4.32258C9.58278 4.32258 10.1027 3.80265 10.1027 3.16129C10.1027 2.51993 9.58278 2 8.94142 2V4.32258ZM3.98245 2.34013C3.52894 1.88663 2.79364 1.88663 2.34013 2.34013C1.88663 2.79364 1.88663 3.52894 2.34013 3.98245L3.98245 2.34013ZM10.0821 11.7243C10.5356 12.1779 11.2708 12.1779 11.7243 11.7243C12.1779 11.2708 12.1779 10.5356 11.7243 10.0821L10.0821 11.7243ZM19.0586 23.6774C18.4172 23.6774 17.8973 24.1974 17.8973 24.8387C17.8973 25.48
603601 18.4172 26 19.0586 26V23.6774ZM24.8387 26C25.4801 26 26 25.4801 26 24.8387C26 24.1974 25.4801 23.6774 24.8387 23.6774V26ZM23.6774 24.8387C23.6774 25.4801 24.1974 26 24.8387 26C25.4801 26 26 25.4801 26 24.8387H23.6774ZM26 19.0586C26 18.4172 25.4801 17.8973 24.8387 17.8973C24.1974 17.8973 23.6774 18.4172 23.6774 19.0586H26ZM24.0176 25.6598C24.4711 26.1133 25.2063 26.1133 25.6598 25.6598C26.1133 25.2063 26.1133 24.4711 25.6598 24.0176L24.0176 25.6598ZM17.9179 16.2757C17.4644 15.8221 16.7292 15.8221 16.2757 16.2757C15.8221 16.7292 15.8221 17.4644 16.2757 17.9179L17.9179 16.2757ZM4.32258 19.0586C4.32258 18.4172 3.80265 17.8973 3.16129 17.8973C2.51993 17.8973 2 18.4172 2 19.0586H4.32258ZM2 24.8387C2 25.4801 2.51993 26 3.16129 26C3.80265 26 4.32258 25.4801 4.32258 24.8387H2ZM3.16129 23.6774C2.51993 23.6774 2 24.1974 2 24.8387C2 25.4801 2.51993 26 3.16129 26V23.6774ZM8.94142 26C9.58278 26 10.1027 25.4801 10.1027 24.8387C10.1027 24.1974 9.58278 23.6774 8.94142 23.6774V26ZM2.34013 24.0176C1.88663 24.4711 1.88663 25.2063 2.34013 25.6598C2.79364 26.1133 3.52894 26.1133 3.98245 25.6598L2.34013 24.0176ZM11.7243 17.9179C12.1779 17.4644 12.1779 16.7292 11.7243 16.2757C11.2708 15.8221 10.5356 15.8221 10.0821 16.2757L11.7243 17.9179ZM19.0586 2C18.4172 2 17.8973 2.51993 17.8973 3.16129C17.8973 3.80265 18.4172 4.32258 19.0586 4.32258V2ZM24.8387 4.32258C25.4801 4.32258 26 3.80265 26 3.16129C26 2.51993 25.4801 2 24.8387 2V4.32258ZM26 3.16129C26 2.51993 25.4801 2 24.8387 2C24.1974 2 23.6774 2.51993 23.6774 3.16129H26ZM23.6774 8.94142C23.6774 9.58278 24.1974 10.1027 24.8387 10.1027C25.4801 10.1027 26 9.58278 26 8.94142H23.6774ZM25.6598 3.98245C26.1133 3.52894 26.1133 2.79364 25.6598 2.34013C25.2063 1.88663 24.4711 1.88663 24.0176 2.34013L25.6598 3.98245ZM16.2757 10.0821C15.8221 10.5356 15.8221 11.2708 16.2757 11.7243C16.7292 12.1779 17.4644 12.1779 17.9179 11.7243L16.2757 10.0821ZM4.32258 8.94142V3.16129H2V8.94142H4.32258ZM3.16129 4.32258H8.94142V2H3.16129V4.32258ZM2.34013 3.98245L10.0821 11.7243L11.7243 10.0821L3.98245 2.34013L2.34013 3.98245ZM19.0586 26H24.8387V23.6774H19.0586V26ZM26 24.8387V19.0586H23.6774V24.8387H26ZM25.6598 24.0176L17.9179 16.2757L16.2757 17.9179L24.0176 25.6598L25.6598 24.0176ZM2 19.0586V24.8387H4.32258V19.0586H2ZM3.16129 26H8.94142V23.6774H3.16129V26ZM3.98245 25.6598L11.7243 17.9179L10.0821 16.2757L2.34013 24.0176L3.98245 25.6598ZM19.0586 4.32258H24.8387V2H19.0586V4.32258ZM23.6774 3.16129V8.94142H26V3.16129H23.6774ZM24.0176 2.34013L16.2757 10.0821L17.9179 11.7243L25.6598 3.98245L24.0176 2.34013Z" fill="currentColor"/></svg>
6037</modal-opener></div></div>
6038
6039                </li></ul></div></product-media-slider>
6040    </media-gallery>
6041</div></div><product-info
6042        class="product-info product-right-column hidden-scrollbar"
6043        data-section="template--28383463211372__main"
6044        data-url="/products/exoflex"
6045        data-id="15246586282348"
6046      >
6047<div class="product-info-inner"><div class="product-title product-info-block" ><style>
6048  .dyc-backorder-badges {
6049    display: inline-flex;
6050    gap: 0.5rem;
6051    margin-bottom: 0;
6052    margin-left: 0;
6053    flex-wrap: wrap;
6054    vertical-align: middle;
6055  }
6056
6057  /* Only add left margin when following a vendor badge */
6058  .product-vendor + .dyc-backorder-badges {
6059    margin-left: 0.5rem;
6060  }
6061  
6062  .dyc-badge {
6063    display: inline-block;
6064    font-size: 0.75rem;
6065    line-height: 1;
6066    font-weight: 700;
6067    text-transform: uppercase;
6068    padding: 0.4rem 0.75rem;
6069    border-radius: 4px;
6070    white-space: nowrap;
6071  }
6072  
6073  .dyc-badge-backorder {
6074    background-color: #FFE08A; /* Soft amber yellow */
6075    color: #2C2C2C; /* Dark charcoal */
6076  }
6077  
6078  .dyc-badge-eta {
6079    background-color: #E8EEF3; /* Light gray-blue */
6080    color: #333333; /* Dark slate gray */
6081  }
6082  
6083  .dyc-badge-eta::before {
6084    content: "🕓 ";
6085    margin-right: 0.25rem;
6086  }
6087  
6088  /* Responsive adjustments */
6089  @media screen and (max-width: 749px) {
6090    .dyc-backorder-badges {
6091      gap: 0.375rem;
6092    }
6093    
6094    .dyc-badge {
6095      font-size: 0.65rem;
6096      padding: 0.3rem 0.6rem;
6097    }
6098  }
6099  
6100  /* Ensure badges are visible on product cards */
6101  .card-product .dyc-backorder-badges {
6102    margin-bottom: 0.5rem;
6103  }
6104  
6105  /* Ensure badges are visible on product pages */
6106  .product .dyc-backorder-badges {
6107    margin-top: 0.75rem;
6108    margin-bottom: 1rem;
6109  }
6110</style>
6111
6112          <h1 class="heading-size--large">ExoFlex Temporary Paint Protection</h1></div><div class="product-price-tax product-info-block" >
6113          <div
6114            id="Price-template--28383463211372__main"
6115            class="product-price"
6116            role="status"
6117          >
6118<div class="price">
6119      <div class="price-container"><span class="visually-hidden">Regular price</span>
6120            <b class="price-item">
6121                $49.95
6122            </b>
6123</div></div><div
6124                class="product-installments"
6125                style="--installments-font-size: 14px;"
6126                data-installments-min-price-cents="5000"
6127                hidden
6128              ><div
6129                    class="installments-custom-text"
6130                    data-installments-text="4 payments from {{ installment }} with"
6131                    data-installment-count="4"
6132                  >
6133                    4 payments from $12.48 with
6134                    <span class="installments-shop-pay-logo" aria-label="Shop Pay">
6135                      <svg width="72" height="18" viewBox="0 0 683 164" fill="none" xmlns="http://www.w3.org/2000/svg" role="img">
6136                        <path fill-rule="evenodd" clip-rule="evenodd" d="M454.942 0C441.175 0 430.015 11.1602 430.015 24.927V138.295C430.015 152.062 441.175 163.222 454.942 163.222H658.072C671.839 163.222 682.999 152.062 682.999 138.295V24.927C682.999 11.1602 671.839 0 658.072 0H454.942ZM490.023 113.902V85.1661H508.1C524.616 85.1661 533.399 75.9057 533.399 61.872C533.399 47.8383 524.616 39.4371 508.1 39.4371H478.376V113.902H490.023ZM490.023 50.5114H505.427C516.119 50.5114 521.37 54.9029 521.37 62.2539C521.37 69.6049 516.31 73.9964 505.904 73.9964H490.023V50.5114ZM553.933 115.429C562.811 115.429 568.635 111.515 571.308 104.832C572.071 112.279 576.558 116.098 586.296 113.52L586.391 105.596C582.477 105.978 581.714 104.546 581.714 100.441V80.9655C581.714 69.5094 574.172 62.7312 560.233 62.7312C546.486 62.7312 538.562 69.6049 538.562 81.2519H549.255C549.255 75.7148 553.169 72.3734 560.042 72.3734C567.298 72.3734 570.639 75.5239 570.544 80.9655V83.4477L558.229 84.7842C544.386 86.3117 536.748 91.5624 536.748 100.727C536.748 108.269 542.095 115.429 553.933 115.429ZM556.319 106.837C550.305 106.837 547.918 103.591 547.918 100.345C547.918 95.9539 552.882 93.9491 562.62 92.8035L570.257 91.9443C569.78 100.345 564.148 106.837 556.319 106.837ZM621.754 117.625C616.885 129.463 609.057 132.995 596.837 132.995H591.586V123.258H597.219C603.902 123.258 607.148 121.157 610.68 115.143L589.009 64.2587H601.038L616.504 101.396L630.251 64.2587H641.993L621.754 117.625Z" fill="#5A31F4"></path>
6137                        <path d="M57.3945 71.7445C41.4471 68.2852 34.3427 66.9315 34.3427 60.7862C34.3427 55.0063 39.1506 52.127 48.7662 52.127C57.2228 52.127 63.4043 55.8228 67.9545 63.0638C68.2979 63.6225 69.0062 63.8159 69.5857 63.5151L87.5292 54.4476C88.1731 54.1253 88.4092 53.3088 88.0443 52.6857C80.5965 39.7721 66.8384 32.7029 48.7233 32.7029C24.9203 32.7029 10.132 44.4347 10.132 63.0853C10.132 82.8962 28.1398 87.9027 44.1086 91.3621C60.0774 94.8215 67.2033 96.1751 67.2033 102.32C67.2033 108.466 62.0091 111.366 51.6423 111.366C42.0696 111.366 34.9652 106.983 30.6725 98.4742C30.3505 97.8511 29.5993 97.5933 28.9769 97.9156L11.0764 106.79C10.4539 107.112 10.1964 107.864 10.5183 108.509C17.6227 122.797 32.1964 130.833 51.6637 130.833C76.454 130.833 91.4355 119.295 91.4355 100.064C91.4355 80.8335 73.3418 75.2469 57.3945 71.7875V71.7445Z" fill="#5A31F4"></path>
6138                        <path d="M153.551 32.7032C143.377 32.7032 134.384 36.3129 127.924 42.7375C127.516 43.1243 126.85 42.845 126.85 42.2863V1.26785C126.85 0.558781 126.292 0.00012207 125.584 0.00012207H103.133C102.425 0.00012207 101.867 0.558781 101.867 1.26785V128.578C101.867 129.287 102.425 129.845 103.133 129.845H125.584C126.292 129.845 126.85 129.287 126.85 128.578V72.7332C126.85 61.9468 135.114 53.6743 146.253 53.6743C157.393 53.6743 165.463 61.7749 165.463 72.7332V128.578C165.463 129.287 166.021 129.845 166.729 129.845H189.18C189.889 129.845 190.447 129.287 190.447 128.578V72.7332C190.447 49.2695 175.079 32.7246 153.551 32.7246V32.7032Z" fill="#5A31F4"></path>
6139                        <path d="M235.991 29.0505C223.8 29.0505 212.381 32.7893 204.182 38.1825C203.624 38.5477 203.431 39.2998 203.774 39.8799L213.669 56.7901C214.034 57.3917 214.806 57.6066 215.407 57.2413C221.632 53.4811 228.758 51.5258 236.034 51.5688C255.63 51.5688 270.032 65.4063 270.032 83.6917C270.032 99.2697 258.506 110.808 243.889 110.808C231.977 110.808 223.714 103.868 223.714 94.0698C223.714 88.4618 226.096 83.8636 232.299 80.619C232.943 80.2753 233.179 79.4802 232.793 78.8571L223.456 63.0428C223.156 62.5271 222.512 62.2907 221.932 62.5056C209.419 67.1468 200.641 78.3199 200.641 93.3178C200.641 116.008 218.691 132.94 243.868 132.94C273.273 132.94 294.414 112.549 294.414 83.3049C294.414 51.9556 269.817 29.0505 235.991 29.0505Z" fill="#5A31F4"></path>
6140                        <path d="M360.069 32.5311C348.714 32.5311 338.584 36.7211 331.179 44.1126C330.771 44.5208 330.106 44.22 330.106 43.6613V34.7658C330.106 34.0567 329.548 33.498 328.839 33.498H306.968C306.26 33.498 305.702 34.0567 305.702 34.7658V161.882C305.702 162.591 306.26 163.15 306.968 163.15H329.419C330.127 163.15 330.685 162.591 330.685 161.882V120.198C330.685 119.639 331.351 119.36 331.758 119.725C339.142 126.601 348.908 130.619 360.09 130.619C386.426 130.619 406.966 109.282 406.966 81.5642C406.966 53.8461 386.404 32.5096 360.09 32.5096L360.069 32.5311ZM355.84 109.089C340.859 
6140109.089 329.505 97.1637 329.505 81.3923C329.505 65.6209 340.837 53.6957 355.84 53.6957C370.843 53.6957 382.155 65.4275 382.155 81.3923C382.155 97.357 370.994 109.089 355.819 109.089H355.84Z" fill="#5A31F4"></path>
6141                      </svg>
6142                    </span>
6143                  </div></div><div class="product-badges-below-installments"></div>
6144          </div></div><div class="product-info-block" >
6145          
6146
6147<div class="exfx-buy" id="exfx-buy">
6148  <form method="post" action="/cart/add">
6149    <div class="exfx-buy__variants">
6150      
6151      <label class="exfx-buy__variant">
6152        <input type="radio" name="id" value="54191316992364" data-price="$49.95" checked>
6153        <span class="exfx-buy__card">
6154          
6155          <span class="exfx-buy__card-img">
6156            <img src="//www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&width=400" alt="Complete Kit" loading="lazy">
6157          </span>
6158          
6159          <span class="exfx-buy__card-top">
6160            <span class="exfx-buy__card-name">Complete Kit</span>
6161            <span class="exfx-buy__card-check" aria-hidden="true">
6162              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
6163            </span>
6164          </span>
6165          <span class="exfx-buy__card-price">$49.95</span>
6166          <span class="exfx-buy__card-note">Quart + Tray & Rollers</span>
6167        </span>
6168      </label>
6169      
6170      <label class="exfx-buy__variant">
6171        <input type="radio" name="id" value="54193718165868" data-price="$42.95" >
6172        <span class="exfx-buy__card">
6173          
6174          <span class="exfx-buy__card-img">
6175            <img src="//www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&width=400" alt="Refill Quart" loading="lazy">
6176          </span>
6177          
6178          <span class="exfx-buy__card-top">
6179            <span class="exfx-buy__card-name">Refill Quart</span>
6180            <span class="exfx-buy__card-check" aria-hidden="true">
6181              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>
6182            </span>
6183          </span>
6184          <span class="exfx-buy__card-price">$42.95</span>
6185          <span class="exfx-buy__card-note">Product only</span>
6186        </span>
6187      </label>
6188      
6189    </div>
6190    <div class="exfx-buy__row">
6191      <div class="exfx-buy__qty">
6192        <button type="button" data-exfx-qty="-1" aria-label="Decrease quantity">−</button>
6193        <input type="number" name="quantity" value="1" min="1" max="20" aria-label="Quantity">
6194        <button type="button" data-exfx-qty="1" aria-label="Increase quantity">+</button>
6195      </div>
6196      <button type="submit" class="exfx-buy__atc">
6197        <span>Add to cart</span>
6198      </button>
6199    </div>
6200    <p class="exfx-buy__err" hidden>Could not add to cart. Please try again.</p>
6201    <p class="exfx-buy__ship">
6202      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2"/><path d="M15 18H9"/><path d="M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62l-3.48-4.35A1 1 0 0 0 17.52 8H14"/><circle cx="17" cy="18" r="2"/><circle cx="7" cy="18" r="2"/></svg>
6203      Most orders ship same day. Water-based, so it ships worldwide.
6204    </p>
6205  </form>
6206  <div class="exfx-share">
6207    <span class="exfx-share__label">Share</span>
6208    <button type="button" class="exfx-share__btn" data-exfx-share="native" hidden aria-label="Share this product">
6209      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v13"/><path d="m16 6-4-4-4 4"/><path d="M4 12v7a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7"/></svg>
6210    </button>
6211    <button type="button" class="exfx-share__btn" data-exfx-share="copy" aria-label="Copy link">
6212      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-icon="link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
6213      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" data-icon="check" hidden><path d="M20 6 9 17l-5-5"/></svg>
6214    </button>
6215    <a class="exfx-share__btn" href="https://wa.me/?text=ExoFlex+Temporary+Paint+Protection%20https%3A%2F%2Fwww.dipyourcar.com%2Fproducts%2Fexoflex" target="_blank" rel="noopener" aria-label="Share on WhatsApp">
6216      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 14.4c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07a8.2 8.2 0 0 1-2.4-1.49 9 9 0 0 1-1.66-2.07c-.17-.3-.02-.46.13-.61.14-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.68-1.62-.93-2.22-.24
6216-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.5 0 1.47 1.07 2.89 1.22 3.09.15.2 2.1 3.2 5.1 4.49.71.3 1.27.49 1.7.63.72.23 1.37.2 1.88.12.57-.09 1.76-.72 2.01-1.42.25-.7.25-1.29.17-1.42-.07-.13-.27-.2-.57-.35Z"/><path d="M12 2a10 10 0 0 0-8.66 15L2 22l5.13-1.3A10 10 0 1 0 12 2Zm0 18.3a8.3 8.3 0 0 1-4.23-1.16l-.3-.18-3.04.77.81-2.96-.2-.3A8.3 8.3 0 1 1 12 20.3Z"/></svg>
6217    </a>
6218    <a class="exfx-share__btn" href="https://twitter.com/intent/tweet?text=ExoFlex+Temporary+Paint+Protection&url=https%3A%2F%2Fwww.dipyourcar.com%2Fproducts%2Fexoflex" target="_blank" rel="noopener" aria-label="Share on X">
6219      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 1.15h3.68l-8.04 9.19L24 22.85h-7.4l-5.8-7.58-6.64 7.58H.47l8.6-9.83L0 1.15h7.59l5.24 6.93 6.07-6.93Zm-1.29 19.5h2.04L6.48 3.24H4.3l13.3 17.4Z"/></svg>
6220    </a>
6221    <a class="exfx-share__btn" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.dipyourcar.com%2Fproducts%2Fexoflex" target="_blank" rel="noopener" aria-label="Share on Facebook">
6222      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07c0 6.03 4.39 11.03 10.13 11.93v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.7 4.53-4.7 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.95.93-1.95 1.89v2.26h3.32l-.53 3.49h-2.79V24C19.61 23.1 24 18.1 24 12.07Z"/></svg>
6223    </a>
6224  </div>
6225</div>
6226<style>
6227  .exfx-buy { margin-top: 14px; font-family: Lausanne, sans-serif; }
6228  .exfx-buy__variants { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
6229  .exfx-buy__variant { min-width: 0; }
6230  .exfx-buy__variant input { position: absolute; opacity: 0; pointer-events: none; }
6231  .exfx-buy__card {
6232    display: flex; flex-direction: column; gap: 3px; padding: 12px 14px 14px; border-radius: 8px;
6233    border: 2px solid #dfe7e7; cursor: pointer; height: 100%;
6234    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
6235  }
6236  .exfx-buy__variant input:checked + .exfx-buy__card { border-color: #2ba8a0; background: rgba(43,168,160,.06); box-shadow: 0 8px 20px -14px rgba(18,64,61,.5); }
6237  .exfx-buy__variant input:focus-visible + .exfx-buy__card { outline: 2px solid #2ba8a0; outline-offset: 2px; }
6238  .exfx-buy__card-img { display: block; aspect-ratio: 1 / 1; margin-bottom: 6px; min-width: 0; }
6239  .exfx-buy__card-img img { width: 100%; height: 100%; max-width: 100%; object-fit: contain; display: block; }
6240  .exfx-buy__card-top { display: flex; justify-content: space-between; align-items: center; }
6241  .exfx-buy__card-name { font-size: 15px; font-weight: 600; color: #101418; }
6242  .exfx-buy__card-check {
6243    width: 20px; height: 20px; border-radius: 50%; background: #dfe7e7; color: #fff;
6244    display: flex; align-items: center; justify-content: center; transition: background .15s ease; flex-shrink: 0;
6245  }
6246  .exfx-buy__card-check svg { width: 12px; height: 12px; }
6247  .exfx-buy__variant input:checked + .exfx-buy__card .exfx-buy__card-check { background: #2ba8a0; }
6248  .exfx-buy__card-price { font-size: 19px; font-weight: 600; color: #12403d; }
6249  .exfx-buy__card-note { font-size: 12px; line-height: 1.4; color: #6d7c80; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
6250  .exfx-buy__row { display: flex; gap: 10px; margin-top: 12px; }
6251  .exfx-buy__qty { display: flex; align-items: stretch; border: 2px solid #dfe7e7; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
6252  .exfx-buy__qty button { width: 42px; border: 0; background: #fff; font-size: 20px; color: #12403d; cursor: pointer; font-weight: 600; }
6253  .exfx-buy__qty button:hover { background: #f4f7f7; }
6254  .exfx-buy__qty input {
6255    width: 44px; border: 0; text-align: center; font-size: 15px; font-weight: 600; color: #101418;
6256    font-family: Lausanne, sans-serif; -moz-appearance: textfield; appearance: textfield;
6257  }
6258  .exfx-buy__qty input::-webkit-outer-spin-button, .exfx-buy__qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
6259  .exfx-buy__atc {
6260    flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; min-width: 0;
6261    background: #1f8f88; color: #fff; border: 0; border-radius: 8px; white-space: nowrap;
6262    font-family: Lausanne, sans-serif; font-size: 20px; font-weight: 600; text-transform: uppercase;
6263    letter-spacing: .02em; padding: 15px 16px; cursor: pointer;
6264    transition: background .15s ease, transform .12s ease;
6265  }
6266  .exfx-buy__atc:hover { background: #17827b; transform: translateY(-1px); }
6267  .exfx-buy__err { color: #b3261e; font-size: 13px; margin: 10px 0 0; }
6268  .exfx-buy__err.is-info { color: #4b5a5e; }
6269  .exfx-buy__ship { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 300; color: #4b5a5e; margin: 12px 0 0; }
6270  .exfx-buy__ship svg { width: 18px; height: 18px; color: #2ba8a0; flex-shrink: 0; }
6271  .exfx-share { display: flex; align-items: center; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eef2f2; }
6272  .exfx-share__label { font-size: 13px; font-weight: 600; color: #101418; margin-right: 2px; }
6273  .exfx-share__btn {
6274    width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;
6275    border: 1px solid #dfe7e7; border-radius: 8px; background: #fff; color: #4b5a5e; cursor: pointer;
6276    transition: border-color .15s ease, color .15s ease, background .15s ease;
6277  }
6278  .exfx-share__btn:hover { border-color: #2ba8a0; color: #2ba8a0; background: rgba(43,168,160,.05); }
6279  .exfx-share__btn svg { width: 18px; height: 18px; }
6280  .exfx-share__btn.is-copied { border-color: #2ba8a0; color: #2ba8a0; }
6281  @media (max-width: 480px) {
6282    .exfx-buy__card { padding: 10px 10px 12px; }
6283    .exfx-buy__atc { font-size: 17px; gap: 8px; padding: 14px 10px; }
6284    .exfx-buy__qty button { width: 36px; }
6285    .exfx-buy__qty input { width: 36px; }
6286  }
6287</style>
6288<script>
6289  (function () {
6290    var root = document.getElementById('exfx-buy');
6291    if (!root) return;
6292    var form = root.querySelector('form');
6293    var err = root.querySelector('.exfx-buy__err');
6294    form.addEventListener('submit', function (e) {
6295      e.preventDefault();
6296      err.hidden = true;
6297      fetch('/cart/add.js', { method: 'POST', body: new FormData(form) })
6298        .then(function (r) {
6299          if (!r.ok) throw 0;
6300          var d = document.querySelector('cart-drawer');
6301          if (d && typeof d.show === 'function') {
6302            if (typeof d._refreshSections === 'function') d._refreshSections();
6303            d.show();
6304          } else {
6305            window.location.href = '/cart';
6306          }
6307        })
6308        .catch(function () { err.hidden = false; });
6309    });
6310    root.querySelectorAll('[data-exfx-qty]').forEach(function (b) {
6311      b.addEventListener('click', function () {
6312        var inp = root.querySelector('input[name="quantity"]');
6313        inp.value = Math.max(1, Math.min(20, parseInt(inp.value || '1', 10) + parseInt(b.dataset.exfxQty, 10)));
6314      });
6315    });
6316    // share row
6317    var nativeBtn = root.querySelector('[data-exfx-share="native"]');
6318    if (navigator.share && nativeBtn) {
6319      nativeBtn.hidden = false;
6320      nativeBtn.addEventListener('click', function () {
6321        navigator.share({ title: document.title, url: window.location.href }).catch(function () {});
6322      });
6323    }
6324    var copyBtn = root.querySelector('[data-exfx-share="copy"]');
6325    if (copyBtn) copyBtn.addEventListener('click', function () {
6326      navigator.clipboard.writeText(window.location.href).then(function () {
6327        copyBtn.classList.add('is-copied');
6328        copyBtn.querySelector('[data-icon="link"]').hidden = true;
6329        copyBtn.querySelector('[data-icon="check"]').hidden = false;
6330        setTimeout(function () {
6331          copyBtn.classList.remove('is-copied');
6332          copyBtn.querySelector('[data-icon="link"]').hidden = false;
6333          copyBtn.querySelector('[data-icon="check"]').hidden = true;
6334        }, 1800);
6335      });
6336    });
6337    // NEW PRODUCT badge on first gallery image
6338    var media = document.querySelector('.product-media-container');
6339    if (media && !document.querySelector('.exfx-newbadge')) {
6340      media.style.position = 'relative';
6341      var badge = document.createElement('span');
6342      badge.className = 'exfx-newbadge';
6343      badge.textContent = "New Product";
6344      var st = document.createElement('style');
6345      st.textContent = '.exfx-newbadge{position:absolute;top:12px;left:12px;z-index:1;background:#1f9c92;color:#fff;font-family:Lausanne,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:7px 12px;border-radius:8px;pointer-events:none;}';
6346      document.head.appendChild(st);
6347      media.appendChild(badge);
6348    }
6349  })();
6350</script>
6350
6351<style>
6352  /* exfx-price-fix: theme mobile CSS assumes the price sits inside the dark ATC
6353     button and paints it white; our custom buy panel leaves it in the title area,
6354     so force it back to ink. Scoped to the product info price only. */
6355  .product-price .price-item, .product-price-tax .price-item { color: #101418 !important; }
6356</style>
6357        </div><div class="product-info-block" >
6358          
6359
6360<nav class="exfx-pills" aria-label="Jump to section">
6361  <a class="exfx-pills__pill" href="#exoflex-why">
6362    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>
6363    Why it works
6364  </a>
6365  <a class="exfx-pills__pill" href="#exoflex-guide">
6366    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 6h13M8 12h13M8 18h13"/><path d="m3 6 1 1 2-2M3 12l1 1 2-2M3 18l1 1 2-2"/></svg>
6367    How to apply
6368  </a>
6369  <a class="exfx-pills__pill" href="#exoflex-tips">
6370    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m10 8 6 4-6 4V8Z"/></svg>
6371    Tips video
6372  </a>
6373  <a class="exfx-pills__pill" href="#exoflex-box">
6374    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5M12 22V12"/></svg>
6375    What's in the box
6376  </a>
6377  <a class="exfx-pills__pill" href="#exoflex-uses">
6378    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 17h2a1 1 0 0 0 1-1v-3a2 2 0 0 0-1.5-1.9L17 10l-2.2-4.4A2 2 0 0 0 13 4.5H8.4a2 2 0 0 0-1.8 1.1L4.5 10l-2 .6A2 2 0 0 0 1 12.5V16a1 1 0 0 0 1 1h2"/><circle cx="7" cy="17" r="2"/><circle cx="17" cy="17" r="2"/></svg>
6379    When to use it
6380  </a>
6381  <a class="exfx-pills__pill" href="#exoflex-faq">
6382    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
6383    FAQ
6384  </a>
6385</nav>
6386<style>
6387  .exfx-pills { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; font-family: Lausanne, sans-serif; }
6388  .exfx-pills__pill {
6389    display: flex; align-items: center; gap: 9px; padding: 12px 14px;
6390    border: 1px solid #dfe7e7; border-radius: 8px; background: #fff;
6391    font-size: 14px; font-weight: 600; color: #101418; text-decoration: none;
6392    white-space: nowrap; transition: border-color .15s ease, background .15s ease;
6393  }
6394  .exfx-pills__pill:hover { border-color: #2ba8a0; background: rgba(43,168,160,.05); }
6395  .exfx-pills__pill svg { width: 18px; height: 18px; color: #2ba8a0; flex-shrink: 0; }
6396  @media (max-width: 380px) { .exfx-pills__pill { font-size: 13px; padding: 11px 10px; gap: 7px; } }
6397</style>
6398<script>
6399  (function () {
6400    document.querySelectorAll('.exfx-pills__pill').forEach(function (a) {
6401      a.addEventListener('click', function (e) {
6402        var t = document.querySelector(a.getAttribute('href'));
6403        if (!t) return;
6404        e.preventDefault();
6405        t.scrollIntoView({ behavior: 'smooth', block: 'start' });
6406      });
6407    });
6408  })();
6409</script>
6409
6410        </div><div class="product-info-block" >
6411          
6412
6413<div class="exfx-atc">
6414  <div class="exfx-atc__head">
6415    <img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-badge.png?v=133183111778922791451786656711" alt="" width="54" height="55" loading="lazy">
6416    <div>
6417      <p class="exfx-atc__tag">Roll on. Drive. Peel off.</p>
6418      <p class="exfx-atc__sub">Temporary armor for road trips, track days and transport.</p>
6419    </div>
6420  </div>
6421  <ul class="exfx-atc__list">
6422    <li>
6423      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="3" width="16" height="6" rx="2"/><path d="M18 6h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-8a2 2 0 0 0-2 2v1"/><rect x="10" y="15" width="4" height="7" rx="1"/></svg>
6424      <span><strong>Roll it on.</strong> Goes on milky so you can see coverage, dries clear. No spray gun, no masking skills.</span>
6425    </li>
6426    <li>
6427      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 17h2a1 1 0 0 0 1-1v-3a2 2 0 0 0-1.5-1.9L17 10l-2.2-4.4A2 2 0 0 0 13 4.5H8.4a2 2 0 0 0-1.8 1.1L4.5 10l-2 .6A2 2 0 0 0 1 12.5V16a1 1 0 0 0 1 1h2"/><circle cx="7" cy="17" r="2"/><circle cx="17" cy="17" r="2"/></svg>
6428      <span><strong>Drive protected.</strong> A clear satin shield that shrugs off rock chips, bugs and salt for up to 3-4 weeks.</span>
6429    </li>
6430    <li>
6431      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><path d="M21 8h-8a4 4 0 0 0 0 8h8Z"/></svg>
6432      <span><strong>Peel it off.</strong> One sheet, no residue, factory paint untouched underneath.</span>
6433    </li>
6434  </ul>
6435  <div class="exfx-atc__foot">
6436    <span>Complete Kit includes roller, tray, 2 sleeves and funnel</span>
6437  </div>
6438</div>
6439<style>
6440  .exfx-atc { border: 1px solid #dfe7e7; border-radius: 8px; padding: 18px 18px 16px; margin-top: 16px; background: #fff; font-family: Lausanne, sans-serif; }
6441  .exfx-atc__head { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
6442  .exfx-atc__head img { flex-shrink: 0; }
6443  .exfx-atc__tag { margin: 0; font-size: 16px; font-weight: 600; color: #101418; letter-spacing: .02em; text-transform: uppercase; }
6444  .exfx-atc__sub { margin: 2px 0 0; font-size: 13px; font-weight: 300; color: #4b5a5e; }
6445  .exfx-atc__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
6446  .exfx-atc__list li { display: flex; gap: 11px; align-items: flex-start; font-size: 13.5px; font-weight: 300; line-height: 1.5; color: #4b5a5e; }
6447  .exfx-atc__list svg { width: 20px; height: 20px; color: #2ba8a0; flex-shrink: 0; margin-top: 2px; }
6448  .exfx-atc__list strong { color: #101418; font-weight: 600; }
6449  .exfx-atc__foot { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-top: 14px; padding-top: 12px; border-top: 1px solid #eef2f2; font-size: 12.5px; font-weight: 300; color: #6d7c80; }
6450  .exfx-atc__foot a { color: #12403d; font-weight: 600; text-decoration: none; border-bottom: 2px solid #2ba8a0; }
6451</style>
6452<script>
6453  (function () {
6454    var link = document.querySelector('[data-exfx-guide]');
6455    if (!link) return;
6456    link.addEventListener('click', function (e) {
6457      var target = document.getElementById('exoflex-guide');
6458      if (!target) return;
6459      e.preventDefault();
6460      target.scrollIntoView({ behavior: 'smooth', block: 'start' });
6461    });
6462  })();
6463</script>
6463
6464        </div><div class="product-info-others"><a
6465      href="/products/exoflex"
6466      class="product-view-details button button--small button--tertiary button--pill button--hover-animate focus-inset"
6467    >
6468      
6469
6470<svg class="icon icon-eye" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M2 13.488C2.032 13.552 2.072 13.64 2.12 13.752C2.168 13.864 2.288 14.096 2.48 14.448C2.672 14.8 2.88 15.136 3.104 15.456C3.328 15.776 3.64 16.16 4.04 16.608C4.44 17.056 4.856 17.48 5.288 17.88C5.72 18.28 6.256 18.672 6.896 19.056C7.536 19.44 8.192 19.776 8.864 20.064C9.536 20.352 10.32 20.576 11.216 20.736C12.112 20.896 13.04 20.984 14 21C14.96 21.016 15.888 20.928 16.784 20.736C17.68 20.544 18.472 20.312 19.16 20.04C19.848 19.768 20.496 19.44 21.104 19.056C21.712 18.672 22.248 18.272 22.712 17.856C23.176 17.44 23.592 17.032 23.96 16.632C24.328 16.232 24.64 15.832 24.896 15.432C25.152 15.032 25.36 14.704 25.52 14.448C25.68 14.192 25.8 13.96 25.88 13.752L26 13.488C25.984 13.424 25.944 13.336 25.88 13.224C25.816 13.112 25.696 12.888 25.52 12.552C25.344 12.216 25.136 11.88 24.896 11.544C24.656 11.208 24.344 10.816 23.96 10.368C23.576 9.92 23.16 9.504 22.712 9.12C22.264 8.736 21.728 8.344 21.104 7.944C20.48 7.544 19.824 7.208 19.136 6.936C18.448 6.664 17.664 6.44 16.784 6.264C15.904 6.088 14.976 6 14 6C13.024 6 12.096 6.088 11.216 6.264C10.336 6.44 9.544 6.664 8.84 6.936C8.136 7.208 7.488 7.544 6.896 7.944C6.304 8.344 5.768 8.736 5.288 9.12C4.808 9.504 4.392 9.92 4.04 10.368C3.688 10.816 3.376 11.208 3.104 11.544C2.832 11.88 2.624 12.216 2.48 12.552C2.336 12.888 2.216 13.12 2.12 13.248L2 13.488ZM9.512 13.488C9.512 12.256 9.944 11.2 10.808 10.32C11.672 9.44 12.736 9 14 9C15.264 9 16.328 9.44 17.192 10.32C18.056 11.2 18.496 12.256 18.512 13.488C18.528 14.72 18.088 15.784 17.192 16.68C16.296 17.576 15.232 18.016 14 18C12.768 17.984 11.704 17.544 10.808 16.68C9.912 15.816 9.48 14.752 9.512 13.488ZM11 13.488C11 14.32 11.296 15.032 11.888 15.624C12.48 16.216 13.184 16.504 14 16.488C14.816 16.472 15.52 16.184 16.112 15.624C16.704 15.064 17 14.352 17 13.488C17 12.624 16.704 11.92 16.112 11.376C15.52 10.832 14.816 10.536 14 10.488C13.184 10.44 12.48 10.736 11.888 11.376L14 13.488H11Z" fill="currentColor"/></svg>
6471
6472      View details
6473    </a>
6474  </div>
6475</div>
6476
6477      </product-info>
6478    </div>
6479  </div><div class="info-drawer__overlay" data-info-overlay></div>
6480    <div class="info-drawer" data-info-drawer aria-hidden="true">
6481      <div class="info-drawer__header">
6482        <h3 class="info-drawer__title" data-info-title>Info</h3>
6483        <button type="button" class="info-drawer__close" data-info-close aria-label="Close information">
6484          <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
6485            <line x1="18" y1="6" x2="6" y2="18"></line>
6486            <line x1="6" y1="6" x2="18" y2="18"></line>
6487          </svg>
6488        </button>
6489      </div>
6490      <div class="info-drawer__content">
6491        <div class="info-drawer__body" data-info-body>
6492          <p>Select an info icon to view details.</p>
6493        </div>
6494      </div>
6495    </div>
6496
6497    
6497<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/accessories-drawer.js?v=151652588784762840621784677824" defer="defer"></script>
6497
6498    
6498<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/pearl-products-drawer.js?v=155035371274614276781779442041" defer="defer"></script>
6498
6499    
6499<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/info-drawer.js?v=146032209317206986791786477522" defer="defer"></script>
6499
6500    
6500<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/mobile-collapsible.js?v=110541334421296514281779442034" defer="defer"></script>
6500
6501
6502   
6503  </div></div><div class="tempests-pdp-modals">
6504  
6505  
6506
6507  
6508<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/product-info.js?v=34480331375282466071779442042" defer="defer"></script>
6508<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/media-gallery.js?v=160248625595582581531779442033" defer="defer"></script>
6508
6509
6510</div>
6511  
6512
6513<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-product-media-modal.css?v=139044941177610340031779442006" rel="stylesheet" type="text/css" media="all" />
6514
6515<product-gallery-modal id="ProductModal-template--28383463211372__main" class="product-media-modal gradient">
6516  <div role="dialog"
6517       data-trap
6518       aria-label="Media gallery"
6519       aria-modal="true"
6520       tabindex="-1"
6521  >
6522    <button type="button"
6523            class="modal-close-button button button--icon button--ethereal focus-inset"
6524            aria-label="Close"
6525            onclick="this.closest('product-gallery-modal').hide()"
6526    >
6527      
6528
6529<svg class="icon icon-close" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M26 2L2 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
6530            <path d="M2 2L26 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
6531
6532    </button>
6533    <div class="modal-content"
6534      role="document"
6535      aria-label="Media gallery"
6536      tabindex="0"
6537    >
6538      <slider-component class="slider"
6539                        data-slide-desktop
6540                        data-slide-mobile
6541                        data-slide-smooth
6542      >
6543        <div class="slider-container">
6544          <ul id="MediaModalSlider-template--28383463211372__main" class="modal-media-wrapper slider-wrapper"><li id="Slide-ProductModal-0" class="slider-slide grid-item" data-media-id="54808500207980">
6545                <div class="modal-media">
6546                  
6547
6548
6549<image-magnify data-scale="1.5">
6550      
6551
6552<img src="//www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=3600" alt="" srcset="//www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=165 165w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=360 360w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=450 450w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=660 660w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=900 900w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=1320 1320w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=1800 1800w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=2136 2136w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=2400 2400w, //www.dipyourcar.com/cdn/shop/files/exo_kit.webp?v=1786666788&amp;width=3600 3600w" width="3600" height="3600" loading="lazy" sizes="100vw">
6553
6554  </image-magnify>
6555                </div>
6556              </li>
6557<li id="Slide-ProductModal-1" class="slider-slide grid-item" data-media-id="54804555235692">
6558                  <div class="modal-media">
6559                    
6560
6561
6562<image-magnify data-scale="1.5">
6563      
6564
6565<img src="//www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=3600" alt="" srcset="//www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=165 165w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=360 360w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=450 450w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=660 660w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=900 900w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=1320 1320w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=1800 1800w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=2136 2136w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=2400 2400w, //www.dipyourcar.com/cdn/shop/files/ExoQuart.webp?v=1786623231&amp;width=3600 3600w" width="3600" height="3600" loading="lazy" sizes="100vw">
6566
6567  </image-magnify>
6568                  </div>
6569                </li>
6570</ul>
6571        </div>
6572        <div class="slider-controller">
6573          <div class="slider-nav-buttons">
6574            <button
6575                    type="button"
6576                    class="nav-button nav-button--prev button button--icon button--ethereal"
6577                    name="previous"
6578                    aria-label="Slide left"
6579                    aria-controls="Slider-template--28383463211372__main"
6580            >
6581              
6582
6583<svg class="icon icon-caret-left" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M10.4495 14L23 2.30588L20.5253 0L7.97475 11.6941L5.5 14L7.97475 16.3059L20.5253 28L23 25.6941L10.4495 14Z" fill="currentColor"/></svg>
6584
6585            </button>
6586            <button
6587                    type="button"
6588                    class="nav-button nav-button--next button button--icon button--ethereal"
6589                    name="next"
6590                    aria-label="Slide right"
6591                    aria-controls="Slider-template--28383463211372__main"
6592            >
6593
6594              
6595
6596<svg class="icon icon-caret-right" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M18.0505 14L5.5 2.30588L7.97475 0L20.5253 11.6941L23 14L20.5253 16.3059L7.97475 28L5.5 25.6941L18.0505 14Z" fill="currentColor"/></svg>
6597
6598            </button>
6599          </div>
6600          <div class="slider-counter">
6601            <span class="current-page">1</span> / <span class="total-page">1</span>
6602          </div>
6603        </div>
6604      </slider-component>
6605    </div>
6606    <div class="modal-tip">
6607      
6608
6609<svg class="icon icon-mouse" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M13.967 26C11.5893 25.9982 9.30963 25.0528 7.6284 23.3716C5.94716 21.6904 5.00184 19.4107 5 17.033V10.967C5 8.58877 5.94473 6.30799 7.62636 4.62636C9.30799 2.94473 11.5888 2 13.967 2C16.3451 2 18.6259 2.94473 20.3076 4.62636C21.9892 6.30799 22.9339 8.58877 22.9339 10.967V17.033C22.9321 19.4107 21.9867 21.6904 20.3055 23.3716C18.6243 25.0528 16.3446 25.9982 13.967 26ZM13.967 3.73913C12.0506 3.74097 10.2132 4.50306 8.85815 5.85815C7.50306 7.21323 6.74097 9.05058 6.73913 10.967V17.033C6.73913 18.95 7.50063 20.7884 8.85611 22.1439C10.2116 23.4994 12.05 24.2609 13.967 24.2609C15.8839 24.2609 17.7223 23.4994 19.0778 22.1439C20.4333 20.7884 21.1948 18.95 21.1948 17.033V10.967C21.1929 9.05058 20.4308 7.21323 19.0758 5.85815C17.7207 4.50306 15.8833 3.74097 13.967 3.73913Z" fill="currentColor"/>
6610            <path d="M13.967 12.848C13.7363 12.848 13.5152 12.7564 13.3521 12.5933C13.189 12.4302 13.0974 12.209 13.0974 11.9784V7.65286C13.0974 7.42224 13.189 7.20106 13.3521 7.03798C13.5152 6.87491 13.7363 6.78329 13.967 6.78329C14.1976 6.78329 14.4188 6.87491 14.5818 7.03798C14.7449 7.20106 14.8365 7.42224 14.8365 7.65286V11.9784C14.8365 12.209 14.7449 12.4302 14.5818 12.5933C14.4188 12.7564 14.1976 12.848 13.967 12.848Z" fill="currentColor"/></svg>
6611
6612      Press &amp; drag to view
6613    </div>
6614  </div>
6615</product-gallery-modal>
6616
6617<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/image-magnify.js?v=8480741780829235411779442023" defer></script>
6617
6618  
6618<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/product-gallery-modal.js?v=36238088347880717751779442042" defer="defer"></script>
vendor: 1 bytes, line 6618
6618
6619<script type="application/ld+json">
6620  {"@context":"http:\/\/schema.org\/","@id":"\/products\/exoflex#product","@type":"ProductGroup","brand":{"@type":"Brand","name":"DipYourCar.com"},"category":"Sealants","description":"ExoFlex is a water-based liquid paint protection film you roll on yourself. It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer.\nBuilt for the moments your paint takes real abuse: road trips, track days, open-trailer transport, winter salt runs. It stops rock chips, bug splatter, tar, sand and gravel rash before they reach your clear coat.\n\n\nRoll-on application. Roller, tray and funnel included. No spray gun, no masking skills.\n\nGoes on milky, dries clear. See exactly where you have covered.\n\nPeels off in one sheet. Lift a corner and pull. Your factory paint underneath, untouched.\n\nWater-based. Low odour, easy cleanup, ships worldwide.\n\nShort-term armor. Intended for events and trips, up to 3-4 weeks on the vehicle.\n\nWorks beyond paint. Glass, trim and any non-porous surface (not the windshield you look through).\n\nOne stone chip repair at a body shop starts around $150. This kit is $49.95. Peel the risk off instead.","hasVariant":[{"@id":"\/products\/exoflex?variant=54191316992364#variant","@type":"Product","image":"https:\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788\u0026width=1920","name":"ExoFlex Temporary Paint Protection - Complete Kit","offers":{"@id":"\/products\/exoflex?variant=54191316992364#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"49.95","priceCurrency":"USD","url":"https:\/\/www.dipyourcar.com\/products\/exoflex?variant=54191316992364"},"sku":"EXOFLEX-KIT"},{"@id":"\/products\/exoflex?variant=54193718165868#variant","@type":"Product","image":"https:\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231\u0026width=1920","name":"ExoFlex Temporary Paint Protection - Refill Quart","offers":{"@id":"\/products\/exoflex?variant=54193718165868#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"42.95","priceCurrency":"USD","url":"https:\/\/www.dipyourcar.com\/products\/exoflex?variant=54193718165868"},"sku":"EXOFLEX-REFILL"}],"name":"ExoFlex Temporary Paint Protection","productGroupID":"15246586282348","url":"https:\/\/www.dipyourcar.com\/products\/exoflex"}
6621</script>
6621
6622
6623
6624
6625<!-- Test Modal -->
6626<div id="CarKit-Modal-Drawer" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,0.5); display: none;">
6627  <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border-radius: 8px; padding: 30px; max-width: 90%; max-height: 90%; overflow-y: auto; width: 600px;">
6628    <h2 style="margin-top: 0; color: #242833;">Build Your Car Kit</h2>
6629    <p style="color: #666; margin-bottom: 20px;">This is a test modal! If you can see this, the modal is working.</p>
6630    <button onclick="closeModal()" style="background: #BF1213; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer;">
6631      Close Modal
6632    </button>
6633  </div>
6634</div>
6635
6636<script>
6637function testModal() {
6638  console.log('🚀 TEST: Button clicked!');
6639  var debugInfo = document.getElementById('debug-info');
6640  if (debugInfo) {
6641    debugInfo.innerHTML = 'Button: CLICKED<br>Time: ' + new Date().toLocaleTimeString();
6642  }
6643  
6644  var modal = document.getElementById('CarKit-Modal-Drawer');
6645  console.log('🚀 TEST: Modal element:', modal);
6646  
6647  if (modal) {
6648    console.log('🚀 TEST: Modal found, showing...');
6649    modal.style.display = 'block';
6650    
6651    if (debugInfo) {
6652      debugInfo.innerHTML = 'Modal: FOUND & SHOWN<br>Display: ' + modal.style.display;
6653    }
6654  } else {
6655    console.log('🚀 TEST: Modal not found!');
6656    if (debugInfo) {
6657      debugInfo.innerHTML = 'Modal: NOT FOUND<br>Check console for errors';
6658    }
6659  }
6660}
6661
6662function closeModal() {
6663  console.log('🚀 TEST: Closing modal');
6664  var modal = document.getElementById('CarKit-Modal-Drawer');
6665  var debugInfo = document.getElementById('debug-info');
6666  
6667  if (modal) {
6668    modal.style.display = 'none';
6669    console.log('🚀 TEST: Modal closed');
6670    
6671    if (debugInfo) {
6672      debugInfo.innerHTML = 'Modal: CLOSED<br>Display: ' + modal.style.display;
6673    }
6674  }
6675}
6676</script>
6676
6677</section><div id="shopify-section-template--28383463211372__exoflex-proof-bar" class="shopify-section"><div class="exfx-proofbar">
6678  <div class="exfx-proofbar__inner page-width"><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 2.7 6.3 8.4a8 8 0 1 0 11.4 0Z"/></svg>Water-based formula
6679    </div><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="3" width="16" height="6" rx="2"/><path d="M18 6h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-8a2 2 0 0 0-2 2v1"/><rect x="10" y="15" width="4" height="7" rx="1"/></svg>Roll-on, no spray gun
6680    </div><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>Goes on milky, dries clear
6681    </div><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><path d="M21 8h-8a4 4 0 0 0 0 8h8Z"/></svg>Peels off in one sheet
6682    </div><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>Wear it up to 3-4 weeks
6683    </div><div class="exfx-proofbar__item" ><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10Z"/></svg>Ships worldwide
6684    </div></div>
6685</div>
6686
6687<style>
6688  .exfx-proofbar { font-family: Lausanne, sans-serif; background: #12403d; border-block: 1px solid #0d322f; }
6689  .exfx-proofbar__inner {
6690    display: flex; gap: 4px 26px; flex-wrap: wrap; justify-content: center;
6691    padding-block: 14px;
6692  }
6693  .exfx-proofbar__item {
6694    color: #eafffd; font-size: 14px; font-weight: 600; letter-spacing: .01em;
6695    white-space: nowrap; display: flex; align-items: center; gap: 8px;
6696  }
6697  .exfx-proofbar__item svg { width: 18px; height: 18px; color: #35c4ba; flex-shrink: 0; }
6698  @media (max-width: 749px) {
6699    .exfx-proofbar { position: relative; }
6700    .exfx-proofbar::before, .exfx-proofbar::after {
6701      content: ""; position: absolute; top: 0; bottom: 0; width: 34px; z-index: 1; pointer-events: none;
6702    }
6703    .exfx-proofbar::before { left: 0; background: linear-gradient(to right, #12403d, rgba(18,64,61,0)); }
6704    .exfx-proofbar::after { right: 0; background: linear-gradient(to left, #12403d, rgba(18,64,61,0)); }
6705    .exfx-proofbar__inner {
6706      justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;
6707      -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-inline: 16px;
6708    }
6709    .exfx-proofbar__inner::-webkit-scrollbar { display: none; }
6710  }
6711</style>
6712
6713
6714</div><div id="shopify-section-template--28383463211372__exoflex-rock-test" class="shopify-section"><div class="exfx-rock" id="exoflex-why">
6715  <div class="exfx-rock__inner page-width">
6716    <div class="exfx-rock__head">
6717      <p class="exfx-kicker">The torture test</p>
6718      <h2 class="exfx-rock__title">We fired crushed rocks at it. Point blank.</h2>
6719      <p class="exfx-rock__sub">An air launcher, a scoop of crushed rock, and a freshly coated panel. The coating takes the hits, then peels away. The paint underneath never knows it happened.</p>
6720    </div>
6721
6722    <div class="exfx-rock__player" data-exfx-player>
6723      <video
6724        class="exfx-rock__video"
6725        src="https://cdn.shopify.com/videos/c/vp/4c4510e76bfb4f2bac67b1d886766672/4c4510e76bfb4f2bac67b1
6725d886766672.HD-1080p-4.8Mbps-91555286.mp4"
6726        poster="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-poster-rock.jpg?v=28916294868488865081786662010"
6727        preload="metadata"
6728        playsinline
6729        controls
6730      ></video>
6731      <button type="button" class="exfx-rock__play" data-exfx-play aria-label="Play the test video">
6732        <span class="exfx-rock__play-ring"><svg width="26" height="30" viewBox="0 0 26 30" fill="none" aria-hidden="true"><path d="M24.5 12.4a3 3 0 0 1 0 5.2L5 28.9a3 3 0 0 1-4.5-2.6V3.7A3 3 0 0 1 5 1.1l19.5 11.3Z" fill="currentColor"/></svg></span>
6733        <span class="exfx-rock__play-label">Watch the test. 39 seconds.</span>
6734      </button>
6735    </div>
6736
6737    <div class="exfx-rock__stats"><div class="exfx-rock__stat" >
6738        <span class="exfx-rock__stat-big">Crushed rock</span>
6739        <span class="exfx-rock__stat-small">fired point-blank from an air launcher</span>
6740      </div><div class="exfx-rock__stat" >
6741        <span class="exfx-rock__stat-big">4 coats</span>
6742        <span class="exfx-rock__stat-small">of ExoFlex between the rocks and the paint</span>
6743      </div><div class="exfx-rock__stat" >
6744        <span class="exfx-rock__stat-big">0 chips</span>
6745        <span class="exfx-rock__stat-small">on the panel after the coating peeled away</span>
6746      </div></div>
6747  </div>
6748</div>
6749
6750<style>
6751  .exfx-rock { font-family: Lausanne, sans-serif; background: #fff; padding-block: 64px 56px; }
6752  .exfx-kicker {
6753    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
6754    color: #2ba8a0; margin: 0 0 10px;
6755  }
6756  .exfx-rock__head { max-width: 720px; margin-inline: auto; text-align: center; }
6757  .exfx-rock__title {
6758    color: #101418; font-size: clamp(26px, 3.4vw, 34px); line-height: 1.08;
6759    margin: 0 0 12px; font-weight: 600;
6760  }
6761  .exfx-rock__sub { color: #4b5a5e; font-size: 16px; line-height: 1.55; margin: 0 auto; max-width: 560px; }
6762  .exfx-rock__player { position: relative; max-width: 920px; margin: 32px auto 0; border-radius: 8px; overflow: hidden; box-shadow: 0 24px 50px -28px rgba(16, 20, 24, .45); }
6763  .exfx-rock__video { display: block; width: 100%; height: auto; }
6764  .exfx-rock__play {
6765    position: absolute; inset: 0; width: 100%; display: flex; flex-direction: column;
6766    align-items: center; justify-content: center; gap: 14px;
6767    background: linear-gradient(0deg, rgba(9,12,14,.5), rgba(9,12,14,.12));
6768    border: 0; cursor: pointer; color: #fff;
6769  }
6770  .exfx-rock__play-ring {
6771    width: 82px; height: 82px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
6772    background: #2ba8a0; color: #fff; padding-left: 6px;
6773    transition: transform .18s ease;
6774  }
6775  .exfx-rock__play:hover .exfx-rock__play-ring { transform: scale(1.07); }
6776  .exfx-rock__play-label {
6777    font-size: 15px; font-weight: 600; letter-spacing: .04em; white-space: nowrap;
6778    background: rgba(9,12,14,.65); padding: 8px 16px; border-radius: 8px;
6779  }
6780  .exfx-rock__stats {
6781    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
6782    max-width: 920px; margin: 30px auto 0;
6783  }
6784  .exfx-rock__stat {
6785    border-radius: 8px; padding: 20px 22px;
6786    display: flex; flex-direction: column; gap: 5px; background: #12403d;
6787  }
6788  .exfx-rock__stat-big { color: #35c4ba; font-size: 24px; font-weight: 600; }
6789  .exfx-rock__stat-small { color: #cfe9e6; font-size: 13.5px; line-height: 1.4; }
6790  @media (max-width: 749px) {
6791    .exfx-rock { padding-block: 44px 40px; }
6792    .exfx-rock__stats { grid-template-columns: 1fr; gap: 10px; }
6793    .exfx-rock__stat { flex-direction: row; align-items: baseline; gap: 12px; padding: 15px 18px; }
6794    .exfx-rock__stat-big { min-width: 108px; font-size: 20px; }
6795  }
6796</style>
6797
6798<script>
6799  (function () {
6800    var wrap = document.querySelector('[data-exfx-player]');
6801    if (!wrap) return;
6802    var btn = wrap.querySelector('[data-exfx-play]');
6803    var vid = wrap.querySelector('video');
6804    if (!btn || !vid) return;
6805    btn.addEventListener('click', function () { btn.style.display = 'none'; vid.play(); });
6806    vid.addEventListener('play', function () { btn.style.display = 'none'; });
6807  })();
6808</script>
6808
6809
6810
6811</div><div id="shopify-section-template--28383463211372__exoflex-phases" class="shopify-section"><div class="exfx-phases">
6812  <div class="page-width">
6813    <div class="exfx-phases__head">
6814      <p class="exfx-kicker">How it works</p>
6815      <h2 class="exfx-phases__title">On. Clear. Off.</h2>
6816    </div>
6817
6818    <div class="exfx-phases__grid"><figure class="exfx-phase" >
6819        <div class="exfx-phase__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-phase-on.jpg?v=56452028694963620711786662008" alt="Goes on milky" loading="lazy" width="1200" height="900"></div>
6820        <figcaption class="exfx-phase__body">
6821          <span class="exfx-phase__step">Phase 1</span>
6822          <h3 class="exfx-phase__name">Goes on milky</h3>
6823          <p class="exfx-phase__copy">The wet coat goes on milky white so you can see exactly where you have covered, then dries completely clear. No guesswork between coats.</p>
6824        </figcaption>
6825      </figure><figure class="exfx-phase" >
6826        <div class="exfx-phase__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-phase-clear.jpg?v=98024349416070092021786656711" alt="Dries clear satin" loading="lazy" width="1200" height="900"></div>
6827        <figcaption class="exfx-phase__body">
6828          <span class="exfx-phase__step">Phase 2</span>
6829          <h3 class="exfx-phase__name">Dries clear satin</h3>
6830          <p class="exfx-phase__copy">Cured, it is a clear satin shield with a subtle texture up close. It is armor for the drive, not a show finish. In a few weeks it is coming off anyway.</p>
6831        </figcaption>
6832      </figure><figure class="exfx-phase" >
6833        <div class="exfx-phase__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-phase-peel.jpg?v=163294111459005084921786656711" alt="Peels off in one sheet" loading="lazy" width="1200" height="900"></div>
6834        <figcaption class="exfx-phase__body">
6835          <span class="exfx-phase__step">Phase 3</span>
6836          <h3 class="exfx-phase__name">Peels off in one sheet</h3>
6837          <p class="exfx-phase__copy">Lift a corner and pull. The whole membrane comes away in satisfying sheets. No residue, no solvents, factory paint exactly as you left it.</p>
6838        </figcaption>
6839      </figure></div>
6840  </div>
6841</div>
6842
6843<style>
6844  .exfx-phases { font-family: Lausanne, sans-serif; padding-block: 64px 56px; background: #f4f7f7; }
6845  .exfx-kicker {
6846    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
6847    color: #2ba8a0; margin: 0 0 10px;
6848  }
6849  .exfx-phases__head { text-align: center; margin-bottom: 34px; }
6850  .exfx-phases__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin: 0; color: #101418; }
6851  .exfx-phases__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
6852  .exfx-phase { margin: 0; border: 1px solid #e4e9ea; border-radius: 8px; overflow: hidden; background: #fff; }
6853  .exfx-phase__imgwrap { aspect-ratio: 4 / 3; overflow: hidden; }
6854  .exfx-phase__imgwrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
6855  .exfx-phase__body { padding: 18px 20px 22px; }
6856  .exfx-phase__step {
6857    font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #2ba8a0;
6858  }
6859  .exfx-phase__name { font-size: 20px; font-weight: 600; margin: 6px 0 8px; color: #101418; }
6860  .exfx-phase__copy { font-size: 14.5px; line-height: 1.55; color: #4b5a5e; margin: 0; }
6861  @media (max-width: 899px) {
6862    .exfx-phases { padding-block: 44px 40px; }
6863    .exfx-phases__grid { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
6864  }
6865</style>
6866
6867
6868</div><div id="shopify-section-template--28383463211372__exoflex-cta-1" class="shopify-section"><div class="exfx-cta" id="exfx-cta-template--28383463211372__exoflex-cta-1">
6869  <div class="page-width">
6870    <div class="exfx-cta__card">
6871      <div class="exfx-cta__text">
6872        <h2 class="exfx-cta__title">Passed the rock test. Ready for yours.</h2>
6873        <p class="exfx-cta__sub">Roll it on tonight. Drive protected tomorrow.</p>
6874      </div>
6875      <form method="post" action="/cart/add" class="exfx-cta__form">
6876        <div class="exfx-cta__variants" role="radiogroup" aria-label="Cho
6876ose your option"><label class="exfx-cta__variant">
6877            <input type="radio" name="id" value="54191316992364" checked>
6878            <span class="exfx-cta__variant-card">
6879              <span class="exfx-cta__variant-name">Complete Kit</span>
6880              <span class="exfx-cta__variant-price">$49.95</span>
6881            </span>
6882          </label><label class="exfx-cta__variant">
6883            <input type="radio" name="id" value="54193718165868" >
6884            <span class="exfx-cta__variant-card">
6885              <span class="exfx-cta__variant-name">Refill Quart</span>
6886              <span class="exfx-cta__variant-price">$42.95</span>
6887            </span>
6888          </label></div>
6889        <button type="submit" class="exfx-cta__btn">
6890          Add to cart
6891        </button>
6892        <p class="exfx-cta__err" hidden>Could not add to cart. Please try again.</p>
6893      </form>
6894    </div>
6895  </div>
6896</div>
6897
6898<script>
6899  (function () {
6900    var sec = document.getElementById('exfx-cta-template--28383463211372__exoflex-cta-1');
6901    if (!sec) return;
6902    var form = sec.querySelector('form');
6903    form.addEventListener('submit', function (e) {
6904      e.preventDefault();
6905      var err = sec.querySelector('.exfx-cta__err');
6906      err.hidden = true;
6907      fetch('/cart/add.js', { method: 'POST', body: new FormData(form) })
6908        .then(function (r) {
6909          if (!r.ok) throw 0;
6910          var d = document.querySelector('cart-drawer');
6911          if (d && typeof d.show === 'function') {
6912            if (typeof d._refreshSections === 'function') d._refreshSections();
6913            d.show();
6914          } else {
6915            window.location.href = '/cart';
6916          }
6917        })
6918        .catch(function () { err.hidden = false; });
6919    });
6920  })();
6921</script>
6921
6922
6923<style>
6924  .exfx-cta { font-family: Lausanne, sans-serif; padding-block: 8px 8px; background: transparent; }
6925  .exfx-cta__card {
6926    background: #12403d; border-radius: 8px; padding: 26px 28px;
6927    display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
6928  }
6929  .exfx-cta__title { color: #fff; font-size: clamp(19px, 2.4vw, 24px); font-weight: 600; margin: 0 0 4px; }
6930  .exfx-cta__sub { color: #b8dedb; font-size: 14px; margin: 0; }
6931  .exfx-cta__form { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
6932  .exfx-cta__variants { display: flex; gap: 8px; }
6933  .exfx-cta__variant input { position: absolute; opacity: 0; pointer-events: none; }
6934  .exfx-cta__variant-card {
6935    display: flex; flex-direction: column; gap: 1px; padding: 9px 14px; border-radius: 8px;
6936    border: 2px solid rgba(255,255,255,.25); cursor: pointer; transition: border-color .15s ease, background .15s ease;
6937  }
6938  .exfx-cta__variant input:checked + .exfx-cta__variant-card { border-color: #35c4ba; background: rgba(53,196,186,.12); }
6939  .exfx-cta__variant input:focus-visible + .exfx-cta__variant-card { outline: 2px solid #35c4ba; outline-offset: 2px; }
6940  .exfx-cta__variant-name { color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; }
6941  .exfx-cta__variant-price { color: #7fd9d3; font-size: 13px; font-weight: 600; }
6942  .exfx-cta__btn {
6943    display: flex; align-items: center; gap: 10px;
6944    background: #1f8f88; color: #fff; border: 0; border-radius: 8px; white-space: nowrap;
6945    font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; padding: 15px 26px; cursor: pointer;
6946    transition: transform .12s ease, background .15s ease;
6947  }
6948  .exfx-cta__btn:hover { background: #17827b; transform: translateY(-1px); }
6949  .exfx-cta__err { color: #ffd3cd; font-size: 13px; margin: 8px 0 0; width: 100%; text-align: center; }
6950  @media (max-width: 749px) {
6951    .exfx-cta__card { flex-direction: column; align-items: stretch; text-align: center; padding: 22px 18px; }
6952    .exfx-cta__form { flex-direction: column; align-items: stretch; }
6953    .exfx-cta__variants { justify-content: center; }
6954    .exfx-cta__btn { justify-content: center; }
6955  }
6956</style>
6957
6958
6959</div><div id="shopify-section-template--28383463211372__exoflex-steps" class="shopify-section"><div class="exfx-steps" id="exoflex-guide">
6960  <div class="page-width">
6961    <div class="exfx-steps__head">
6962      <p class="exfx-kicker">Application guide</p>
6963      <h2 class="exfx-steps__title">One quart. One roller. One afternoon.</h2>
6964      <p class="exfx-steps__sub">Everything you need is in the box. Work panel by panel, keep the coats even, and let time, not heat, do the drying.</p>
6965    </div>
6966
6967    <ol class="exfx-steps__grid"><li class="exfx-step" >
6968        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-1-wipe.jpg?v=78237448683595256541786656713" alt="Start clean" loading="lazy" width="1200" height="900"><span class="exfx-step__num">1</span>
6969        </div>
6970        <div class="exfx-step__body">
6971          <h3 class="exfx-step__name">Start clean</h3>
6972          <p class="exfx-step__copy">Wash and dry the surface, then wipe it down. Anything trapped under the film stays there until you peel, so start spotless.</p>
6973        </div>
6974      </li><li class="exfx-step" >
6975        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-2-shake.jpg?v=122623572942684330321786656713" alt="Rock the bottle, gently" loading="lazy" width="1200" height="900"><span class="exfx-step__num">2</span>
6976        </div>
6977        <div class="exfx-step__body">
6978          <h3 class="exfx-step__name">Rock the bottle, gently</h3>
6979          <p class="exfx-step__copy">Tilt it side to side until the formula is even. Don't shake it hard: agitation whips in bubbles that end up in your finish.</p>
6980        </div>
6981      </li><li class="exfx-step" >
6982        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-3-pour.jpg?v=92640288632850652611786656714" alt="Pour into the tray" loading="lazy" width="1200" height="900"><span class="exfx-step__num">3</span>
6983        </div>
6984        <div class="exfx-step__body">
6985          <h3 class="exfx-step__name">Pour into the tray</h3>
6986          <p class="exfx-step__copy">Fill the well of the included tray. Pour what you'll use for the panel in front of you. You can always top up.</p>
6987        </div>
6988      </li><li class="exfx-step" >
6989        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-4-roller.jpg?v=59832071366619512551786656714" alt="Load the roller" loading="lazy" width="1200" height="900"><span class="exfx-step__num">4</span>
6990        </div>
6991        <div class="exfx-step__body">
6992          <h3 class="exfx-step__name">Load the roller</h3>
6993          <p class="exfx-step__copy">Saturate the roller fully, then roll it out in its plastic sleeve so the product distributes evenly through the nap. An evenly loaded roller lays an even film.</p>
6994        </div>
6995      </li><li class="exfx-step" >
6996        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-5-roll.jpg?v=22714067019445887511786656714" alt="Roll on 4 coats" loading="lazy" width="1200" height="900"><span class="exfx-step__num">5</span>
6997        </div>
6998        <div class="exfx-step__body">
6999          <h3 class="exfx-step__name">Roll on 4 coats</h3>
7000          <p class="exfx-step__copy">Light, overlapping passes. Let each coat flash 10-30 minutes depending on temperature and airflow. It dries clear: each coat is ready when the milky haze is gone. Never force-dry with heat guns or direct sun lamps.</p>
7001        </div>
7002      </li><li class="exfx-step exfx-step--peel" >
7003        <div class="exfx-step__imgwrap"><img src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-step-6-peel.jpg?v=119412907055192360541786656714" alt="And when you&#39;re done: peel" loading="lazy" width="1200" height="900"><span class="exfx-step__num exfx-step__num--peel">✓</span>
7004        </div>
7005        <div class="exfx-step__body">
7006          <h3 class="exfx-step__name">And when you're done: peel</h3>
7007          <p class="exfx-step__copy">After the trip, the track day, the transport run: lift an edge and pull it off in sheets. That's the whole removal process.</p>
7008        </div>
7009      </li></ol><div class="exfx-tipsvid" id="exoflex-tips">
7010      <div class="exfx-tipsvid__head">
7011        <h3 class="exfx-tipsvid__title">Watch: 3 minutes of tips from the booth</h3>
7012        <p class="exfx-tipsvid__sub">Fonzie covers coat thickness, fixing drips, roller swaps, temperature rules and the easiest way to peel.</p>
7013      </div>
7014      <div class="exfx-tipsvid__player" data-exfx-tips-player>
7015        <video src="https://cdn.shopify.com/videos/c/vp/3286130410684411b18e78838e43eb6a/3286130410684411b18e78838e43eb6a.HD-1080p-7.2Mbps-91623190.mp4" poster="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-poster-tips.jpg?v=171145843559080584561786721667" preload="metadata" playsinline controls></video>
7016        <button type="button" class="exfx-tipsvid__play" data-exfx-tips-play aria-label="Play the tips video">
7017          <span class="exfx-tipsvid__ring"><svg width="26" height="30" viewBox="0 0 26 30" fill="none" aria-hidden="true"><path d="M24.5 12.4a3 3 0 0 1 0 5.2L5 28.9a3 3 0 0 1-4.5-2.6V3.7A3 3 0 0 1 5 1.1l19.5 11.3Z" fill="currentColor"/></svg></span>
7018          <span class="exfx-tipsvid__label">Tips & tricks. 3 minutes.</span>
7019        </button>
7020      </div>
7021    </div></div>
7022</div>
7023
7024<style>
7025  .exfx-steps { font-family: Lausanne, sans-serif; padding-block: 64px 56px; background: #fff; }
7026  .exfx-steps .exfx-kicker {
7027    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
7028    color: #2ba8a0; margin: 0 0 10px;
7029  }
7030  .exfx-steps__head { text-align: center; max-width: 660px; margin: 0 auto 36px; }
7031  .exfx-steps__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin: 0 0 10px; color: #101418; }
7032  .exfx-steps__sub { font-size: 16px; line-height: 1.55; color: #4b5a5e; margin: 0; }
7033  .exfx-steps__grid {
7034    list-style: none; padding: 0; margin: 0;
7035    display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px;
7036  }
7037  .exfx-step { border: 1px solid #e0e7e7; border-radius: 8px; overflow: hidden; background: #fff; }
7038  .exfx-step__imgwrap { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
7039  .exfx-step__imgwrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
7040  .exfx-step__num {
7041    position: absolute; top: 12px; left: 12px; z-index: 1;
7042    width: 40px; height: 40px; border-radius: 8px;
7043    background: #12403d; color: #fff; font-size: 19px; font-weight: 600;
7044    display: flex; align-items: center; justify-content: center;
7045    box-shadow: 0 6px 14px -4px rgba(0,0,0,.45);
7046  }
7047  .exfx-step__num--peel { background: #2ba8a0; color: #fff; }
7048  .exfx-step--peel { border-color: #2ba8a0; }
7049  .exfx-step__body { padding: 16px 18px 20px; }
7050  .exfx-step__name { font-size: 18px; font-weight: 600; margin: 0 0 7px; color: #101418; }
7051  .exfx-step__copy { font-size: 14px; line-height: 1.55; color: #4b5a5e; margin: 0; }
7052  .exfx-tipsvid { max-width: 920px; margin: 40px auto 0; }
7053  .exfx-tipsvid__head { text-align: center; margin-bottom: 16px; }
7054  .exfx-tipsvid__title { font-size: 22px; font-weight: 600; color: #101418; margin: 0 0 6px; }
7055  .exfx-tipsvid__sub { font-size: 14px; font-weight: 300; color: #4b5a5e; margin: 0; }
7056  .exfx-tipsvid__player { position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 24px 50px -28px rgba(16,20,24,.45); }
7057  .exfx-tipsvid__player video { display: block; width: 100%; height: auto; }
7058  .exfx-tipsvid__play {
7059    position: absolute; inset: 0; width: 100%; display: flex; flex-direction: column;
7060    align-items: center; justify-content: center; gap: 14px;
7061    background: linear-gradient(0deg, rgba(9,12,14,.5), rgba(9,12,14,.12)); border: 0; cursor: pointer; color: #fff;
7062  }
7063  .exfx-tipsvid__ring {
7064    width: 74px; height: 74px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
7065    background: #2ba8a0; color: #fff; padding-left: 6px; transition: transform .18s ease;
7066  }
7067  .exfx-tipsvid__play:hover .exfx-tipsvid__ring { transform: scale(1.07); }
7068  .exfx-tipsvid__label { font-size: 15px; font-weight: 600; letter-spacing: .04em; background: rgba(9,12,14,.65); padding: 8px 16px; border-radius: 8px; white-space: nowrap; }
7069  @media (max-width: 899px) {
7070    .exfx-steps { padding-block: 44px 40px; }
7071    .exfx-steps__grid { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; }
7072  }
7073</style>
7074
7075<script>
7076  (function () {
7077    var wrap = document.querySelector('[data-exfx-tips-player]');
7078    if (!wrap) return;
7079    var btn = wrap.querySelector('[data-exfx-tips-play]');
7080    var vid = wrap.querySelector('video');
7081    btn.addEventListener('click', function () { btn.style.display = 'none'; vid.play(); });
7082    vid.addEventListener('play', function () { btn.style.display = 'none'; });
7083  })();
7084</script>
7084
7085
7086
7087</div><div id="shopify-section-template--28383463211372__exoflex-use-cases" class="shopify-section"><div class="exfx-uses" id="exoflex-uses">
7088  <div class="page-width">
7089    <div class="exfx-uses__layout">
7090      <div class="exfx-uses__text">
7091        <p class="exfx-kicker">When to wear it</p>
7092        <h2 class="exfx-uses__title">Built for the days your paint earns its keep</h2>
7093
7094        <div class="exfx-uses__grid"><div class="exfx-use" >
7095            <h3 class="exfx-use__name">Road trips</h3>
7096            <p class="exfx-use__copy">A thousand miles of highway throws a thousand miles of gravel, bugs and tar. Roll it on the night before, peel it off when you're home.</p>
7097          </div><div class="exfx-use" >
7098            <h3 class="exfx-use__name">Track days</h3>
7099            <p class="exfx-use__copy">One weekend of hot laps can sandblast a front end worse than a year of commuting. Coat the nose, run your sessions, peel in the paddock.</p>
7100          </div><div class="exfx-use" >
7101            <h3 class="exfx-use__name">Transport & storage</h3>
7102            <p class="exfx-use__copy">Open trailers, dealer deliveries, winter hibernation under a cover. ExoFlex rides shotgun so straps, dust and grime never touch the paint.</p>
7103          </div><div class="exfx-use" >
7104            <h3 class="exfx-use__name">Glass & beyond</h3>
7105            <p class="exfx-use__copy">Any non-porous surface: glass in transit, headlights, trim, GRP panels. (Not for the windshield you drive behind. It cures satin, not optical.)</p>
7106          </div></div>
7107      </div>
7108
7109      <div class="exfx-uses__media">
7110        <video
7111          src="https://cdn.shopify.com/s/files/1/0973/6008/files/exoflex-realworld-v2.mp4?v=1786661954"
7112          poster="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-poster-real.jpg?v=30231107624719920101786662010"
7113          autoplay muted loop playsinline preload="metadata"
7114          aria-label="Shot in a driveway, not a lab"
7115        ></video>
7116        <div class="exfx-chip">
7117          <svg class="exfx-chip__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m3 10 9-7 9 7"/><path d="M5 10v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V10"/><path d="M10 21v-6h4v6"/></svg>
7118          <span>Shot in a driveway, not a lab</span>
7119        </div>
7120      </div>
7121    </div>
7122  </div>
7123</div>
7124
7125<style>
7126  .exfx-uses { font-family: Lausanne, sans-serif; padding-block: 64px 56px; background: #f4f7f7; }
7127  .exfx-uses .exfx-kicker {
7128    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
7129    color: #2ba8a0; margin: 0 0 10px;
7130  }
7131  .exfx-uses__layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: 44px; align-items: center; }
7132  .exfx-uses__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin: 0 0 26px; color: #101418; }
7133  .exfx-uses__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 26px; }
7134  .exfx-use { border-left: 3px solid #2ba8a0; padding-left: 14px; }
7135  .exfx-use__name { font-size: 17px; font-weight: 600; margin: 0 0 6px; color: #101418; }
7136  .exfx-use__copy { font-size: 14px; line-height: 1.55; color: #4b5a5e; margin: 0; }
7137  .exfx-uses__media video { width: 100%; height: auto; display: block; border-radius: 8px; }
7138  .exfx-uses .exfx-chip {
7139    display: flex; width: fit-content; margin: 14px auto 0; align-items: center; gap: 10px;
7140    background: #fff; border: 1px solid #dfe7e7; border-radius: 8px; padding: 10px 18px;
7141    font-size: 15px; font-weight: 600; color: #12403d; white-space: nowrap;
7142  }
7143  .exfx-uses .exfx-chip__icon { width: 20px; height: 20px; color: #2ba8a0; flex-shrink: 0; }
7144  @media (max-width: 899px) {
7145    .exfx-uses { padding-block: 44px 40px; }
7146    .exfx-uses__layout { grid-template-columns: 1fr; gap: 30px; }
7147    .exfx-uses__grid { grid-template-columns: 1fr; gap: 18px; }
7148    .exfx-uses .exfx-chip { font-size: 13.5px; padding: 9px 14px; }
7149  }
7150  @media (prefers-reduced-motion: reduce) { .exfx-uses__media video { display: none; } }
7151</style>
7152
7153
7154</div><div id="shopify-section-template--28383463211372__exoflex-vs-ppf" class="shopify-section"><div class="exfx-math">
7155  <div class="page-width">
7156    <div class="exfx-math__layout">
7157      <div class="exfx-math__media">
7158        <video
7159          src="https://cdn.shopify.com/s/files/1/0973/6008/files/exoflex-peel-v3.mp4?v=1786722384"
7160          poster="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-poster-peel.jpg?v=153432130991365580771786722387"
7161          autoplay muted loop playsinline preload="metadata"
7162          aria-label="Removal, in its entirety"
7163        ></video>
7164        <div class="exfx-chip">
7165          <svg class="exfx-chip__icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><path d="M21 8h-8a4 4 0 0 0 0 8h8Z"/></svg>
7166          <span>Removal, in its entirety</span>
7167        </div>
7168      </div>
7169
7170      <div class="exfx-math__text">
7171        <p class="exfx-kicker">Do the math</p>
7172        <h2 class="exfx-math__title">One rock chip costs more than the whole kit</h2>
7173        <p class="exfx-math__sub">Paint damage doesn't announce itself. It rides home with you from the trip, and the body shop hands you the bill weeks later. ExoFlex takes the hit instead, then goes in the bin.</p>
7174
7175        <div class="exfx-math__receipt" aria-label="Cost comparison"><div class="exfx-math__row" >
7176            <span class="exfx-math__item">Stone chip repair and blend</span>
7177            <span class="exfx-math__dots"></span>
7178            <span class="exfx-math__price">$150+</span>
7179          </div><div class="exfx-math__row" >
7180            <span class="exfx-math__item">Front bumper respray</span>
7181            <span class="exfx-math__dots"></span>
7182            <span class="exfx-math__price">$500+</span>
7183          </div><div class="exfx-math__row" >
7184            <span class="exfx-math__item">Hood respray</span>
7185            <span class="exfx-math__dots"></span>
7186            <span class="exfx-math__price">$1,000+</span>
7187          </div><div class="exfx-math__row exfx-math__row--exo" >
7188            <span class="exfx-math__item">ExoFlex Complete Kit</span>
7189            <span class="exfx-math__dots"></span>
7190            <span class="exfx-math__price">$49.95</span>
7191          </div></div>
7192
7193        <p class="exfx-math__note">Typical U.S. body shop pricing. Yours will vary. The point won't.</p>
7194      </div>
7195    </div>
7196  </div>
7197</div>
7198
7199<style>
7200  .exfx-math { font-family: Lausanne, sans-serif; padding-block: 64px 56px; background: #fff; }
7201  .exfx-math .exfx-kicker {
7202    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
7203    color: #2ba8a0; margin: 0 0 10px;
7204  }
7205  .exfx-math__layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 44px; align-items: center; }
7206  .exfx-math__media video { width: 100%; height: auto; display: block; border-radius: 8px; }
7207  .exfx-math .exfx-chip {
7208    display: flex; width: fit-content; margin: 14px auto 0; align-items: center; gap: 10px;
7209    background: #f4f7f7; border: 1px solid #dfe7e7; border-radius: 8px; padding: 10px 18px;
7210    font-size: 15px; font-weight: 600; color: #12403d; white-space: nowrap;
7211  }
7212  .exfx-math .exfx-chip__icon { width: 20px; height: 20px; color: #2ba8a0; flex-shrink: 0; }
7213  .exfx-math__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin: 0 0 10px; color: #101418; }
7214  .exfx-math__sub { font-size: 15.5px; line-height: 1.55; color: #4b5a5e; margin: 0 0 22px; }
7215  .exfx-math__receipt {
7216    border: 1px solid #dfe7e7; border-radius: 8px; background: #fff;
7217    padding: 8px 20px; box-shadow: 0 14px 30px -22px rgba(16,20,24,.35);
7218  }
7219  .exfx-math__row { display: flex; align-items: baseline; gap: 10px; padding: 13px 0; }
7220  .exfx-math__row + .exfx-math__row { border-top: 1px dashed #dfe7e7; }
7221  .exfx-math__item { font-size: 15px; color: #4b5a5e; font-weight: 600; }
7222  .exfx-math__dots { flex: 1; border-bottom: 2px dotted #cfdada; transform: translateY(-4px); }
7223  .exfx-math__price { font-size: 16px; font-weight: 600; color: #101418; font-variant-numeric: tabular-nums; }
7224  .exfx-math__row--exo { background: rgba(43,168,160,.09); margin: 6px -20px -8px; padding: 15px 20px; border-radius: 0 0 8px 8px; border-top: 2px solid #2ba8a0; }
7225  .exfx-math__row--exo .exfx-math__item { color: #0e4f4a; font-weight: 600; }
7226  .exfx-math__row--exo .exfx-math__price { color: #0e4f4a; font-size: 19px; }
7227  .exfx-math__note { font-size: 13px; color: #6d7c80; margin: 14px 0 0; }
7228  @media (max-width: 899px) {
7229    .exfx-math { padding-block: 44px 40px; }
7230    .exfx-math__layout { grid-template-columns: 1fr; gap: 30px; }
7231    .exfx-math__media { order: 2; }
7232    .exfx-math .exfx-chip { font-size: 13.5px; padding: 9px 14px; }
7233  }
7234  @media (prefers-reduced-motion: reduce) { .exfx-math__media video { display: none; } }
7235</style>
7236
7237
7238</div><div id="shopify-section-template--28383463211372__exoflex-cta-2" class="shopify-section"><div class="exfx-cta" id="exfx-cta-template--28383463211372__exoflex-cta-2">
7239  <div class="page-width">
7240    <div class="exfx-cta__card">
7241      <div class="exfx-cta__text">
7242        <h2 class="exfx-cta__title">Cheaper than the chip it stops</h2>
7243        <p class="exfx-cta__sub">One kit, one afternoon, zero body shop visits.</p>
7244      </div>
7245      <form method="post" action="/cart/add" class="exfx-cta__form">
7246        <div class="exfx-cta__variants" role="radiogroup" aria-label="Cho
7246ose your option"><label class="exfx-cta__variant">
7247            <input type="radio" name="id" value="54191316992364" checked>
7248            <span class="exfx-cta__variant-card">
7249              <span class="exfx-cta__variant-name">Complete Kit</span>
7250              <span class="exfx-cta__variant-price">$49.95</span>
7251            </span>
7252          </label><label class="exfx-cta__variant">
7253            <input type="radio" name="id" value="54193718165868" >
7254            <span class="exfx-cta__variant-card">
7255              <span class="exfx-cta__variant-name">Refill Quart</span>
7256              <span class="exfx-cta__variant-price">$42.95</span>
7257            </span>
7258          </label></div>
7259        <button type="submit" class="exfx-cta__btn">
7260          Add to cart
7261        </button>
7262        <p class="exfx-cta__err" hidden>Could not add to cart. Please try again.</p>
7263      </form>
7264    </div>
7265  </div>
7266</div>
7267
7268<script>
7269  (function () {
7270    var sec = document.getElementById('exfx-cta-template--28383463211372__exoflex-cta-2');
7271    if (!sec) return;
7272    var form = sec.querySelector('form');
7273    form.addEventListener('submit', function (e) {
7274      e.preventDefault();
7275      var err = sec.querySelector('.exfx-cta__err');
7276      err.hidden = true;
7277      fetch('/cart/add.js', { method: 'POST', body: new FormData(form) })
7278        .then(function (r) {
7279          if (!r.ok) throw 0;
7280          var d = document.querySelector('cart-drawer');
7281          if (d && typeof d.show === 'function') {
7282            if (typeof d._refreshSections === 'function') d._refreshSections();
7283            d.show();
7284          } else {
7285            window.location.href = '/cart';
7286          }
7287        })
7288        .catch(function () { err.hidden = false; });
7289    });
7290  })();
7291</script>
7291
7292
7293<style>
7294  .exfx-cta { font-family: Lausanne, sans-serif; padding-block: 8px 8px; background: transparent; }
7295  .exfx-cta__card {
7296    background: #12403d; border-radius: 8px; padding: 26px 28px;
7297    display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
7298  }
7299  .exfx-cta__title { color: #fff; font-size: clamp(19px, 2.4vw, 24px); font-weight: 600; margin: 0 0 4px; }
7300  .exfx-cta__sub { color: #b8dedb; font-size: 14px; margin: 0; }
7301  .exfx-cta__form { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
7302  .exfx-cta__variants { display: flex; gap: 8px; }
7303  .exfx-cta__variant input { position: absolute; opacity: 0; pointer-events: none; }
7304  .exfx-cta__variant-card {
7305    display: flex; flex-direction: column; gap: 1px; padding: 9px 14px; border-radius: 8px;
7306    border: 2px solid rgba(255,255,255,.25); cursor: pointer; transition: border-color .15s ease, background .15s ease;
7307  }
7308  .exfx-cta__variant input:checked + .exfx-cta__variant-card { border-color: #35c4ba; background: rgba(53,196,186,.12); }
7309  .exfx-cta__variant input:focus-visible + .exfx-cta__variant-card { outline: 2px solid #35c4ba; outline-offset: 2px; }
7310  .exfx-cta__variant-name { color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; }
7311  .exfx-cta__variant-price { color: #7fd9d3; font-size: 13px; font-weight: 600; }
7312  .exfx-cta__btn {
7313    display: flex; align-items: center; gap: 10px;
7314    background: #1f8f88; color: #fff; border: 0; border-radius: 8px; white-space: nowrap;
7315    font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; padding: 15px 26px; cursor: pointer;
7316    transition: transform .12s ease, background .15s ease;
7317  }
7318  .exfx-cta__btn:hover { background: #17827b; transform: translateY(-1px); }
7319  .exfx-cta__err { color: #ffd3cd; font-size: 13px; margin: 8px 0 0; width: 100%; text-align: center; }
7320  @media (max-width: 749px) {
7321    .exfx-cta__card { flex-direction: column; align-items: stretch; text-align: center; padding: 22px 18px; }
7322    .exfx-cta__form { flex-direction: column; align-items: stretch; }
7323    .exfx-cta__variants { justify-content: center; }
7324    .exfx-cta__btn { justify-content: center; }
7325  }
7326</style>
7327
7328
7329</div><div id="shopify-section-template--28383463211372__exoflex-box-faq" class="shopify-section"><div class="exfx-boxfaq">
7330  <div class="page-width">
7331    <div class="exfx-boxfaq__layout">
7332
7333      <div class="exfx-box" id="exoflex-box">
7334        <p class="exfx-kicker">In the box</p>
7335        <h2 class="exfx-boxfaq__title">The Complete Kit</h2>
7336        <ul class="exfx-box__list"><li class="exfx-box__item" ><span class="exfx-box__qty">1×</span> ExoFlex quart (946 ml)</li><li class="exfx-box__item" ><span class="exfx-box__qty">1×</span> Roller frame</li><li class="exfx-box__item" ><span class="exfx-box__qty">2×</span> Roller sleeves</li><li class="exfx-box__item" ><span class="exfx-box__qty">1×</span> Paint tray</li><li class="exfx-box__item" ><span class="exfx-box__qty">1×</span> Funnel, for pouring leftovers back. Nothing wasted.</li></ul>
7337        <p class="exfx-box__refill">Already have the hardware? The Refill Quart is just the product at $42.95.</p>
7338        <img class="exfx-box__badge" src="//www.dipyourcar.com/cdn/shop/t/308/assets/exoflex-badge.png?v=133183111778922791451786656711" alt="" width="120" height="123" loading="lazy">
7339      </div>
7340
7341      <div class="exfx-faq" id="exoflex-faq">
7342        <p class="exfx-kicker">Questions</p>
7343        <h2 class="exfx-boxfaq__title">Before you ask</h2><details class="exfx-faq__item" >
7344          <summary class="exfx-faq__q">Is it safe on my paint?</summary>
7345          <div class="exfx-faq__a"><p>Yes, on cured factory and refinished paint in good condition. It is water-based, bonds mechanically rather than chemically, and comes off without solvents. Avoid fresh resprays still outgassing, and flaking or failing clear coat, since anything loose can lift with the film.</p></div>
7346        </details><details class="exfx-faq__item" >
7347          <summary class="exfx-faq__q">How long can I leave it on?</summary>
7348          <div class="exfx-faq__a"><p>It is built for short-term protection: a trip, an event, a transport run. It happily stays on for 3-4 weeks. Peel it when the job is done rather than treating it as permanent armor.</p></div>
7349        </details>
7349<details class="exfx-faq__item" >
7350          <summary class="exfx-faq__q">How much does one quart cover?</summary>
7351          <div class="exfx-faq__a"><p>Plan around the high-impact zones: front bumper, hood leading edge, mirrors and rocker leading edges with the full four coats. Covering large or multiple panels? Add a Refill Quart.</p></div>
7352        </details><details class="exfx-faq__item" >
7353          <summary class="exfx-faq__q">What does it look like on?</summary>
7354          <div class="exfx-faq__a"><p>Clear with a satin sheen and a subtle texture up close. It is protection you can see working, not an invisible show finish. And it is gone the moment you peel it.</p></div>
7355        </details><details class="exfx-faq__item" >
7356          <summary class="exfx-faq__q">Can I use it on glass?</summary>
7357          <div class="exfx-faq__a"><p>Yes, for glass being transported or stored, plus headlights and trim. Don't coat the windshield you drive behind: the satin cure is not optically clear.</p></div>
7358        </details><details class="exfx-faq__item" >
7359          <summary class="exfx-faq__q">How does it come off?</summary>
7360          <div class="exfx-faq__a"><p>Lift a corner with a fingernail and pull. It comes away in large elastic sheets. If an edge fights back, a spray of water helps it release. No chemicals, no residue.</p></div>
7361        </details><details class="exfx-faq__item" >
7362          <summary class="exfx-faq__q">Do you ship internationally?</summary>
7363          <div class="exfx-faq__a"><p>Worldwide. The water-based formula is not hazmat, so it ships anywhere we deliver. That is something solvent-based coatings cannot say.</p></div>
7364        </details></div>
7365
7366    </div>
7367  </div>
7368</div>
7369
7370<style>
7371  .exfx-boxfaq { font-family: Lausanne, sans-serif; padding-block: 64px 72px; background: #f4f7f7; }
7372  .exfx-boxfaq .exfx-kicker {
7373    font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
7374    color: #2ba8a0; margin: 0 0 10px;
7375  }
7376  .exfx-boxfaq__layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: start; }
7377  .exfx-boxfaq__title { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin: 0 0 18px; color: #101418; }
7378  .exfx-box { position: relative; background: #12403d; border-radius: 8px; padding: 28px 26px 30px; }
7379  .exfx-box .exfx-kicker { color: #7fd9d3; }
7380  .exfx-box .exfx-boxfaq__title { color: #fff; }
7381  .exfx-box__list { list-style: none; margin: 0; padding: 0; }
7382  .exfx-box__item {
7383    color: #eafffd; font-size: 15px; padding: 10px 0; display: flex; gap: 12px; align-items: baseline;
7384    border-bottom: 1px solid rgba(255,255,255,.12);
7385  }
7386  .exfx-box__qty { color: #35c4ba; font-weight: 600; min-width: 26px; }
7387  .exfx-box__refill { color: #b8dedb; font-size: 13.5px; line-height: 1.5; margin: 16px 0 0; }
7388  .exfx-box__badge { position: absolute; top: 22px; right: 22px; width: 64px; height: auto; opacity: .9; }
7389  .exfx-faq__item { border-bottom: 1px solid #e0e7e7; }
7390  .exfx-faq__q {
7391    cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center;
7392    font-size: 16px; font-weight: 600; color: #101418; padding: 15px 0;
7393  }
7394  .exfx-faq__q::-webkit-details-marker { display: none; }
7395  .exfx-faq__q::after { content: "+"; font-size: 22px; font-weight: 400; color: #2ba8a0; transition: transform .15s ease; }
7396  .exfx-faq__item[open] .exfx-faq__q::after { transform: rotate(45deg); }
7397  .exfx-faq__a { font-size: 14.5px; line-height: 1.6; color: #4b5a5e; margin: 0; padding: 0 0 16px; max-width: 60ch; }
7398  .exfx-faq__a p { margin: 0 0 8px; }
7399  @media (max-width: 899px) {
7400    .exfx-boxfaq { padding-block: 44px 52px; }
7401    .exfx-boxfaq__layout { grid-template-columns: 1fr; gap: 32px; }
7402  }
7403</style>
7404
7405
7406</div><section id="shopify-section-template--28383463211372__zp-product-footer-content" 
7406class="shopify-section zpa-published-page-holder">
7407</section>
7408    </main>
7409    <!-- BEGIN sections: footer-group -->
7410<div id="shopify-section-sections--27611554578796__footer" class="shopify-section shopify-section-group-footer-group"><link href="//www.dipyourcar.com/cdn/shop/t/308/assets/section-footer.css?v=15908955210460268511779442056" rel="stylesheet" type="text/css" media="all" />
7411<style data-shopify>.section-sections--27611554578796__footer-margin {
7412    margin-top: 0px;
7413  }
7414
7415  @media screen and (min-width: 750px) {
7416    .section-sections--27611554578796__footer-margin {
7417      margin-top: 0px;
7418    }
7419  }</style>
7420
7421<footer class="footer color-background-2 gradient footer--has-top-border isolate section-sections--27611554578796__footer-margin"><div class="section__wrapper footer__wrapper page-width"><div class="footer-content-top">
7422        <ul
7423          class="footer-blocks auto-grid"
7424          style="--item-min-size: 18rem; --item-min-size-mobile: 100%;"
7425        ><li
7426              class="grid-item"
7427              
7428              
7429            >
7430              
7431
7432<div
7433  class="footer-block footer-block--image"
7434  style="--padding-left: 0px;"
7435><div class="footer-block-content image-width--medium hover-trigger"><img src="//www.dipyourcar.com/cdn/shop/files/logo.svg?v=1703001058&amp;width=760" alt="" srcset="//www.dipyourcar.com/cdn/shop/files/logo.svg?v=1703001058&amp;width=352 352w, //www.dipyourcar.com/cdn/shop/files/logo.svg?v=1703001058&amp;width=760 760w" width="760" height="112" loading="lazy" class="animate-scale-up">
7436</div></div>
7437
7438            </li><li
7439              class="grid-item"
7440              
7441              
7442            >
7443              
7444
7445<div
7446  class="footer-block footer-block--menu"
7447  style="--padding-left: 0px;"
7448>
7449        <h3 class="footer-block-heading small-hide">
7450          Quick links
7451        </h3>
7452        <ul class="footer-block-content list-unstyled small-hide" role="menu"><li role="menuitem">
7453              <a
7454                class="link link-text"
7455                href="/pages/contact-us"
7456              >
7457                Contact Us
7458              </a>
7459            </li><li role="menuitem">
7460              <a
7461                class="link link-text"
7462                href="/pages/faq"
7463              >
7464                FAQ's
7465              </a>
7466            </li><li role="menuitem">
7467              <a
7468                class="link link-text"
7469                href="https://www.dipyourcar.com/policies/shipping-policy"
7470              >
7471                Shipping Policy
7472              </a>
7473            </li><li role="menuitem">
7474              <a
7475                class="link link-text"
7476                href="https://www.dipyourcar.com/pages/wholesale-accounts"
7477              >
7478                Wholesale
7479              </a>
7480            </li><li role="menuitem">
7481              <a
7482                class="link link-text"
7483                href="https://verifypass.com/offers/website/www.dipyourcar.com"
7484              >
7485                Military & First Responder Discounts
7486              </a>
7487            </li><li role="menuitem">
7488              <a
7489                class="link link-text"
7490                href="/pages/rewards-1"
7491              >
7492                DYC Dip Point Rewards
7493              </a>
7494            </li><li role="menuitem">
7495              <a
7496                class="link link-text"
7497                href="/pages/dyc-university"
7498              >
7499                DYC University
7500              </a>
7501            </li><li role="menuitem">
7502              <a
7503                class="link link-text"
7504                href="/pages/do-not-sell-my-data"
7505              >
7506                Your Privacy Choices
7507              </a>
7508            </li><li role="menuitem">
7509              <a
7510                class="link link-text"
7511                href="/pages/order-protection"
7512              >
7513                Order Protection
7514              </a>
7515            </li></ul>
7516
7517        
7518        <details-disclosure>
7519          <details
7520            class="details-disclosure medium-hide large-up-hide"
7521            
7522          >
7523            <summary>
7524              <h3 class="footer-block-heading mb-0">
7525                Quick links
7526              </h3>
7527              
7528
7529<svg class="icon icon-caret" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M14 17.5505L25.6941 5L28 7.47475L16.3059 20.0253L14 22.5L11.6941 20.0253L0 7.47475L2.30588 5L14 17.5505Z" fill="currentColor"/></svg>
7530
7531            </summary>
7532            <div class="footer-block-content details-disclosure-content">
7533              <ul class="list-unstyled" role="menu"><li role="menuitem">
7534                    <a
7535                      href="/pages/contact-us"
7536                      class="link link-text list-menu-item list-menu-item--link"
7537                    >
7538                      Contact Us
7539                    </a>
7540                  </li><li role="menuitem">
7541                    <a
7542                      href="/pages/faq"
7543                      class="link link-text list-menu-item list-menu-item--link"
7544                    >
7545                      FAQ's
7546                    </a>
7547                  </li><li role="menuitem">
7548                    <a
7549                      href="https://www.dipyourcar.com/policies/shipping-policy"
7550                      class="link link-text list-menu-item list-menu-item--link"
7551                    >
7552                      Shipping Policy
7553                    </a>
7554                  </li><li role="menuitem">
7555                    <a
7556                      href="https://www.dipyourcar.com/pages/wholesale-accounts"
7557                      class="link link-text list-menu-item list-menu-item--link"
7558                    >
7559                      Wholesale
7560                    </a>
7561                  </li><li role="menuitem">
7562                    <a
7563                      href="https://verifypass.com/offers/website/www.dipyourcar.com"
7564                      class="link link-text list-menu-item list-menu-item--link"
7565                    >
7566                      Military & First Responder Discounts
7567                    </a>
7568                  </li><li role="menuitem">
7569                    <a
7570                      href="/pages/rewards-1"
7571                      class="link link-text list-menu-item list-menu-item--link"
7572                    >
7573                      DYC Dip Point Rewards
7574                    </a>
7575                  </li><li role="menuitem">
7576                    <a
7577                      href="/pages/dyc-university"
7578                      class="link link-text list-menu-item list-menu-item--link"
7579                    >
7580                      DYC University
7581                    </a>
7582                  </li><li role="menuitem">
7583                    <a
7584                      href="/pages/do-not-sell-my-data"
7585                      class="link link-text list-menu-item list-menu-item--link"
7586                    >
7587                      Your Privacy Choices
7588                    </a>
7589                  </li><li role="menuitem">
7590                    <a
7591                      href="/pages/order-protection"
7592                      class="link link-text list-menu-item list-menu-item--link"
7593                    >
7594                      Order Protection
7595                    </a>
7596                  </li></ul>
7597            </div>
7598          </details>
7599        </details-disclosure></div>
7600
7601            </li><li
7602              class="grid-item"
7603              
7604              
7605            >
7606              
7607
7608<div
7609  class="footer-block footer-block--text"
7610  style="--padding-left: 0px;"
7611><h3 class="footer-block-heading">
7612      DYC Community FB Group
7613    </h3><div class="footer-block-content rte">
7614        <p>Join over 40,000 DipYourCar customers and fans in our Facebook Group! Filled with awesome people, cool projects and tons of tips & tricks!</p><p><a href="https://www.facebook.com/share/g/ZqdsjT8C67A4cCfz/" target="_blank" title="https://www.facebook.com/share/g/ZqdsjT8C67A4cCfz/">Join Today for Free!</a></p>
7615      </div></div>
7616
7617            </li><li
7618              class="grid-item"
7619              
7620              
7621            >
7622              
7623
7624<div
7625  class="footer-block footer-block--@app"
7626  style="--padding-left: px;"
7627><div id="shopify-block-AMmdIakNuT2dJeVNqS__klaviyo_email_marketing_sms_form_embed_block_bkAYRN" class="shopify-block shopify-app-block">
7628  <div class="klaviyo-form-LF2YaC"></div>
7629
7630
7631
7632
7633</div>
7634</div>
7635
7636            </li></ul>
7637      </div>
7638<div class="footer-content-middle"><div class="footer-payments">
7639            <span class="visually-hidden">Payment methods</span>
7640            <ul class="list-unstyled"><li class="list-payment-item">
7641                  <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
7642
7643                </li><li class="list-payment-item">
7644                  <svg class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
76441.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
7645
7646                </li><li class="list-payment-item">
7647                  <svg class="icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
7648                </li><li class="list-payment-item">
7649                  <svg class="icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
7650                </li><li class="list-payment-item">
7651                  <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
765106zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
7652
7653                </li><li class="list-payment-item">
7654                  <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
7655
7656                </li><li class="list-payment-item">
7657                  <svg class="icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
76570-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg>
7658                </li><li class="list-payment-item">
7659                  <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
7660
7661                </li><li class="list-payment-item">
7662                  <svg class="icon" viewBox="0 0 38 24" width="38" height="24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-venmo"><title id="pi-venmo">Venmo</title><g fill="none" fill-rule="evenodd"><rect fill-opacity=".07" fill="#000" width="38" height="24" rx="3"/><path fill="#3D95CE" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M24.675 8.36c0 3.064-2.557 7.045-4.633 9.84h-4.74L13.4 6.57l4.151-.402 1.005 8.275c.94-1.566 2.099-4.025 2.099-5.702 0-.918-.154-1.543-.394-2.058l3.78-.783c.437.738.634 1.499.634 2.46z" fill="#FFF" fill-rule="nonzero"/></g></svg>
7663
7664                </li><li class="list-payment-item">
7665                  <svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
766516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
7666
7667                </li></ul>
7668          </div></div><div class="footer-content-bottom">
7669      <div class="footer-copyright">
7670        <span>&copy; 2026, <a href="/" title="">DipYourCar.com</a></span>
7671        <span><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></span>
7672      </div><ul class="footer-policies list-unstyled"><li>
7673                <a class="link link-text" href="/policies/refund-policy">Refund policy</a>
7674              </li><li>
7675                <a class="link link-text" href="/policies/privacy-policy">Privacy policy</a>
7676              </li><li>
7677                <a class="link link-text" href="/policies/terms-of-service">Terms of service</a>
7678              </li><li>
7679                <a class="link link-text" href="/policies/shipping-policy">Shipping policy</a>
7680              </li><li>
7681                <a class="link link-text" href="/policies/contact-information">Contact information</a>
7682              </li><li>
7683                <a class="link link-text" href="/policies/subscription-policy">Cancellation policy</a>
7684              </li></ul></div>
7685  </div>
7686</footer>
7687
7688
7689</div>
7690<!-- END sections: footer-group -->
7691    <!-- BEGIN sections: drawer-group -->
7692<div id="shopify-section-sections--27611554546028__search-drawer" class="shopify-section shopify-section-group-drawer-group section-drawer"><link href="//www.dipyourcar.com/cdn/shop/t/308/assets/section-search-drawer.css?v=138665987856033424621779442066" rel="stylesheet" type="text/css" media="all" />
7693<search-drawer
7694  id="Search-Drawer"
7695  class="drawer search-drawer modal"
7696  data-section="sections--27611554546028__search-drawer"
7697>
7698  <div class="modal-overlay"> </div>
7699  <div
7700    class="modal-inner gradient focus-none"
7701    role="dialog"
7702    data-trap
7703    aria-modal="true"
7704    aria-label="Search drawer"
7705    tabindex="-1"
7706  >
7707    <div class="drawer-header">
7708      <button
7709        class="drawer-close button button--icon button--ethereal"
7710        onclick="this.closest('.modal').hide()"
7711        aria-label="Close"
7712      >
7713        
7714
7715<svg class="icon icon-close" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M26 2L2 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
7716            <path d="M2 2L26 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
7717
7718      </button>
7719    </div>
7720    <div class="drawer-content">
7721      
7722
7723
7724
7725
7726<predictive-search
7727    id="Predictive-Search-Search-Drawer-Input"
7728    class="search-wrapper predictive-search-wrapper medium-up-only"
7729    data-loading-text="Loading..."
7730    
7731    data-section="sections--27611554546028__search-drawer"
7732  >
7733    
7734    <form action="/search"
7735          method="get"
7736          role="search"
7737          class="search search-form"
7738    >
7739        <div class="search-field field field--pill">
7740            <input id="Search-Drawer-Input"
7741                   class="field-input"
7742                   type="search"
7743                   name="q"
7744                   value=""
7745                   placeholder="What are you looking for?"
7746                   aria-label="Search the site"
7747                    
7748                    
7749                        autocorrect="off"
7750                        autocomplete="off"
7751                        autocapitalize="off"
7752                        spellcheck="false"
7753                    
7754            >
7755            <label class="field-label" for="Search-Drawer-Input">
7756                <typing-words data-text="What are you looking for?" data-interval="10"></typing-words>
7757            </label>
7758            <input type="hidden" name="options[prefix]" value="last">
7759            <div class="field-button-group">
7760                <button type="reset" class="field-button reset-button hidden focu
7760s-inset">
7761                    Clear
7762                </button>
7763                <button class="field-button search-button focus-inset">
7764                    
7765
7766<svg class="icon icon-search" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M12.6667 6C16.3485 6 19.3333 8.98477 19.3333 12.6667M20.2117 20.2065L26 26M23.3333 12.6667C23.3333 18.5577 18.5577 23.3333 12.6667 23.3333C6.77563 23.3333 2 18.5577 2 12.6667C2 6.77563 6.77563 2 12.6667 2C18.5577 2 23.3333 6.77563 23.3333 12.6667Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
7767
7768                    <span class="visually-hidden">Search</span>
7769                </button>
7770            </div>
7771        </div>
7772
7773        <div id="Search-Container-Search-Drawer-Input" class="search-container">
7774            <div class="search-trending-main">
7775                <div class="popular-searches"><h3 class="font-body h6">Popular searches</h3>
7776                        <div class="keyword-list">
7777<a href="/search?q=Hyperdip" class="link link-text focus-inset hot" data-keyword="Hyperdip" aria-label="Search for Hyperdip">
7778                                        <span aria-hidden="true">Hyperdip</span>
7779                                    </a>
7780<a href="/search?q=Car Kits" class="link link-text focus-inset hot" data-keyword="Car Kits" aria-label="Search for Car Kits">
7781                                        <span aria-hidden="true">Car Kits</span>
7782                                    </a>
7783<a href="/search?q=Wheel Kits" class="link link-text focus-inset hot" data-keyword="Wheel Kits" aria-label="Search for Wheel Kits">
7784                                        <span aria-hidden="true">Wheel Kits</span>
7785                                    </a>
7786<a href="/search?q=Luna One" class="link link-text focus-inset" data-keyword="Luna One" aria-label="Search for Luna One">
7787                                        <span aria-hidden="true">Luna One</span>
7788                                    </a></div></div></div><div class="predictive-search-main">
7789                    <div class="search-results-wrapper">
7790                    </div>
7791                    <button type="submit" class="predictive-search-button button button--full-width button--hover-animate focus-inset">
7792                        Search page
7793                        
7794
7795<svg class="icon icon-arrow-right" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M19.1788 13.5L5 13.5V15.5L19.1788 15.5L16.0615 18.6L17.4693 20L23 14.5L17.5698 9L16.162 10.4L19.1788 13.5Z" fill="currentColor"/></svg>
7796
7797                    </button>
7798                    <template id="Placeholder-Search-Form-sections--27611554546028__search-drawer">
7799                        <div class="search-loading-placeholder">
7800                            <ul class="tab-panel-tabs">
7801                                <li class="tab placeholder"></li>
7802                                <li class="tab placeholder"></li>
7803                                <li class="tab placeholder"></li>
7804                            </ul>
7805                            <div class="tab-panel-panels">
7806                                <div class="panel">
7807                                    <div class="placeholder"></div>
7808                                    <div class="placeholder"></div>
7809                                    <div class="placeholder"></div>
7810                                    <div class="placeholder"></div>
7811                                    <div class="placeholder"></div>
7812                                </div>
7813                            </div>
7814                        </div>
7815                    </template>
7816                </div>
7817                <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></div>
7818    </form>
7819
7820  </predictive-search>
7821    </div>
7822  </div>
7823</search-drawer>
7824<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/search-drawer.js?v=146080321151911935881779442049" defer></script>
7824
7825
7826</div><div id="shopify-section-sections--27611554546028__cart-drawer" class="shopify-section shopify-section-group-drawer-group section-drawer"><link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-cart-details.css?v=16458598773259244861787681461" media="print" onload="this.media='all';">
7827  <noscript>
7828    <link href="//www.dipyourcar.com/cdn/shop/t/308/assets/component-cart-details.css?v=16458598773259244861787681461" rel="stylesheet" type="text/css" media="all" />
7829  </noscript><style>
7830    #Cart-Drawer {
7831      --cart-accent: #6dc3f7;
7832      --cart-text: #1a1a1a;
7833      --cart-muted: #6b7280;
7834      --cart-bg: #ffffff;
7835      --cart-border: #e5e7eb;
7836
7837      --cart-sale-bg: #0f1729;
7838      --cart-sale-text: #ffffff;
7839      --cart-sale-badge-bg: #22c55e;
7840      --cart-sale-badge-text: #ffffff;
7841      --cart-sale-accent: #22c55e;
7842
7843      --cart-ship-track: #e5e7eb;
7844      --cart-ship-fill: linear-gradient(90deg, rgba(34, 197, 94, 1), rgba(22, 163, 74, 1) 100%);
7845      --cart-ship-text: #111111;
7846
7847      --cart-discount-bg: #dcfce7;
7848      --cart-discount-text: #15803d;
7849      --cart-line-discount-bg: #fef3c7;
7850      --cart-line-discount-text: #92400e;
7851
7852      --cart-upsell-bg: #f9fafb;
7853      --cart-upsell-border: #e5e7eb;
7854      --cart-upsell-btn-bg: #ffffff;
7855      --cart-upsell-btn-text: #2563eb;
7856      --cart-upsell-btn-border: #bfdbfe;
7857
7858      --cart-checkout-bg: #0f1729;
7859      --cart-checkout-text: #ffffff;
7860      --cart-checkout-hover-bg: #111827;
7861    }
7862  </style>
7862<script>
7863    window.DYC_SHIPPING_COST = "7.45";
7864  </script>
7864
7865
7866  <cart-drawer
7867    id="Cart-Drawer"
7868    class="drawer cart-drawer modal cart-theme-light"
7869    data-section="sections--27611554546028__cart-drawer"
7870    
7871  >
7872    <div class="modal-overlay"></div>
7873    <div
7874      class="cart-drawer-panel modal-inner gradient focus-none"
7875      role="dialog"
7876      data-trap
7877      aria-label="Cart drawer"
7878      aria-modal="true"
7879      tabindex="-1"
7880    ><div class="cart-drawer-header">
7881        <div class="cart-drawer-tabs" role="tablist">
7882          <button
7883            type="button"
7884            class="cart-tab cart-tab--active"
7885            role="tab"
7886            aria-selected="true"
7887            aria-controls="cart-tab-panel-cart"
7888            data-tab="cart"
7889          >
7890            CART<span class="cart-tab-count">0</span>
7891          </button>
7892          <button
7893            type="button"
7894            class="cart-tab"
7895            role="tab"
7896            aria-selected="false"
7897            aria-controls="cart-tab-panel-saved"
7898            data-tab="saved"
7899          >
7900            SAVED
7901            <span class="saved-tab-count">0</span>
7902          </button>
7903        </div>
7904        <button
7905          class="cart-drawer-close button button--icon button--ethereal"
7906          onclick="this.closest('.modal').hide()"
7907          aria-label="Close"
7908        >
7909          
7910
7911<svg class="icon icon-close" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M26 2L2 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
7912            <path d="M2 2L26 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
7913
7914        </button>
7915      </div><div id="cart-tab-panel-cart" data-tab-content="cart">
7916        <div id="Cart-Drawer-Details" class="drawer-content">
7917          
7918
7919<div class="cart-details is-empty" >
7920  <div class="cart-details-inner has-recommended-products"><div class="cart-details-inner--empty">
7921        <h2 class="uppercase h4 mb-4">Your cart is empty</h2>
7922
7923        <a href="/collections/all" class="button button--pill button--hover-animate">
7924          Continue shopping
7925          
7926
7927<svg class="icon icon-arrow-right" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M19.1788 13.5L5 13.5V15.5L19.1788 15.5L16.0615 18.6L17.4693 20L23 14.5L17.5698 9L16.162 10.4L19.1788 13.5Z" fill="currentColor"/></svg>
7928
7929        </a><div class="mt-4">Have an account?</div>
7930          <div class="mb-1">
7931            <a href="https://www.dipyourcar.com/customer_authentication/redirect?locale=en&region_country=US" class="link link--text underline" rel="nofollow">Log in</a> to check out faster.
7932          </div></div>
7933
7934
7935<recommendation-by-history
7936  id="Recommendation-By-History-sections--27611554546028__cart-drawer"
7937  class="featured-card d-block overflow-hidden"
7938  data-section="sections--27611554546028__cart-drawer"
7939  data-url="/recommendations/products?section_id=sections--27611554546028__cart-drawer&limit=5&intent=related"
7940><template id="Placeholder-Template-sections--27611554546028__cart-drawer">
7941    <div class="featured-header"><h3 class="h6 mb-0 font-body font-weight-bold">You may like</h3><div class="button-group ms-auto visibility-hidden">
7942        <button
7943          type="button"
7944          class="nav-button nav-button--prev button button--icon button--small button--ethereal focus-inset"
7945          name="previous"
7946          aria-label="Slide left"
7947          aria-controls="Slider-sections--27611554546028__cart-drawer"
7948        >
7949          
7950
7951<svg class="icon icon-caret-left" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M10.4495 14L23 2.30588L20.5253 0L7.97475 11.6941L5.5 14L7.97475 16.3059L20.5253 28L23 25.6941L10.4495 14Z" fill="currentColor"/></svg>
7952
7953        </button>
7954        <button
7955          type="button"
7956          class="nav-button nav-button--next button button--icon button--small button--ethereal focus-inset"
7957          name="next"
7958          aria-label="Slide right"
7959          aria-controls="Slider-sections--27611554546028__cart-drawer"
7960        >
7961          
7962
7963<svg class="icon icon-caret-right" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M18.0505 14L5.5 2.30588L7.97475 0L20.5253 11.6941L23 14L20.5253 16.3059L7.97475 28L5.5 25.6941L18.0505 14Z" fill="currentColor"/></svg>
7964
7965        </button>
7966      </div>
7967    </div>
7968    <div class="loading-placeholder">
7969      <ul class="list-unstyled">
7970        <li>
7971          
7972
7973
7974<div class="card-wrapper placeholder-card-wrapper">
7975    <div class="card card-layout--horizontal">
7976        <div class="card-inner ratio placeholder" style="--ratio-percent: 100%;">
7977            <div class="card-media-wrapper">
7978                <div class="card-media media"></div>
7979            </div>
7980        </div>
7981        <div class="card-content">
7982            <div class="card-subheading placeholder"></div>
7983            <div class="card-heading placeholder"></div>
7984            <div class="card-information placeholder"></div>
7985        </div>
7986    </div>
7987</div>
7988        </li>
7989      </ul>
7990    </div>
7991  </template>
7992</recommendation-by-history>
7993
7994<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/recommendation-by-history.js?v=57322189988603149121779442047" defer></script>
7994
7995
7996</div>
7997</div>
7997<script>
7998  (function () {
7999    if (window.__dycEditKitTracking) return;
8000    window.__dycEditKitTracking = true;
8001    document.addEventListener('click', function (e) {
8002      var link = e.target.closest('.cart-item-editkit');
8003      if (!link) return;
8004      var href = link.getAttribute('href') || '';
8005      var handle = (href.split('?')[0].split('/products/')[1] || '').split('#')[0];
8006      var meta = {
8007        category: 'kit_builder',
8008        action: 'cart_edit_click',
8009        label: handle || 'kit',
8010        surface: link.closest('cart-drawer') ? 'cart-drawer' : 'cart-page'
8011      };
8012      try { if (window.gtag) gtag('event', 'cart_edit_click', meta); } catch (err) {}
8013      try {
8014        var payload = JSON.stringify({ events: [{
8015          id: 'edit-' + Date.now().toString(36) + Math.random().toString(36).slice(2, 7),
8016          sessionId: localStorage.getItem('dyc_session_id') || 'unknown',
8017          timestamp: Date.now(),
8018          type: 'custom',
8019          page: { url: location.href, path: location.pathname, title: document.title, referrer: document.referrer || 'direct' },
8020          user: { device: window.innerWidth < 750 ? 'mobile' : (window.innerWidth < 1100 ? 'tablet' : 'desktop') },
8021          data: meta
8022        }] });
8023        if (navigator.sendBeacon) navigator.sendBeacon('https://dyc-analytics.vercel.app/api/ingest', payload);
8024        else fetch('https://dyc-analytics.vercel.app/api/ingest', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: payload, keepalive: true });
8025      } catch (err) {}
8026    }, true);
8027  })();
8028</script>
8028
8029</div>
8030      </div><div id="cart-tab-panel-saved" data-tab-content="saved" style="display:none;">
8031        <div class="saved-tab-inner">
8032          <p class="saved-hint">Tap the heart on any product to save it here</p>
8033          <div class="saved-items-list"></div>
8034          <div class="saved-empty-state" style="display:none;">
8035            <i data-lucide="heart" class="saved-empty-icon"></i>
8036            <p class="saved-empty-text">No saved items yet</p>
8037          </div>
8038        </div>
8039        <div class="saved-tab-footer" style="display:none;">
8040          <button type="button" class="saved-add-all-btn button button--primary">
8041            Add All Saved to Cart
8042          </button>
8043        </div>
8044      </div>
8045    </div>
8046  </cart-drawer>
8047  
8047<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/cart.js?v=127577816116073516431784677824" defer="defer"></script>
8047
8048  
8048<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/cart-drawer.js?v=76263154389859679231784677824" defer="defer"></script>
8048
8049<style> #shopify-section-sections--27611554546028__cart-drawer .cart-item-line-discount {display: none;} #shopify-section-sections--27611554546028__cart-drawer .cart-sale-urgency {color: #fbbf24; font-weight: 600; font-size: 11px; white-space: nowrap; display: none;} </style></div>
8050<!-- END sections: drawer-group -->
8051    <!-- BEGIN sections: popup-group -->
8052
8053<!-- END sections: popup-group -->
8054<!-- Test Car Kit Modal -->
8055    <div id="CarKit-Modal-Drawer" class="modal drawer search-drawer" style="display: none;">
8056      <div class="modal-overlay" onclick="closeCarKitModal('Drawer')"></div>
8057      <div class="modal-inner gradient focus-none" role="dialog" data-trap="" aria-modal="true" aria-label="Car Kit Builder" tabindex="-1">
8058        <div class="drawer-header">
8059          <button class="drawer-close button button--icon button--ethereal" onclick="closeCarKitModal('Drawer')" aria-label="Close">
8060            <svg class="icon icon-close" aria-hidden="true" focusable="false">
8061              <use href="#icon-close"></use>
8062            </svg>
8063          </button>
8064        </div>
8065        <div class="drawer-content">
8066          <div class="car-kit-builder">
8067            <h2 class="car-kit-title">Build Your Car Kit</h2>
8068            <p>This is a test modal!</p>
8069            <button onclick="closeCarKitModal('Drawer')" style="background: #BB0F17; color: white; border: none; padding: 10px 20px; border-radius: 4px;">
8070              Close Modal
8071            </button>
8072          </div>
8073        </div>
8074      </div>
8075    </div>
8076    
8077    
8078    <!-- Modal CSS -->
8079    <style>
8080    #CarKit-Modal-Drawer {
8081      position: fixed !important;
8082      top: 0 !important;
8083      left: 0 !important;
8084      width: 100% !important;
8085      height: 100% !important;
8086      z-index: 9999 !important;
8087      background: rgba(0, 0, 0, 0.5) !important;
8088      display: none !important;
8089    }
8090    
8091    #CarKit-Modal-Drawer .modal-inner {
8092      position: absolute !important;
8093      top: 50% !important;
8094      left: 50% !important;
8095      transform: translate(-50%, -50%) !important;
8096      background: white !important;
8097      border-radius: 8px !important;
8098      max-width: 90% !important;
8099      max-height: 90% !important;
8100      overflow-y: auto !important;
8101      width: 600px !important;
8102      padding: 20px !important;
8103    }
8104    </style>
8105    <confirm-dialog id="Confirm-Modal" class="confirm-modal modal">
8106      <div class="modal-overlay"> </div>
8107      <div class="modal-inner gradient focus-none"
8108           role="dialog"
8109           data-trap
8110           aria-modal="true"
8111           tabindex="-1"
8112      >
8113        <button type="button"
8114                class="modal-close button button--icon button--ethereal focus-inset"
8115                aria-label="Close"
8116                onclick="this.closest('confirm-dialog').hide()"
8117        >
8118          
8119
8120<svg class="icon icon-close" width="28" height="28" viewBox="0 0 28 28" fill="none" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M26 2L2 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
8121            <path d="M2 2L26 26" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>
8122
8123        </button>
8124        <div class="modal-main modal-content">
8125            <h5 class="confirm-message font-body mb-4">Are you sure?</h5>
8126            <div class="button-group">
8127              <button class="confirm-button button button--small">Yes</button>
8128              <button class="cancel-button button button--secondary button--small">No</button>
8129            </div>
8130        </div>
8131      </div>
8132    </confirm-dialog>
8133
8134    <div id="toasts-container"></div>
8135    <ul hidden>
8136      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
8137      <li id="a11y-new-window-message">Opens in a new window.</li>
8138    </ul>
8139
8140
8141
8142
8143        
8143<script>
8144// Defer Stamped.io loading until after page load for better performance
8145window.addEventListener('load', function() {
8146  var stampedScript = document.createElement('script');
8147  stampedScript.type = 'text/javascript';
8148  stampedScript.async = true;
8149  stampedScript.src = 'https://cdn1.stamped.io/files/widget.min.js';
8150  stampedScript.onload = function() {
8151    if (typeof StampedFn !== 'undefined') {
8152      StampedFn.init({ apiKey: 'pubkey-m684YeqzQF725n4fW46WZyFGKD62wB', storeUrl: '99275' });
8153    }
8154  };
8155  document.head.appendChild(stampedScript);
8156});
8157</script>
8157
8158
8159    
8159<script>
8160      window.shopUrl = 'https://www.dipyourcar.com';
8161      window.debug = false;
8162
8163      
8164      window.enableLazyImage = false;
8165      
8166
8167      
8168      window.priceFormatTemplate = '$0.00';
8169      
8170
8171      window.routes = {
8172        // IMPORTANT:
8173        // - `cart_add_url` should stay on `/cart/add` (non-.js) because Shopify returns the
8174        //   special JSON payload including `sections` when we POST FormData with `sections=...`.
8175        // - `cart_change_url` / `cart_update_url` can use `.js` because those are pure JSON endpoints.
8176        cart_add_url: '/cart/add',
8177        cart_change_url: '/cart/change.js',
8178        cart_update_url: '/cart/update.js',
8179        cart_url: '/cart',
8180        predictive_search_url: '/search/suggest',
8181      };
8182
8183      /* Preview-domain cart shim (2026-07): on *.myshopify.com theme previews,
8184         Shopify 301s same-origin cart GETs to the primary domain, where CORS
8185         kills them — so the cart drawer/count silently never refresh and every
8186         test looks broken until a page reload. Appending `_fd=0` keeps those
8187         requests on the preview domain. Hostname-guarded: a pure no-op on the
8188         live storefront. Covers every caller (theme + app scripts) in one place. */
8189      (function () {
8190        if (!/\.myshopify\.com$/.test(location.hostname)) return;
8191        var origFetch = window.fetch;
8192        window.fetch = function (input, init) {
8193          try {
8194            var url = typeof input === 'string' ? input : (input && input.url) || '';
8195            var method = (init && init.method) || (typeof input === 'object' && input && input.method) || 'GET';
8196            if (/^get$/i.test(method) && /^\/cart(\.js$|\?|$)/.test(url) && url.indexOf('_fd=') === -1) {
8197              var patched = url + (url.indexOf('?') === -1 ? '?' : '&') + '_fd=0';
8198              input = (typeof input === 'string') ? patched : new Request(patched, input);
8199            }
8200          } catch (e) { /* never break fetch */ }
8201          return origFetch.call(this, input, init);
8202        };
8203      })();
8204
8205      window.cartStrings = {
8206        error: `There was an error while updating your cart. Please try again.`,
8207        quantityError: `You can only add [quantity] of this item to your cart.`,
8208        addToNoteSuccess: `Note added to cart successfully`,
8209        addToNoteError: `Failed to add the note to your cart`,
8210        estimateShippingError: `Unable to estimate shipping costs`,
8211        freeShippingLockedMessage: `Only <span>[amount]</span> away from free shipping!`,
8212        freeShippingUnlockedMessage: `🎉 <span>Congratulations!</span> Free shipping unlocked!`
8213      };
8214
8215      window.variantStrings = {
8216        addToCart: `Add to cart`,
8217        soldOut: `Sold out`,
8218        unavailable: `Unavailable`,
8219        unavailableWithOption: `[value] - Unavailable`,
8220        unknownError: `An unknown error occurred. Please try again.`
8221      };
8222
8223      window.copyStrings = {
8224        copyFailed: `Failed to copy`,
8225        copyDisabled: `Copying is disabled in design mode`
8226      };
8227
8228      window.accessibilityStrings = {
8229        imageAvailable: `Image [index] is now available in gallery view`,
8230        shareSuccess: `Link copied to clipboard`,
8231        pauseSlideshow: `Pause slideshow`,
8232        playSlideshow: `Play slideshow`,
8233        recipientFormExpanded: `Gift card recipient form expanded`,
8234        recipientFormCollapsed: `Gift card recipient form collapsed`,
8235        countrySelectorFilterCount: `[count] countries/regions found`,
8236        languageSelectorFilterCount: `[count] languages found`
8237      };
8238    </script>
8238<script>(()=>{if(window.ZipifyPages??={},!window.ZipifyPages.isGlobalSectionScriptsLoaded)return;window.ZipifyPages.isGlobalSectionScriptsLoaded=!1;"https://cdn03.zipify.com/javascript/page-published-scripts.min.js".split(",").map((i=>i.trim())).forEach((i=>{const e=document.createElement("script");Object.assign(e,{src:i,defer:!0,type:"module"}),document.body.appendChild(e)}))})();</script>
8238<script id="published-popup-template" type="text/template"><form class="zpa-crm-popup-form" id="zpa-crm-form" action="/subscribe" method="post" data-zpa-crm-form><header class="zpa-crm-popup-header"><button class="zpa-popup-btn-close" type="button"aria-label="Close Navigation" data-close-btn><svg class="zpa-popup-btn-close-icon" width="34" height="34" data-name="btn-close"><use href="#btn-close"></use></svg></button></header><div class="zpa-crm-popup-body" data-popup-content></div></form></script>
8238 
8238<script id="crm-button-popup" type="text/template">{! if (progress_image_option == 1)!}<div class="zpa-crm-popup-progressbar-wrap"><img class="zpa-crm-popup-img-progress zpa-img-fluid zpa-center-block" src="{!= progress_image.src !}"></div>{! !}<h1 class="zpa-crm-popup-title" style="color:{!= form_name_color !}; font-family:{!= form_name_font_family !}; font-size:{!= form_name_font_size !};">{!= form_name !}</h1><div class="zpa-crm-popup-form-container">{! if (form_image_option == 1) !}<div class="zpa-crm-popup-image-box"><img class="zpa-crm-popup-img-asside zpa-img-fluid zpa-center-block" style="border-radius:{!= form_image_shape !};" src="{!= form_image.src !}"></div>{! !}<div class="zpa-crm-popup-form-box"><div class="zpa-crm-popup-field-wrap">{! if (first_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-first-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="first_name" data-user-fname data-zp-input><span class="zpa-text-field__label">First Name</span></label>{! !}{! if (last_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-last-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="last_name" data-user-lname data-zp-input><span class="zpa-text-field__label">Last Name</span></label>{! !}</div><label class="zpa-text-field"><input class="zpa-text-field__input" type="email" name="email" required data-user-email data-zp-input><span class="zpa-text-field__label">Email Address</span></label>{! if (phone_option == 1) !}<label class="zpa-text-field zpa-crm-popup-field-phone"><input class="zpa-text-field__input" name="phone" type="tel" data-user-phone data-zp-input><span class="zpa-text-field__label">Phone Number</span></label>{! !}</div></div>{! if (gdpr_status != 'disable') !}<div>{! if (gdpr_status == 'enable_with_checkbox') !}<label class="zpa-control zpa-control--top zpa-control-checkbox zpa-offset-bottom-xs hidden" data-gdpr-checkbox-section><input class="zpa-control__field" type="checkbox" name="gdpr" data-gdpr-checkbox><span class="zpa-control__indicator zpa-offset-right-xs"></span><span class="zpa-fsize-xs" data-gdpr-checkbox-text></span></label>{! !}{! if (gdpr_status == 'enable_without_checkbox') !}<p class="zpa-fsize-xs zpa-text-center zpa-offset-top-none zpa-offset-bottom-xs hidden" data-gdpr-message-section></p>{! !}</div>{! !}<button class="zpa-crm-button-checkout zpa-btn-custom" type="submit" style="color:{!= checkout_button_color !}; background-color: {!= checkout_button_background_color !}" data-checkout-btn data-zpa-submit-button>{!= checkout_button_caption !}</button>{! if (comment_text_status == 1) !}<p class="zpa-crm-popup-description" style="color: {!= comment_text_font_color !}" data-comment-text-status>{!= comment_text !}</p>{! !}{! if (banner_image_option == 1)!}<img class="zpa-crm-popup-img-footer zpa-img-fluid zpa-center-block" src="{!= banner_image.src !}">{! !}</script>
8238<script>
8239  document.addEventListener('DOMContentLoaded', function () {
8240    const cartDrawer = document.getElementById('Cart-Drawer');
8241    const menuDrawerDetails = document.querySelector('.menu-drawer-details');
8242
8243    function checkCartVisibility() {
8244      const isVisible = cartDrawer &&
8245        (cartDrawer.hasAttribute('open') ||
8246         window.getComputedStyle(cartDrawer).display !== 'none' && cartDrawer.offsetHeight > 0);
8247
8248      document.body.classList.toggle('cart-open', isVisible);
8249    }
8250
8251    function checkMenuVisibility() {
8252      const isVisible = menuDrawerDetails &&
8253        menuDrawerDetails.classList.contains('menu-open');
8254
8255      document.body.classList.toggle('mobile-menu-open', isVisible);
8256    }
8257
8258    // Observe both for attribute/class changes
8259    const observer = new MutationObserver(() => {
8260      checkCartVisibility();
8261      checkMenuVisibility();
8262    });
8263
8264    if (cartDrawer) observer.observe(cartDrawer, { attributes: true, subtree: true });
8265    if (menuDrawerDetails) observer.observe(menuDrawerDetails, { attributes: true, subtree: true });
8266
8267    // Run once on load
8268    checkCartVisibility();
8269    checkMenuVisibility();
8270
8271    // Recheck after clicks to catch UI changes
8272    document.body.addEventListener('click', () => {
8273      setTimeout(() => {
8274        checkCartVisibility();
8275        checkMenuVisibility();
8276      }, 100);
8277    });
8278  });
8279</script>
8279
8280
8281<script>
8282// Simple Test Function
8283function testModal() {
8284  console.log('🚀 TEST: Button clicked!');
8285  var debugInfo = document.getElementById('debug-info');
8286  if (debugInfo) {
8287    debugInfo.innerHTML = 'Button: CLICKED<br>Time: ' + new Date().toLocaleTimeString();
8288  }
8289  
8290  // Try to find modal
8291  var modal = document.getElementById('CarKit-Modal-Drawer');
8292  console.log('🚀 TEST: Modal element:', modal);
8293  
8294  if (modal) {
8295    console.log('🚀 TEST: Modal found, showing...');
8296    modal.style.display = 'block';
8297    modal.style.position = 'fixed';
8298    modal.style.top = '0';
8299    modal.style.left = '0';
8300    modal.style.width = '100%';
8301    modal.style.height = '100%';
8302    modal.style.zIndex = '9999';
8303    modal.style.backgroundColor = 'rgba(0,0,0,0.5)';
8304    
8305    if (debugInfo) {
8306      debugInfo.innerHTML = 'Modal: FOUND & SHOWN<br>Display: ' + modal.style.display;
8307    }
8308  } else {
8309    console.log('🚀 TEST: Modal not found!');
8310    if (debugInfo) {
8311      debugInfo.innerHTML = 'Modal: NOT FOUND<br>Check console for errors';
8312    }
8313  }
8314}
8315
8316// Car Kit Modal Functions
8317window.openCarKitModal = function(blockId) {
8318  testModal();
8319};
8320
8321window.closeCarKitModal = function(blockId) {
8322  console.log('🚀 CAR KIT MODAL: Closing modal');
8323  var modal = document.getElementById('CarKit-Modal-Drawer');
8324  var debugInfo = document.getElementById('debug-info');
8325  
8326  if (modal) {
8327    modal.style.display = 'none';
8328    document.body.style.overflow = '';
8329    console.log('🚀 CAR KIT MODAL: Modal closed successfully');
8330    
8331    if (debugInfo) {
8332      debugInfo.innerHTML = 'Modal: CLOSED<br>Element: ' + modal.tagName + '<br>Display: ' + modal.style.display;
8333    }
8334  }
8335};
8336</script>
8336
8337
8338<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/hero-toggle-icons.js?v=176267388032195133101779442021" defer="defer"></script>
8338<script>
8339  document.addEventListener('DOMContentLoaded', function() {
8340    // 1) Intercept every <form data-quick-add-form> using event delegation
8341    // This handles dynamically-loaded forms (like complimentary products)
8342    document.addEventListener('submit', function(evt) {
8343      var form = evt.target;
8344      if (!form.hasAttribute('data-quick-add-form')) return;
8345      
8346      evt.preventDefault();
8347
8348      // 2) Find the <button data-quick-add-button> inside this form
8349      var submitButton = form.querySelector('button[data-quick-add-button]');
8350      if (!submitButton) return;
8351
8352      // 3) Show spinner
8353      submitButton.classList.add('loading');
8354
8355      // 4) Grab variant ID from <input name="id">
8356      var variantInput = form.querySelector('input[name="id"]');
8357      if (!variantInput || !variantInput.value) {
8358        submitButton.classList.remove('loading');
8359        return;
8360      }
8361      var variantId = variantInput.value;
8362
8363      // 5) POST to /cart/add.js
8364      fetch('/cart/add.js', {
8365        method: 'POST',
8366        headers: {
8367          'Content-Type': 'application/json',
8368          'Accept': 'application/json'
8369        },
8370        body: JSON.stringify({ id: variantId, quantity: 1 })
8371      })
8372      .then(function(response) {
8373        if (!response.ok) throw new Error('Network response was not ok');
8374        return response.json(); // returned addedItem
8375      })
8376      .then(function(/* addedItem */) {
8377        // 6a) Fetch /cart.js for updated item_count
8378        return fetch('/cart.js');
8379      })
8380      .then(function(response) {
8381        if (!response.ok) throw new Error('Failed to fetch /cart.js');
8382        return response.json(); // returned cartData
8383      })
8384      .then(function(cartData) {
8385        // 6b) Update the header's bubble with new item_count
8386        updateCartCountInHeader(cartData.item_count);
8387
8388        // 7) Re-fetch only the drawer's HTML so its contents refresh on screen
8389        return fetch(window.routes.cart_url + '?section_id=cart-drawer');
8390      })
8391      .then(function(response) {
8392        return response.text(); // returned full HTML of "/cart?section_id=cart-drawer"
8393      })
8394      .then(function(htmlString) {
8395        // 8) Parse it into a temporary DOM
8396        var parser = new DOMParser();
8397        var doc = parser.parseFromString(htmlString, 'text/html');
8398
8399        // 9) Replace existing #Cart-Drawer-Details with the new one
8400        var newDrawerDetails = doc.querySelector('#Cart-Drawer-Details');
8401        var existingDrawerDetails = document.querySelector('#Cart-Drawer-Details');
8402        if (newDrawerDetails && existingDrawerDetails) {
8403          existingDrawerDetails.innerHTML = newDrawerDetails.innerHTML;
8404        } else {
8405          console.warn('Could not update #Cart-Drawer-Details.');
8406        }
8407
8408        // 10) Open the drawer via its toggle button
8409        var cartToggle = document.querySelector('[aria-controls="Cart-Drawer"]');
8410        if (cartToggle) {
8411          cartToggle.click();
8412        } else {
8413          console.warn('No element found with aria-controls="Cart-Drawer".');
8414        }
8415      })
8416      .catch(function(error) {
8417        console.error('Error adding to cart or refreshing drawer:', error);
8418      })
8419      .finally(function() {
8420        // 11) Hide spinner
8421        submitButton.classList.remove('loading');
8422      });
8423    });
8424
8425    // ================================================
8426    // UPDATE YOUR CART COUNT‐BADGE (your HTML is:)
8427    //
8428    // <span class="cart-count-bubble bubble-style--cart">
8429    //   <svg class="icon icon-bubble-cart">…</svg>
8430    //   <span aria-hidden="true">0</span>
8431    //   <span class="visually-hidden">0 items</span>
8432    // </span>
8433    //
8434    // So our JS must update:
8435    //   • the <span aria-hidden="true">…</span> (visible count)
8436    //   • the <span class="visually-hidden">…</span> (screen‐reader text)
8437    // ================================================
8438    function updateCartCountInHeader(newCount) {
8439      document.querySelectorAll('.cart-count-bubble').forEach(function(bubble) {
8440        // 1) Update the visible number
8441        var visible = bubble.querySelector('span[aria-hidden="true"]');
8442        if (visible) {
8443          visible.textContent = newCount;
8444        }
8445        // 2) Update the screen-reader text
8446        var sr = bubble.querySelector('.visually-hidden');
8447        if (sr) {
8448          sr.textContent = newCount === 1
8449            ? '1 item'
8450            : newCount + ' items';
8451        }
8452      });
8453    }
8454  });
8455</script>
8455
8456
8457<!--
8458  We still need the MCC Search section rendered, because it outputs
8459  the real `<button>` that opens the MCC overlay. But we wrap it
8460  in a container styled `display: none;` so it never shows.
8461-->
8462<div
8463  id="mcc-search-hidden"
8464  style="
8465    position: absolute;
8466    width: 1px;
8467    height: 1px;
8468    overflow: hidden;
8469    clip: rect(0 0 0 0);
8470  "
8471>
8472  <div id="shopify-section-mcc-search" class="shopify-section"><link href="//www.dipyourcar.com/cdn/shop/t/308/assets/mcc-iframe.css?v=135885079360216024661779442032" rel="stylesheet" type="text/css" media="all" />
8473
8474<section class="mcc-search-section section__wrapper main-page__wrapper page-width">
8475  <div class="mcc-wrapper mcc-search-content text-content mx-auto content-width--normal text-align--center text-align-mobile--center">
8476    <h2 class="mcc-heading text-content-heading heading-size--medium">
8477      Discover The Paint Colors Tailored to Your Ride
8478    </h2>
8479    <p>
8480      Type in your color name/code OR pick your car’s details to see every color option available with Advanced Search—fast and easy!
8481    </p>
8482
8483    
8484      
8485    
8486
8487<div class="buttons-wrapper">
8488  
8489    
8490<div id="mccSearchColorWrapper">
8491    <mcc-search
8492      class="mcc-button"
8493      iframeSrc="https://mcc-dyc.vercel.app"
8494      redirect-url="https://www.dipyourcar.com/products/luna-oem-basecoat-paint-search"
8495    >
8496      <mcc-search-button>
8497        <button
8498          class="full-button button button--small button--secondary button--pill button--hover-animate"
8499          type="button"
8500        >
8501          Search Color
8502        </button>
8503      </mcc-search-button>
8504    </mcc-search>
8505  </div>
8506
8507  
8508</div>
8509
8510  </div>
8511</section>
8512
8513
8514<style type="text/css">
8515  .mcc-wrapper {
8516    margin-top: 2rem;
8517  }
8518  .mcc-search-section {
8519    width: 90%;
8520    --background: 0 0% 100%;
8521    --foreground: 0 0% 11%;
8522    --muted: 210 40% 96.1%;
8523    --muted-foreground: 215.4 16.3% 46.9%;
8524    --card: 0 0% 100%;
8525    --card-foreground: 222.2 47.4% 11.2%;
8526    --popover: 0 0% 100%;
8527    --popover-foreground: 222.2 47.4% 11.2%;
8528    --border: 214.3 31.8% 91.4%;
8529    --input: 214.3 31.8% 91.4%;
8530    --primary: 224 17% 17%;
8531    --primary-foreground: 210 40% 98%;
8532    --secondary: 233 13% 26%;
8533    --secondary-foreground: 0 0% 100%;
8534    --accent: 210 40% 96.1%;
8535    --accent-foreground: 222.2 47.4% 11.2%;
8536    --destructive: 0 100% 50%;
8537    --destructive-foreground: 210 40% 98%;
8538    --gray-900: 233 13% 26%;
8539    --gray-800: 232 13% 43%;
8540    --gray-700: 229 10% 59%;
8541    --gray-600: 218 15% 90%;
8542    --gray-500: 210 25% 95%;
8543    --gray-400: 225 13% 82%;
8544    --gray-300: 180 8% 97%;
8545    --pink: 324 81% 63%;
8546    --pink-border: 325 83% 91%;
8547    --blue-border: 202 85% 92%;
8548    --ring: 215 20.2% 65.1%;
8549    --radius: 0.5rem;
8550    --home-banner-pink: 199 80% 96%;
8551    --home-banner-blue: 325 83% 95%;
8552
8553    padding: 0 !important;
8554    
8555  }
8556
8557  .mcc-search-content {
8558  }
8559  @media (max-width: 768px) {
8560    .buttons-wrapper {
8561      flex-direction: column;
8562
8563    }
8564  }
8565  
8566  .buttons-wrapper {
8567    margin-top: 0 !important;
8568    margin-bottom: 2rem !important;
8569    display: flex;
8570    align-items: center;
8571    gap: 16px;
8572    justify-content: center;
8573  }
8574  .mcc-heading {
8575    margin: 0;
8576    margin-left: auto;
8577    margin-right: auto;
8578    max-width: 32rem;
8579    text-align: center;
8580    font-size: 1.5rem;
8581    line-height: 2rem;
8582    font-weight: 900;
8583  }
8584
8585  .mcc-search-content p {
8586    margin-left: auto;
8587    margin-right: auto;
8588    max-width: 42rem;
8589    text-align: center;
8590    color: hsl(var(--gray-900));
8591    --tw-space-y-reverse: 0;
8592    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
8593    margin-bottom: calc(0rem * var(--tw-space-y-reverse));
8594  }
8595
8596
8597</style>
8598
8599
8600
8601</div>
8602</div>
8603
8604
8605<style>
8606      shopify-chat,
8607      shopify-online-store-chat,
8608      inbox-online-store-chat,
8609      #shopify-chat,
8610      #ShopifyChat,
8611      [id^="shopify-chat"],
8612      [class*="shopify-chat"],
8613      [class*="ShopifyChat"],
8614      [data-online-store-chat],
8615      iframe[src*="shopify-online-store-chat"],
8616      iframe[name="shopify-chat-frame"],
8617      iframe[src*="/chat-bubble"] {
8618        display: none !important;
8619        visibility: hidden !important;
8620        opacity: 0 !important;
8621        pointer-events: none !important;
8622      }
8623    </style>
8624    
8624<script>
8625      (function () {
8626        var SELECTOR =
8627          'shopify-chat, shopify-online-store-chat, inbox-online-store-chat,' +
8628          '#shopify-chat, #ShopifyChat, [id^="shopify-chat"],' +
8629          '[class*="shopify-chat"], [class*="ShopifyChat"],' +
8630          '[data-online-store-chat],' +
8631          'iframe[src*="shopify-online-store-chat"],' +
8632          'iframe[name="shopify-chat-frame"], iframe[src*="/chat-bubble"]';
8633        function hide(el) {
8634          try {
8635            el.style.setProperty('display', 'none', 'important');
8636            el.style.setProperty('visibility', 'hidden', 'important');
8637            el.style.setProperty('opacity', '0', 'important');
8638            el.style.setProperty('pointer-events', 'none', 'important');
8639          } catch (_) {}
8640        }
8641        function sweep() {
8642          document.querySelectorAll(SELECTOR).forEach(hide);
8643        }
8644        sweep();
8645        if (document.body) {
8646          new MutationObserver(sweep).observe(document.body, {
8647            childList: true,
8648            subtree: true,
8649          });
8650        } else {
8651          document.addEventListener('DOMContentLoaded', function () {
8652            sweep();
8653            new MutationObserver(sweep).observe(document.body, {
8654              childList: true,
8655              subtree: true,
8656            });
8657          });
8658        }
8659      })();
8660    </script>
8660<script
8661    src="https://dyc-analytics.vercel.app/widget/widget.js"
8662    data-pearl
8663    async
8664  ></script>
8664
8665
8666
8667<style>
8668  /* ── CSS Custom Properties from Theme Settings ── */
8669  .va-widget {
8670    --va-accent: #6dc3f7;
8671    --va-cta-text: #FFFFFF;
8672    --va-bubble-size: 160px;
8673    --va-bubble-radius: 20px;
8674    --va-expanded-w: 360px;
8675    --va-expanded-h: 640px;
8676    --va-expanded-radius: 24px;
8677    --va-offset-x: 26px;
8678    --va-offset-y: 90px;
8679    --va-mobile-bubble-size: 120px;
8680    --va-mobile-offset-x: 16px;
8681    --va-mobile-offset-y: 16px;
8682    --va-docked-size: 72px;
8683  }
8684
8685  /* ── Reset ── */
8686  .va-widget,
8687  .va-widget * {
8688    box-sizing: border-box;
8689    margin: 0;
8690    padding: 0;
8691    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
8692  }
8693
8694  .va-widget button {
8695    -webkit-appearance: none;
8696    appearance: none;
8697  }
8698
8699  /* ============================================
8700     POSITION CLASSES
8701     ============================================ */
8702  .va-pos-bottom-left {
8703    bottom: var(--va-offset-y);
8704    left: var(--va-offset-x);
8705  }
8706
8707  .va-pos-bottom-right {
8708    bottom: var(--va-offset-y);
8709    right: var(--va-offset-x);
8710  }
8711
8712  .va-pos-top-left {
8713    top: var(--va-offset-y);
8714    left: var(--va-offset-x);
8715  }
8716
8717  .va-pos-top-right {
8718    top: var(--va-offset-y);
8719    right: var(--va-offset-x);
8720  }
8721
8722  /* ============================================
8723     COLLAPSED BUBBLE
8724     ============================================ */
8725  .va-bubble {
8726    position: fixed;
8727    width: var(--va-bubble-size);
8728    height: var(--va-bubble-size);
8729    border-radius: var(--va-bubble-radius);
8730    overflow: hidden;
8731    cursor: grab;
8732    z-index: 999999;
8733    background: #000;
8734    border: 3px solid var(--va-accent);
8735    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
8736    transition: box-shadow 0.2s ease;
8737    will-change: transform;
8738    user-select: none;
8739    -webkit-user-select: none;
8740    touch-action: none;
8741  }
8742
8743  .va-bubble:hover {
8744    box-shadow: 0 6px 32px rgba(0, 0, 0, 0.35);
8745  }
8746
8747  /* Dragging state */
8748  .va-bubble--dragging {
8749    cursor: grabbing !important;
8750    transition: none !important;
8751    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
8752  }
8753
8754  /* PVM mini circle — small orb floating over product image */
8755  .va-bubble--mini {
8756    cursor: pointer !important;
8757    border-width: 2px;
8758    overflow: hidden;
8759    width: var(--va-docked-size) !important;
8760    height: var(--va-docked-size) !important;
8761    border-radius: 50% !important;
8762    z-index: 1 !important; /* below header so it tucks behind on scroll */
8763  }
8764
8765  .va-bubble--mini .va-dismiss-btn {
8766    display: none !important;
8767  }
8768
8769  .va-bubble--mini:hover {
8770    filter: brightness(1.1) drop-shadow(0 4px 12px rgba(0,0,0,0.5));
8771    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5) !important;
8772  }
8773
8774  /* Flying animation class — enables smooth morph transitions */
8775  .va-bubble--flying {
8776    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1),
8777                height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
8778                border-radius 0.5s cubic-bezier(0.4, 0, 0.2, 1),
8779                transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
8780                box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
8781  }
8782
8783  .va-bubble video {
8784    width: 100%;
8785    height: 100%;
8786    object-fit: cover;
8787    display: block;
8788  }
8789
8790  .va-bubble--hidden {
8791    display: none !important;
8792  }
8793
8794  /* Shop-fallback video: bubble never shows itself — only programmatic
8795     opens (campaign strip chip) surface the modal. */
8796  .va-bubble--stealth {
8797    display: none !important;
8798  }
8799
8800  /* Minimize / dismiss button on bubble */
8801  .va-dismiss-btn {
8802    position: absolute;
8803    top: 8px;
8804    right: 8px;
8805    width: 28px;
8806    height: 28px;
8807    background: rgba(0, 0, 0, 0.5);
8808    border: none;
8809    border-radius: 50%;
8810    cursor: pointer;
8811    display: flex;
8812    align-items: center;
8813    justify-content: center;
8814    z-index: 2;
8815    transition: background 0.2s;
8816  }
8817
8818  .va-dismiss-btn:hover {
8819    background: rgba(0, 0, 0, 0.7);
8820  }
8821
8822  /* ============================================
8823     EXPANDED MODAL
8824     ============================================ */
8825  .va-modal {
8826    display: none;
8827    position: fixed;
8828    width: var(--va-expanded-w);
8829    height: var(--va-expanded-h);
8830    z-index: 2147483647;
8831    border-radius: var(--va-expanded-radius);
8832    overflow: visible;
8833    background: #000;
8834    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
8835    border: 3px solid var(--va-accent);
8836  }
8837
8838  .va-modal--open {
8839    display: block;
8840    animation: vaSlideUp 0.3s ease-out;
8841  }
8842
8843  @keyframes vaSlideUp {
8844    from {
8845      opacity: 0;
8846      transform: translateY(20px) scale(0.95);
8847    }
8848    to {
8849      opacity: 1;
8850      transform: translateY(0) scale(1);
8851    }
8852  }
8853
8854  /* ── Close Button ── */
8855  .va-close-btn {
8856    position: absolute;
8857    top: -14px;
8858    right: -14px;
8859    width: 32px;
8860    height: 32px;
8861    background: rgb(0, 0, 0);
8862    border: 2px solid var(--va-accent);
8863    border-radius: 50%;
8864    cursor: pointer;
8865    display: flex;
8866    align-items: center;
8867    justify-content: center;
8868    z-index: 999;
8869    padding: 0;
8870    transition: background 0.2s;
8871    overflow: visible;
8872  }
8873
8874  .va-close-btn:hover {
8875    background: #333;
8876  }
8877
8878  /* ── Progress Bar (single element — JS sets gradient background) ── */
8879  .va-progress {
8880    position: absolute;
8881    bottom: 0;
8882    left: 0;
8883    width: 100% !important;
8884    height: 6px !important;
8885    z-index: 9999 !important;
8886    cursor: pointer;
8887    border-radius: 0;
8888    display: block !important;
8889    opacity: 1 !important;
8890    visibility: visible !important;
8891    pointer-events: auto;
8892  }
8893
8894  /* Inner container clips the video */
8895  .va-modal-inner {
8896    width: 100%;
8897    height: 100%;
8898    position: relative;
8899    overflow: hidden;
8900    border-radius: calc(var(--va-expanded-radius) - 3px);
8901    background: #000;
8902    z-index: 1;
8903  }
8904
8905  .va-modal-inner video {
8906    position: absolute;
8907    top: 0;
8908    left: 0;
8909    width: 100%;
8910    height: 100%;
8911    object-fit: cover;
8912    display: block;
8913    /* Override theme brightness filter (style.css dims all mobile videos to 0.7).
8914       Full brightness looked jarring next to the dimmed page — use a mild 0.88
8915       on mobile: clearly watchable, no longer glaring against the page. */
8916    filter: none !important;
8917    -webkit-filter: none !important;
8918  }
8919  @media screen and (max-width: 749px) {
8920    .va-modal-inner video {
8921      filter: brightness(0.88) !important;
8922      -webkit-filter: brightness(0.88) !important;
8923    }
8924  }
8925
8926  /* ── Controls Wrapper ── */
8927  .va-controls {
8928    position: absolute;
8929    top: 16px;
8930    right: 16px;
8931    display: flex;
8932    flex-direction: row;
8933    align-items: center;
8934    justify-content: flex-end;
8935    padding-right: 4px;
8936    z-index: 99;
8937    height: 44px;
8938    overflow: hidden;
8939    user-select: none;
8940    pointer-events: auto;
8941    animation: vaControlsFadeIn 0.4s ease-in-out;
8942  }
8943
8944  @keyframes vaControlsFadeIn {
8945    from { opacity: 0; }
8946    to { opacity: 1; }
8947  }
8948
8949  /* ── Time Display ── */
8950  .va-time {
8951    color: #fff;
8952    font-size: 13px;
8953    font-weight: 400;
8954    white-space: nowrap;
8955    cursor: pointer;
8956    margin-left: 0;
8957    margin-right: 0;
8958  }
8959
8960  /* ── Control Buttons ── */
8961  .va-ctrl-btn {
8962    width: 34px;
8963    height: 26px;
8964    border-radius: 6px;
8965    border: 2px solid #fff;
8966    background: rgba(0, 0, 0, 0.2);
8967    color: #fff;
8968    font-size: 14px;
8969    font-weight: 700;
8970    display: flex;
8971    align-items: center;
8972    justify-content: center;
8973    cursor: pointer;
8974    padding: 0;
8975    margin-left: 10px;
8976    transition: background 0.2s;
8977  }
8978
8979  .va-ctrl-btn:hover {
8980    background: rgba(0, 0, 0, 0.4);
8981  }
8982
8983  .va-ctrl-btn svg {
8984    width: 16px;
8985    height: 16px;
8986    fill: #fff;
8987  }
8988
8989  /* Mute button — unmuted state (white bg, dark icon) */
8990  .va-mute-btn.va-unmuted {
8991    background: rgb(255, 255, 255);
8992    border: none;
8993    color: rgb(17, 17, 17);
8994  }
8995
8996  .va-mute-btn.va-unmuted svg {
8997    fill: #111;
8998  }
8999
9000  /* Mute button — muted state (matches other control buttons) */
9001  .va-mute-btn.va-muted {
9002    background: rgba(0, 0, 0, 0.2);
9003    border: 2px solid #fff;
9004    color: #fff;
9005  }
9006
9007  .va-mute-btn.va-muted svg {
9008    fill: #fff;
9009  }
9010
9011  .va-share-btn svg {
9012    fill: none;
9013  }
9014
9015  /* ── Play Overlay ── */
9016  .va-play-overlay {
9017    position: absolute;
9018    top: 50%;
9019    left: 50%;
9020    transform: translate(-50%, -50%) scale(1.15);
9021    width: 96px;
9022    height: 96px;
9023    background: transparent;
9024    border: none;
9025    border-radius: 50%;
9026    display: none;
9027    align-items: center;
9028    justify-content: center;
9029    cursor: pointer;
9030    padding: 0;
9031    z-index: 5;
9032  }
9033
9034  .va-play-overlay.va-visible {
9035    display: flex;
9036  }
9037
9038  .va-play-overlay svg {
9039    width: 96px;
9040    height: 96px;
9041  }
9042
9043  /* ── Text Overlay ── */
9044  .va-overlay-text {
9045    position: absolute;
9046    bottom: 120px;
9047    left: 16px;
9048    right: 16px;
9049    z-index: 5;
9050  }
9051
9052  .va-overlay-text-inner {
9053    display: inline-flex;
9054    align-items: center;
9055    gap: 8px;
9056    background: rgba(0, 0, 0, 0.4);
9057    backdrop-filter: blur(8px);
9058    -webkit-backdrop-filter: blur(8px);
9059    padding: 8px 14px;
9060    border-radius: 8px;
9061    color: #fff;
9062    font-size: 14px;
9063    font-weight: 600;
9064  }
9065
9066  .va-text-dismiss {
9067    background: none;
9068    border: none;
9069    color: #fff;
9070    cursor: pointer;
9071    padding: 2px;
9072    display: flex;
9073    align-items: center;
9074  }
9075
9076  /* ── CTA Button ── */
9077  .va-cta {
9078    position: absolute;
9079    bottom: 50px;
9080    left: 16px;
9081    right: 16px;
9082    z-index: 5;
9083  }
9084
9085  .va-cta-btn {
9086    display: block;
9087    width: 100%;
9088    padding: 14px 24px;
9089    background: var(--va-accent);
9090    color: var(--va-cta-text);
9091    border: none;
9092    border-radius: 12px;
9093    font-size: 15px;
9094    font-weight: 600;
9095    cursor: pointer;
9096    text-align: center;
9097    text-decoration: none;
9098    transition: background 0.2s, transform 0.15s;
9099  }
9100
9101  .va-cta-btn:hover {
9102    filter: brightness(0.9);
9103    transform: translateY(-1px);
9104  }
9105
9106  /* ── Branding Footer ── */
9107  .va-branding {
9108    position: absolute;
9109    bottom: 16px;
9110    left: 0;
9111    right: 0;
9112    text-align: center;
9113    z-index: 5;
9114    font-size: 11px;
9115    color: rgba(255, 255, 255, 0.6);
9116  }
9117
9118  /* ============================================
9119     SHARE SHEET
9120     ============================================ */
9121  .va-share-sheet {
9122    position: absolute;
9123    top: 0;
9124    left: 0;
9125    right: 0;
9126    bottom: 0;
9127    z-index: 10000;
9128    pointer-events: none;
9129  }
9130
9131  .va-share-sheet--open {
9132    pointer-events: auto;
9133  }
9134
9135  .va-share-backdrop {
9136    position: absolute;
9137    top: 0;
9138    left: 0;
9139    right: 0;
9140    bottom: 0;
9141    background: rgba(0, 0, 0, 0.5);
9142    backdrop-filter: blur(4px);
9143    -webkit-backdrop-filter: blur(4px);
9144    opacity: 0;
9145    transition: opacity 0.35s ease;
9146  }
9147
9148  .va-share-sheet--open .va-share-backdrop {
9149    opacity: 1;
9150  }
9151
9152  .va-share-content {
9153    position: absolute;
9154    bottom: 0;
9155    left: 0;
9156    right: 0;
9157    background: #1c1c1e;
9158    border-radius: 16px 16px 0 0;
9159    padding: 24px 16px 16px;
9160    transform: translateY(100%);
9161    transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
9162    will-change: transform;
9163  }
9164
9165  /* Drag handle — pseudo-element so CSS reset can't interfere */
9166  .va-share-content::before {
9167    content: '';
9168    position: absolute;
9169    top: 8px;
9170    left: 50%;
9171    transform: translateX(-50%);
9172    width: 44px;
9173    height: 5px;
9174    background: rgba(255, 255, 255, 0.5);
9175    border-radius: 3px;
9176    pointer-events: none;
9177    display: block;
9178  }
9179
9180  .va-share-sheet--open .va-share-content {
9181    transform: translateY(0);
9182  }
9183
9184  /* Hide the now-redundant div handle */
9185  .va-share-handle {
9186    display: none !important;
9187  }
9188
9189  .va-share-grid {
9190    display: grid;
9191    grid-template-columns: repeat(3, 1fr);
9192    gap: 16px 8px;
9193    justify-items: center;
9194    padding-bottom: 4px;
9195    padding-top: 4px;
9196  }
9197
9198  .va-share-option {
9199    display: flex;
9200    flex-direction: column;
9201    align-items: center;
9202    gap: 6px;
9203    background: none;
9204    border: none;
9205    cursor: pointer;
9206    padding: 0;
9207    -webkit-appearance: none;
9208    appearance: none;
9209  }
9210
9211  .va-share-option span {
9212    color: rgba(255, 255, 255, 0.7);
9213    font-size: 11px;
9214    font-weight: 500;
9215    white-space: nowrap;
9216  }
9217
9218  .va-share-icon {
9219    width: 52px;
9220    height: 52px;
9221    border-radius: 50%;
9222    display: flex;
9223    align-items: center;
9224    justify-content: center;
9225    transition: transform 0.15s ease;
9226  }
9227
9228  .va-share-option:active .va-share-icon {
9229    transform: scale(0.92);
9230  }
9231
9232  .va-share-icon svg {
9233    width: 24px;
9234    height: 24px;
9235  }
9236
9237  .va-share-native--hidden {
9238    display: none;
9239  }
9240
9241  .va-share-toast {
9242    position: absolute;
9243    bottom: 8px;
9244    left: 50%;
9245    transform: translateX(-50%) translateY(20px);
9246    background: #333;
9247    color: #fff;
9248    padding: 8px 16px;
9249    border-radius: 20px;
9250    font-size: 13px;
9251    font-weight: 500;
9252    opacity: 0;
9253    transition: opacity 0.3s, transform 0.3s;
9254    pointer-events: none;
9255  }
9256
9257  .va-share-toast--visible {
9258    opacity: 1;
9259    transform: translateX(-50%) translateY(0);
9260  }
9261
9262  /* ── Hide widget when any drawer / menu / cart is open ──────────
9263     Mirrors how Shopify hides its own chat bubble. CSS is reactive
9264     (no JS overhead); body classes are the theme's canonical signals. */
9265  body.cart-drawer-open .va-bubble,
9266  body.mobile-menu-open .va-bubble,
9267  body.nf-drawer-open   .va-bubble,
9268  body.mcc-drawer-open  .va-bubble,
9269  body.drawer-open      .va-bubble,
9270  body.paint-booth-open .va-bubble,
9271  body.ab-menu-open     .va-bubble {
9272    display: none !important;
9273    pointer-events: none !important;
9274  }
9275
9276  /* ============================================
9277     INSTAGRAM REEL IMPORT MODE
9278     ============================================ */
9279
9280  /* IG-branded bubble (no video preview) */
9281  .va-ig-bubble {
9282    background: linear-gradient(135deg, #833AB4, #FD1D1D, #F77737) !important;
9283    display: flex;
9284    align-items: center;
9285    justify-content: center;
9286  }
9287
9288  .va-ig-bubble video {
9289    display: none;
9290  }
9291
9292  .va-ig-bubble-icon {
9293    display: flex;
9294    flex-direction: column;
9295    align-items: center;
9296    justify-content: center;
9297    gap: 4px;
9298    opacity: 0.95;
9299  }
9300
9301  .va-ig-play {
9302    margin-top: -2px;
9303  }
9304
9305  /* Loading state inside modal */
9306  .va-ig-loading {
9307    position: absolute;
9308    top: 0;
9309    left: 0;
9310    right: 0;
9311    bottom: 0;
9312    z-index: 50;
9313    display: flex;
9314    flex-direction: column;
9315    align-items: center;
9316    justify-content: center;
9317    gap: 12px;
9318    background: rgba(0, 0, 0, 0.85);
9319    color: #fff;
9320    font-size: 14px;
9321    font-weight: 500;
9322  }
9323
9324  .va-ig-spinner {
9325    width: 36px;
9326    height: 36px;
9327    border: 3px solid rgba(255, 255, 255, 0.2);
9328    border-top-color: #fff;
9329    border-radius: 50%;
9330    animation: vaIgSpin 0.8s linear infinite;
9331  }
9332
9333  @keyframes vaIgSpin {
9334    to { transform: rotate(360deg); }
9335  }
9336
9337  /* ============================================
9338     RESPONSIVE — MOBILE
9339     ============================================ */
9340  @media (max-width: 480px) {
9341    /* Bubble corner positioning — exclude mini (which uses JS setProperty !important) */
9342    .va-bubble:not(.va-bubble--mini) {
9343      width: var(--va-mobile-bubble-size) !important;
9344      top: auto !important;
9345      bottom: var(--va-mobile-offset-y) !important;
9346    }
9347
9348    .va-bubble.va-pos-bottom-left:not(.va-bubble--mini),
9349    .va-bubble.va-pos-top-left:not(.va-bubble--mini) {
9350      left: var(--va-mobile-offset-x) !important;
9351      right: auto !important;
9352    }
9353
9354    .va-bubble.va-pos-bottom-right:not(.va-bubble--mini),
9355    .va-bubble.va-pos-top-right:not(.va-bubble--mini) {
9356      right: var(--va-mobile-offset-x) !important;
9357      left: auto !important;
9358    }
9359
9360    /* Modal: near full-width, respect left/right position */
9361    .va-modal.va-modal--open {
9362      width: calc(100vw - 16px) !important;
9363      max-height: calc(100vh - 100px);
9364      top: auto !important;
9365      bottom: 8px !important;
9366    }
9367
9368    .va-modal.va-modal--open.va-pos-bottom-left,
9369    .va-modal.va-modal--open.va-pos-top-left {
9370      left: 8px !important;
9371      right: auto !important;
9372    }
9373
9374    .va-modal.va-modal--open.va-pos-bottom-right,
9375    .va-modal.va-modal--open.va-pos-top-right {
9376      right: 8px !important;
9377      left: auto !important;
9378    }
9379
9380    .va-controls {
9381      right: 12px;
9382    }
9383
9384    .va-ctrl-btn {
9385      margin-left: 6px;
9386    }
9387
9388    .va-share-grid {
9389      gap: 16px 4px;
9390    }
9391
9392    /* PVM mini circle — override mobile bubble rules so it stays a circle */
9393    .va-bubble--mini {
9394      width: var(--va-docked-size) !important;
9395      height: var(--va-docked-size) !important;
9396      border-radius: 50% !important;
9397      bottom: auto !important;
9398    }
9399  }
9400</style>
9401
9402      
9403<!-- ANDROID FIX: Backup script to neutralize Shopify Chat - DISABLED FOR TESTING
9404    
9404<script>
9405    (function() {
9406      var ua = navigator.userAgent || '';
9407      var isAndroid = /Android/i.test(ua);
9408      var isMobile = /Mobile|Android/i.test(ua);
9409      if (!isAndroid || !isMobile) return;
9410
9411      // Remove chat widget once DOM is ready
9412      function removeChatWidget() {
9413        var selectors = [
9414          '#ShopifyChat',
9415          '#shopify-chat',
9416          '.shopify-chat-widget',
9417          '[class*="shopify-chat"]',
9418          'iframe[src*="shopify-chat"]',
9419          'iframe[title*="Shopify online store chat"]',
9420          'iframe[title*="chat"]',
9421          'inbox-online-store-chat'
9422        ];
9423        selectors.forEach(function(sel) {
9424          try {
9425            var els = document.querySelectorAll(sel);
9426            els.forEach(function(el) { el.remove(); });
9427          } catch(e) {}
9428        });
9429      }
9430
9431      // Run immediately and again after delays to catch late-loaded widgets
9432      if (document.readyState === 'loading') {
9433        document.addEventListener('DOMContentLoaded', removeChatWidget);
9434      } else {
9435        removeChatWidget();
9436      }
9437      window.addEventListener('load', function() {
9438        removeChatWidget();
9439        setTimeout(removeChatWidget, 1000);
9440        setTimeout(removeChatWidget, 3000);
9441      });
9442    })();
9443    </script>
9443
9444    -->
9445
9446    <!-- Lucide Icons (CDN) -->
9447    
9447<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
9447
9448    
9448<script>
9449      (function(){
9450        function initLucide(){ if(window.lucide) lucide.createIcons(); }
9451
9452        /* Replace :icon-name: shortcodes in nav menu text with Lucide SVGs.
9453           Works in header, mega menu, footer — anywhere Shopify renders link.title. */
9454        function replaceLucideShortcodes(){
9455          if(!window.lucide) return;
9456          var sel = '.header-menu-first-level .link, .header-menu-second-level .link,'
9457            + ' .header-menu-third-level .link, .mega-menu-item .link,'
9458            + ' .footer-block-content .link';
9459          var els = document.querySelectorAll(sel);
9460          var re = /:([a-z0-9-]+):/g;
9461          els.forEach(function(el){
9462            if(el.dataset.lucideProcessed || !re.test(el.textContent)) return;
9463            re.lastIndex = 0;
9464            el.innerHTML = el.innerHTML.replace(re, function(match, name){
9465              return '<i data-lucide="' + name + '" class="lucide-inline"></i>';
9466            });
9467            el.dataset.lucideProcessed = '1';
9468          });
9469          lucide.createIcons();
9470        }
9471
9472        function initAll(){ initLucide(); replaceLucideShortcodes(); }
9473
9474        if(document.readyState === 'loading'){
9475          document.addEventListener('DOMContentLoaded', initAll);
9476        } else {
9477          initAll();
9478        }
9479        document.addEventListener('shopify:section:load', initAll);
9480        document.addEventListener('shopify:section:select', initAll);
9481        document.addEventListener('shopify:block:select', initAll);
9482      })();
9483    </script>
9483<script>
9484      (function () {
9485        var MAP = { mmy: 'vehicle', color: 'color', plate: 'car', ai: 'vehicle' };
9486        function target(hash) {
9487          var m = /^#finder(?:-(mmy|color|plate|ai))?$/.exec((hash || '').split('&')[0]);
9488          if (!m) return null;
9489          return '/?tool=' + (MAP[m[1] || 'mmy'] || 'vehicle') + '#oem-find-your-color';
9490        }
9491        var t0 = target(location.hash);
9492        if (t0) location.replace(t0);
9493        document.addEventListener('click', function (e) {
9494          var a = e.target.closest && e.target.closest('a[href*="#finder"]');
9495          if (!a) return;
9496          var t = target('#' + (a.getAttribute('href').split('#')[1] || ''));
9497          if (!t) return;
9498          e.preventDefault();
9499          location.href = t;
9500        }, true);
9501      })();
9502    </script>
9502<script>
9503      window.OEMSearchConfig = {
9504        apiBase: "https:\/\/search.mycarcolor.com",
9505        apiKey: "ak_prod_2238b20a02f961eebab4:sk_prod_430b08037b57376be",
9506        storefrontToken: "92a12a61fd6bbd940a9a841958fcb365",
9507        searchPageUrl: "\/pages\/find-your-color",
9508        decodeEndpoint: 'https://dyc-ai-search.vercel.app/api/vehicle-decode',
9509        fallbackHandle: 'luna-oem-basecoat-paint-search',plateEnabled: null
9510      };
9511    </script>
9511
9512    <link rel="stylesheet" href="//www.dipyourcar.com/cdn/shop/t/308/assets/oem-search-engine.css?v=20537235104152319411784733689" media="print" onload="this.media='all'">
9513    
9513<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/oem-search-icons.js?v=4122458262988384321784314266" defer></script>
9513
9514    
9514<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/oem-search-engine.js?v=164250669913598588261786125066" defer></script>
9514<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/dyc-analytics.js?v=181924006191080874431779442012" defer></script>
9514
9515
9516    
9516<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/shopify-chat-fix.js?v=63502044024822640521779442071" defer></script>
9516<link href="//www.dipyourcar.com/cdn/shop/t/308/assets/dyc-toast.css?v=45072353155272034491779442014" rel="stylesheet" type="text/css" media="all" />
9517    <div id="dyc-toast-container" role="status" aria-live="polite"></div>
9518    
9518<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/dyc-toast.js?v=157317056226907549511779442014" defer></script>
9518<script src="//www.dipyourcar.com/cdn/shop/t/308/assets/dyc-wishlist.js?v=160124981471178762761779442015" defer></script>
9518<div id="ayfe-ribbon" hidden>
9519  <span class="ayfe-ribbon__check">✓</span>
9520  <span class="ayfe-ribbon__text" id="ayfe-ribbon-text"></span>
9521  <button type="button" class="ayfe-ribbon__close" id="ayfe-ribbon-close" aria-label="Dismiss">&times;</button>
9522</div>
9523<style>
9524  /* floating chip, centered ABOVE the Pearl launcher (bottom-center) — not a full-width bar */
9525  #ayfe-ribbon {
9526    position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 86px); transform: translateX(-50%);
9527    z-index: 9990; display: flex; align-items: center; gap: 8px;
9528    background: #0b0b0f; border: 1px solid rgba(34, 197, 94, 0.55);
9529    color: #fff; font-size: 12px; font-weight: 700; letter-spacing: 0.03em;
9530    padding: 8px 12px 8px 14px; border-radius: 999px;
9531    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.4);
9532    max-width: calc(100vw - 20px); white-space: nowrap;
9533  }
9534  #ayfe-ribbon[hidden] { display: none; }
9535  #ayfe-ribbon .ayfe-ribbon__check { color: #22c55e; font-weight: 900; }
9536  #ayfe-ribbon .ayfe-ribbon__text { overflow: hidden; text-overflow: ellipsis; }
9537  #ayfe-ribbon .ayfe-ribbon__text b { color: #22c55e; }
9538  #ayfe-ribbon .ayfe-ribbon__close {
9539    background: transparent; border: 0; color: #9aa0a6; font-size: 17px; line-height: 1;
9540    cursor: pointer; padding: 2px 4px; flex: 0 0 auto;
9541  }
9542  #ayfe-ribbon .ayfe-ribbon__close:hover { color: #fff; }
9543  @media screen and (max-width: 749px) {
9544    #ayfe-ribbon { font-size: 11px; padding: 7px 10px 7px 12px; }
9545  }
9546</style>
9547<script>
9548  (function () {
9549    var el = document.getElementById('ayfe-ribbon');
9550    var txt = document.getElementById('ayfe-ribbon-text');
9551    var close = document.getElementById('ayfe-ribbon-close');
9552    if (!el || !txt) return;
9553    function refresh() {
9554      var code, pct, off;
9555      try {
9556        code = sessionStorage.getItem('ayfe_code');
9557        pct = sessionStorage.getItem('ayfe_pct') || '';
9558        off = sessionStorage.getItem('ayfe_ribbon_off');
9559      } catch (e) { return; }
9560      if (code && !off) {
9561        txt.innerHTML = '<b>' + code + '</b> APPLIED · ' + (pct ? pct + ' ' : '') + 'AT CHECKOUT';
9562        el.hidden = false;
9563      } else {
9564        el.hidden = true;
9565      }
9566    }
9567    window.__ayfeRibbonRefresh = refresh;
9568    if (close) close.addEventListener('click', function () {
9569      try { sessionStorage.setItem('ayfe_ribbon_off', '1'); } catch (e) {}
9570      el.hidden = true;
9571    });
9572    refresh();
9573  })();
9574</script>
9574
9575
9576
9577
9578
9579    <style> /* Hide the Ask Pearl widget on mobile while any OEM inline drawer is open (Vehicle Compatibility / Application Guide / Project Essentials panels, the Build Your Kit panel, or its floating "Add Kit" bar). Self-scoping: these selectors only ever match on the OEM PDP. */@media (max-width: 749px) {body:has([data-oem-drawer][data-open="true"]) #dyc-pearl-root, body:has(.oem-byk-panel[data-open="true"]) #dyc-pearl-root, body:has(.oem-byk-floatbar:not(.oem-byk-floatbar--hidden)) #dyc-pearl-root {display: none !important; }} </style>
9580<div id="shopify-block-AQVl2Vk93d0VXSFJ5M__471852632697159186" class="shopify-block shopify-app-block">
9581
9582<div id='stamped-rewards-init' class='stamped-rewards-init'
9583  data-key-public='pubkey-m684YeqzQF725n4fW46WZyFGKD62wB'
9584
9585></div>
9586
9587</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block">
9588
9589
9590<script>
9591  console.log("[Alia app extension] v1.0.5");
9592
9593  const BACKEND_URL = "https://backend.alia-prod.com";
9594
9595  window.ALIA_SHOPIFY_EXTENSION_INFO = {
9596    customerID: "",
9597    country: "US",
9598    market: "us",
9599    language: "en"
9600  }
9601
9602  if (document.readyState !== "loading") {
9603    initAlia();
9604  } else {
9605    document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true });
9606  }
9607
9608  async function initAlia() {
9609    const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=dipyourcar-com.myshopify.com";
9610    const script = document.createElement("script");
9611    script.src = url;
9612    script.async = true;
9613    document.head.appendChild(script);
9614  }
9615</script>
9615
9616
9617</div><div id="shopify-block-Ad3lHck9Ccldkb2R1R__12526071353035850722" class="shopify-block shopify-app-block">
9618  
9618<script defer src="https://backinstock.useamp.com/widget/29674_1783060008.js?category=bis&v=6"></script>
9618
9619
9620
9621<script id="back-in-stock-helper-embedded">
9622  var _BISConfig = _BISConfig || {};
9623
9624  
9625    _BISConfig.product = {"id":15246586282348,"title":"ExoFlex Temporary Paint Protection","handle":"exoflex","description":"\u003cp\u003e\u003cstrong\u003eExoFlex is a water-based liquid paint protection film you roll on yourself.\u003c\/strong\u003e It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer.\u003c\/p\u003e\n\u003cp\u003eBuilt for the moments your paint takes real abuse: road trips, track days, open-trailer transport, winter salt runs. It stops rock chips, bug splatter, tar, sand and gravel rash before they reach your clear coat.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoll-on application.\u003c\/strong\u003e Roller, tray and funnel included. No spray gun, no masking skills.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoes on milky, dries clear.\u003c\/strong\u003e See exactly where you have covered.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeels off in one sheet.\u003c\/strong\u003e Lift a corner and pull. Your factory paint underneath, untouched.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWater-based.\u003c\/strong\u003e Low odour, easy cleanup, ships worldwide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShort-term armor.\u003c\/strong\u003e Intended for events and trips, up to 3-4 weeks on the vehicle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWorks beyond paint.\u003c\/strong\u003e Glass, trim and any non-porous surface (not the windshield you look through).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003eOne stone chip repair at a body shop starts around $150. This kit is $49.95. Peel the risk off instead.\u003c\/em\u003e\u003c\/p\u003e","published_at":"2026-08-14T11:44:02-04:00","created_at":"2026-08-13T08:14:40-04:00","vendor":"DipYourCar.com","type":"Paint Protection","tags":["ExoFlex","Liquid PPF","Paint Protection","system:accessory"],"price":4295,"price_min":4295,"price_max":4995,"available":true,"price_varies":true,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":54191316992364,"title":"Complete Kit","option1":"Complete Kit","option2":null,"option3":null,"sku":"EXOFLEX-KIT","requires_shipping":true,"taxable":true,"featured_image":{"id":63382027895148,"product_id":15246586282348,"position":2,"created_at":"2026-08-13T20:19:47-04:00","updated_at":"2026-08-13T20:19:48-04:00","alt":null,"width":2048,"height":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788","variant_ids":[54191316992364]},"available":true,"name":"ExoFlex Temporary Paint Protection - Complete Kit","public_title":"Complete Kit","options":["Complete Kit"],"price":4995,"weight":1000,"compare_at_price":null,"inventory_quantity":-38,"inventory_management":null,"inventory_policy":"continue","barcode":null,"featured_media":{"alt":null,"id":54808500207980,"position":2,"preview_image":{"aspect_ratio":1.0,"height":2048,"width":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":54193718165868,"title":"Refill Quart","option1":"Refill Quart","option2":null,"option3":null,"sku":"EXOFLEX-REFILL","requires_shipping":true,"taxable":true,"featured_image":{"id":63378010472812,"product_id":15246586282348,"position":1,"created_at":"2026-08-13T08:13:49-04:00","updated_at":"2026-08-13T08:13:51-04:00","alt":null,"width":2048,"height":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231","variant_ids":[54193718165868]},"available":true,"name":"ExoFlex Temporary Paint Protection - Refill Quart","public_title":"Refill Quart","options":["Refill Quart"],"price":4295,"weight":0,"compare_at_price":null,"inventory_quantity":-17,"inventory_management":null,"inventory_policy":"continue","barcode":null,"featured_media":{"alt":null,"id":54804555235692,"position":1,"preview_image":{"aspect_ratio":1.0,"height":2048,"width":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231","\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788"],"featured_image":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231","options":["Purchase Option"],"media":[{"alt":null,"id":54804555235692,"position":1,"preview_image":{"aspect_ratio":1.0,"height":2048,"width":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231"},"aspect_ratio":1.0,"height":2048,"media_type":"image","src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/ExoQuart.webp?v=1786623231","width":2048},{"alt":null,"id":54808500207980,"position":2,"preview_image":{"aspect_ratio":1.0,"height":2048,"width":2048,"src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788"},"aspect_ratio":1.0,"height":2048,"media_type":"image","src":"\/\/www.dipyourcar.com\/cdn\/shop\/files\/exo_kit.webp?v=1786666788","width":2048}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cp\u003e\u003cstrong\u003eExoFlex is a water-based liquid paint protection film you roll on yourself.\u003c\/strong\u003e It goes on milky white so you can see your coverage, dries to a clear satin shield, and when the trip is over it peels off in one clean sheet. No residue, no damage, no installer.\u003c\/p\u003e\n\u003cp\u003eBuilt for the moments your paint takes real abuse: road trips, track days, open-trailer transport, winter salt runs. It stops rock chips, bug splatter, tar, sand and gravel rash before they reach your clear coat.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRoll-on application.\u003c\/strong\u003e Roller, tray and funnel included. No spray gun, no masking skills.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGoes on milky, dries clear.\u003c\/strong\u003e See exactly where you have covered.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003ePeels off in one sheet.\u003c\/strong\u003e Lift a corner and pull. Your factory paint underneath, untouched.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWater-based.\u003c\/strong\u003e Low odour, easy cleanup, ships worldwide.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eShort-term armor.\u003c\/strong\u003e Intended for events and trips, up to 3-4 weeks on the vehicle.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eWorks beyond paint.\u003c\/strong\u003e Glass, trim and any non-porous surface (not the windshield you look through).\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e\u003cem\u003eOne stone chip repair at a body shop starts around $150. This kit is $49.95. Peel the risk off instead.\u003c\/em\u003e\u003c\/p\u003e"};
9626
9627    
9628      _BISConfig.product.variants[0]['oos'] = true;
9629    
9630      _BISConfig.product.variants[1]['oos'] = true;
9631    
9632  
9633
9634  
9635</script>
9635
9636
9637<script id="preorders-helper-embedded">
9638  
9639  
9640
9641  var LiquidPreOrdersConfig = LiquidPreOrdersConfig || {};
9642  LiquidPreOrdersConfig.product_id = 15246586282348;
9643  LiquidPreOrdersConfig.product_tags = ["ExoFlex","Liquid PPF","Paint Protection","system:accessory"];
9644  LiquidPreOrdersConfig.variants = {"54191316992364": {
9645      "selling_plan_ids": [],
9646      "inventory_policy": "continue",
9647      "oos": true
9648    },"54193718165868": {
9649      "selling_plan_ids": [],
9650      "inventory_policy": "continue",
9651      "oos": true
9652    }};
9653  
9654</script>
9654
9655
9656<script id="low-stock-helper-embedded">
9657  
9658  var LiquidLowStockConfig = LiquidLowStockConfig || {};
9659  LiquidLowStockConfig.product_id = 15246586282348;
9660  LiquidLowStockConfig.product_tags = ["ExoFlex","Liquid PPF","Paint Protection","system:accessory"];
9661  LiquidLowStockConfig.variants = {"54191316992364": {
9662      "inventory_quantity": -38,
9663      "inventory_management": null,
9664      "inventory_policy": "continue",
9665      "oos": true
9666    },"54193718165868": {
9667      "inventory_quantity": -17,
9668      "inventory_management": null,
9669      "inventory_policy": "continue",
9670      "oos": true
9671    }};
9672
9673  window.AppLowStockConfig = null;
9674  
9675</script>
9675
9676
9677
9678  
9678<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/low-stock-badge.js"></script>
9678
9679
9680
9681
9682<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/wishlist.js"></script>
9682
9683
9684
9685<script defer type="module" src="https://cdn.shopify.com/extensions/01a0ae82-28b0-715d-bb47-827eda8f44e3/back-in-stock-69/assets/preorder-product-page-updater.js"></script>
9685
9686
9687
9688
9689
9690</div><div id="shopify-block-AY0VhdC9WTVhBNG50M__124348908681409149" class="shopify-block shopify-app-block">
9690<script>
9691  window.SimpleBundles = {
9692    productVariants: {},
9693    settings: {
9694      selectPlaceholder: 'Please select an option',
9695      showPriceVariance: true,
9696      rankOptionsByPriceDiff: true
9697    },
9698    currencyFormatter: new Intl.NumberFormat(window.Shopify.locale, {
9699      style: 'currency',
9700      currency: "USD",
9701      roundingMode: "halfCeil",
9702    })
9703  };
9704
9705  
9706    
9707      
9708      
9709      
9710    
9711      
9712      
9713      
9714    
9715  
9716</script>
9716
9717
9718<style type="text/css">
9719  [data-simple-bundles-options] {
9720    display: flex;
9721    flex-direction: column;
9722    padding-bottom: 10px;
9723  }
9724
9725  [data-simple-bundles-options] label {
9726    margin-bottom: 8px;
9727    font-weight: normal;
9728    font-family: inherit;
9729    text-align: left;
9730  }
9731
9732  [data-simple-bundles-options] select {
9733    padding: 8px;
9734    font-size: 16px;
9735    border-radius: 0px;
9736    border: 1px solid #333;
9737    width: 100%;
9738    margin-bottom: 8px;
9739    appearance: none;
9740    -webkit-appearance: none;
9741    -moz-appearance: none;
9742    background-image: url('data:image/svg+xml;utf8,<svg fill="%23444" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');
9743    background-repeat: no-repeat;
9744    background-position: right 8px center;
9745    font-family: inherit;
9746    font-weight: normal;
9747    color: #000;
9748  }
9749</style>
9750
9751<style type="text/css">
9752  
9753</style>
9754
9755<script type="text/javascript">
9756  
9757</script>
9757
9758
9759
9760</div><div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
9760<script>
9761  window['ShopifyForms'] = {
9762    ...window['ShopifyForms'],
9763    currentPageType: "product"
9764  };
9765</script>
9765
9766
9767
9768</div>
9768<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9768
9769<shopify-store store-domain="https://www.dipyourcar.com" country="US" language="en"></shopify-store>
9770<shopify-chat></shopify-chat>
9771</body>
9772</html>
9773<script>
9774  window.addEventListener('load', function() {
9775  var _learnq = window._learnq || [];
9776  function addedToCart() {
9777   fetch(`${window.location.origin}/cart.js`)
9778   .then(res => res.clone().json().then(data => {
9779    var cart = {
9780      total_price: data.total_price/100,
9781      $value: data.total_price/100,
9782      total_discount: data.total_discount,
9783      original_total_price: data.original_total_price/100,
9784      items: data.items
9785    }
9786    if (item !== 'undefined') {
9787      cart = Object.assign(cart, item)
9788    }
9789    if (klAjax) {
9790       _learnq.push(['track', 'Added to Cart', cart]);
9791       klAjax = false;
9792      }
9793   }))
9794  };
9795  (function (ns, fetch) {
9796    ns.fetch = function() {
9797      const response = fetch.apply(this, arguments);
9798      response.then(res => {
9799        if (`${window.location.origin}/cart/add.js`
9800          .includes(res.url) && res.url !== '') {
9801              addedToCart()
9802        }
9803      });
9804      return response
9805     }
9806  }(window, window.fetch));
9807  var klAjax = true;
9808  var atcButtons = document.querySelectorAll("form[action*='/cart/add'] button[type='submit']");
9809  for (var i = 0; i < atcButtons.length; i++) { 
9810    atcButtons[i].addEventListener("click", function() {
9811      if (klAjax) {
9812        _learnq.push(['track', 'Added to Cart', item]);
9813        klAjax = false;
9814      }
9815    })
9816  }
9817  });
9818</script>
9818
9819
9820
9821

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.