PageSourceSearch

https://nacholightingco.com/pages/contact

html nacholightingco.com collected 2026-10-10 02:37:48 UTC 445,308 bytes, 7,939 lines download raw bytes

1
2<!doctype html>
3<html class="maximize-theme no-js dark  img-hover-zo"
4      lang="en"
5      dir="ltr"
6>
7<head>
8  <meta charset="utf-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <meta name="viewport" content="width=device-width,initial-scale=1">
11  <meta name="theme-color" content="">
12  
13    <link rel="canonical" href="https://nacholightingco.com/pages/contact">
14  
15<link rel="icon" type="image/png" sizes="48x48" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=48&v=1785190193&width=48">
16    <link rel="icon" type="image/png" sizes="96x96" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=96&v=1785190193&width=96"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
17  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" as="font" type="font/woff2"
18          href="//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2"
19          crossorigin><link rel="preload" as="font" type="font/woff2"
20          href="//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
21          crossorigin><title>
22    Contact
23 &ndash; NACHO Lighting Co.</title>
24
25  
26  
27  <meta property="og:site_name" content="NACHO Lighting Co.">
28  <meta property="og:url" content="https://nacholightingco.com/pages/contact">
29  <meta property="og:title" content="Contact">
30  <meta property="og:type" content="website">
31  <meta property="og:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."><meta property="og:image" content="http://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697">
32    <meta property="og:image:secure_url" content="https://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697">
33    <meta property="og:image:width" content="2000">
34    <meta property="og:image:height" content="840"><meta name="twitter:card" content="summary_large_image">
35  <meta name="twitter:title" content="Contact">
36  <meta name="twitter:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal.">
37  <style data-shopify>@font-face {
38  font-family: Inter;
39  font-weight: 600;
40  font-style: normal;
41  font-display: swap;
42  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"),
43       url("//nacholightingco.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff");
44}
45
46  @font-face {
47  font-family: "DM Sans";
48  font-weight: 400;
49  font-style: normal;
50  font-display: swap;
51  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
52       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
53}
54
55  @font-face {
56  font-family: Inter;
57  font-weight: 500;
58  font-style: normal;
59  font-display: swap;
60  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
61       url("//nacholightingco.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
62}
63
64  @font-face {
65  font-family: "DM Sans";
66  font-weight: 500;
67  font-style: normal;
68  font-display: swap;
69  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
70       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
71}
72
73
74  @font-face {
75  font-family: "DM Sans";
76  font-weight: 700;
77  font-style: normal;
78  font-display: swap;
79  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
80       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
81}
82
83  @font-face {
84  font-family: "DM Sans";
85  font-weight: 400;
86  font-style: italic;
87  font-display: swap;
88  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
89       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
90}
91
92  @font-face {
93  font-family: "DM Sans";
94  font-weight: 700;
95  font-style: italic;
96  font-display: swap;
97  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
98       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
99}
100
101  @font-face {
102  font-family: Inter;
103  font-weight: 400;
104  font-style: normal;
105  font-display: swap;
106  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
107       url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
108}
109
110  @font-face {
111  font-family: Inter;
112  font-weight: 400;
113  font-style: normal;
114  font-display: swap;
115  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
116       url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
117}
118
119</style><style data-shopify>
120  @font-face {
121    font-family: 'Apotek Comp';
122    src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-apotek-comp-medium.otf?v=178408361545140295061789788223') format('opentype');
123    font-weight: 500;
124    font-style: normal;
125    font-display: swap;
126  }
127
128  @font-face {
129    font-family: 'Code Saver';
130    src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-codesaver-regular.otf?v=180845333470788268811789788223') format('opentype');
131    font-weight: 400;
132    font-style: normal;
133    font-display: swap;
134  }
135</style>
136<link href="//nacholightingco.com/cdn/shop/t/30/assets/theme.css?v=47267817206
136798060151789788223" rel="stylesheet" type="text/css" media="all" /><style data-shopify>
137  /* Font size */
138  :root {
139    --heading-font-family: 'Apotek Comp', sans-serif;
140    --heading-font-style: 'normal';
141    --heading-font-weight: '500';
142    --heading-base-size: 2rem;
143    --heading-font-scale: 1.2;
144    --heading-text-transform: uppercase;
145    --subheading-base-size: 14px;
146
147    --rating-star-size: 1.134rem;
148  
149    --menu-font-family: 'Apotek Comp', sans-serif;
150    --menu-font-style: 'normal';
151    --menu-font-weight: '500';
152    --menu-letter-spacing: 0px;
153    
154    --body-font-scale: 1.2;
155    --body-base-size: 0.875rem;
156    --body-font-family: 'Code Saver', sans-serif;
157    --body-font-style: 'normal';
158    --body-font-weight: '400';
159    --button-font: 'Code Saver', sans-serif;
160    --button-font-style: 'normal';
161    --button-font-weight: '400';
162    --button-font-size: 0.864rem;
163    --shopify-accelerated-checkout-button-border-radius: 0;
164    --button-border-radius: 0;
165
166    --mobile-padding-ratio: 0.5;
167    --page-width: 1600px;
168
169    --rounded-corners: 10px;
170    --rounded-corners-large: 0;
171    --rounded-corners-small: 6px;
172
173    --padding-content-page-width: 16px;
174    --padding-content-full-width: 16px;
175    --padding-content-full-width-padded: 16px;
176    --full-width-padded: 16px;
177
178    --total-padding-page-width: 64px;
179    --total-padding-full-width: 64px;
180    --total-padding-full-width-padded: 128px;
181
182    --text-animation-duration: 700ms;
183    --drawer-transition-duration: 500ms;
184    --card-animation-duration: 400ms;
185    --reveal-transition-duration: 500ms;
186    --header-menu-transition-duration: 300ms;
187    --header-menu-transition-delay: 150ms;
188    --menu-promotion-duration: 1000ms;
189    --menu-item-delay-transition: 450ms;
190    --menu-icon-transition: 300ms;
191    --menu-rect-hover-transition: 350ms;
192    --menu-link-animation: 1s;
193    --transition-slideshow-content: 500ms;
194    --button-animation-duration: 500ms;
195    --popup-animation-duration: 500ms;
196    --choose-option-animation-duration: 300ms;
197    --dropdown-animation-duration: 150ms;
198    --text-link-and-title-link-animation-duration: 400ms;
199    --button-text-link-animation-duration: 400ms;
200    
201    --fade-element-translate-y: 20px;
202    --flow-card-duration: 500ms;
203    --announcement-height: 0px;
204    --top-header: 0px;
205    --segmented-banner-animation-duration-mobile: 1000ms;
206    --segmented-banner-animation-duration-desktop: 1600ms;
207    --product-info-media-width: 100%;
208    --line-height-heading: 1.4;
209    --line-height-body: 1.6;
210    --line-height-button: 1.4;
211    --border-radius-popup: 0;
212    --border-radius-drawer: 0;
213    --border-radius-countdown-timer: 0;
214    --progress-bar-active-width: 20%;
215    --border-radius-checkbox: 0;
216    --padding-bottom-product-template-block: 16px;
217    --spacing-between-heading-and-content: 16px;
218    --pad-top-m: 0px;
219    --pad-right-m: 0px;
220    --pad-left-m: 0px;
221    --pad-bottom-m: 0px;
222    --pad-top: 0px;
223    --pad-right: 0px;
224    --pad-left: 0px;
225    --pad-bottom: 0px;
226    --block-width: 1.0;
227    --image-hover-scale: 1.2;
228    --image-transition-duration: 500ms;
229    --tab-animation-duration: 300ms;
230    --tab-animation-scale: 0.97;
231    --tab-animation-offset: 4px;
232  }
233
234  :root, #x-header-container header {
235    --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75 * 0.55);
236    --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65);
237    --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75 * 0.75);
238    --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65 * 0.75
238);
239    --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.75);
240    --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.8);
241    --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8);
242    --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 0.7);
243    --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85);
244    --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 1.2);
245    --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 2.5);
246
247    --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9 * 0.9);
248    --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9);
249    --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2 * 0.9);
250
251    --body-font-size: calc(var(--body-base-size) * var(--body-font-scale) * 0.9);
252    --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9 * 0.9);
253    --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8 * 0.9);
254    --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7 * 0.9);
255    --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2 * 0.9);
256    --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5 * 0.9);
257  }
258  :root #x-header-container header,
259  :root #x-header-container header *:before {
260    --body-font-scale: 2.0;
261    --heading-font-scale: 2.0;
262  }
263  .block-title-size {
264    --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.85);
265    --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.85);
266    --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8 * 0.85);
267  }
268  @media (min-width: 768px){
269    :root, #x-header-container header {
270      --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75);
271      --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale));
272      --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75);
273      --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65);
274      --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55);
275      --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45);
276      --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4);
277      --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.7);
278      --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale));
279      --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.2);
280      --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 2.5);
281
282      --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9);
283      --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale));
284      --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2);
285
286      --body-font-size: calc(var(--body-base-size) * var(--body-font-scale));
287      --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9);
288      --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8);
289      --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7);
290      --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2);
291      --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5);
292
293      --product-info-media-width: 50%;
294    }
295
296    :root {
297      --button-font-size: 1.08rem;
298      --padding-content-page-width: 32px;
299      --padding-content-full-width: 32px;
300      --padding-content-full-width-padded: 32px;
301      --full-width-padded: 32px;
302      --border-radius-popup: 0;
303      --border-radius-drawer: 0;
304      --padding-bottom-product-template-block: 20px;
305      --spacing-between-heading-and-content: 26px;
306      --page-width 1600px;
307      --max-width-block-text: 950px;
308      --max-width-page-content: 950px;
309    }
310
311    .block-title-size {
312      --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45);
313      --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55);
314      --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8);
315    }
316  }
317  /* Colors */
318  :root,
319  *:before, .color-scheme-theme {
320    --color-background: 255 255 255 / 1.0;
321    --color-background-no-alpha: 255 255 255;
322    
323      --gradient-background: #ffffff;
324      --gradient-background-no-alpha: rgb(255 255 255);
325    
326    --color-highlight: 255 90 0 / 1.0;
327    --color-highlight-no-alpha: 255 90 0;
328    --color-link: 255 90 0 / 1.0;
329    --color-link-no-alpha: 255 90 0;
330    --color-heading: 0 0 0 / 1.0;
331    --color-heading-no-alpha: 0 0 0;
332    --color-text: 0 0 0 / 1.0;
333    --color-text-no-alpha: 0 0 0;
334    --color-line-and-border: 197 197 197 / 1.0;
335    --color-line-and-border-no-alpha: 197 197 197;
336    --color-vendor: 0 0 0 / 0.4;
337    --color-vendor-no-alpha: 0 0 0;
338    
339    --color-button: 255 90 0 / 1.0;
340    --color-button-no-alpha: 255 90 0;
341    --color-button-text: 0 0 0 / 1.0;
342    --color-button-text-no-alpha: 0 0 0;
343    --color-button-hover: 0 0 0 / 1.0;
344    --color-button-hover-no-alpha: 0 0 0;
345    --color-button-text-hover: 255 90 0 / 1.0;
346    --color-button-text-hover-no-alpha: 255 90 0;
347    --color-secondary-button: 0 0 0 / 1.0;
348    --color-secondary-button-no-alpha: 0 0 0;
349    --color-secondary-button-text: 255 255 255 / 1.0;
350    --color-secondary-button-text-no-alpha: 255 255 255;
351    --color-secondary-button-hover: 0 0 0 / 1.0;
352    --color-secondary-button-hover-no-alpha: 0 0 0;
353    --color-secondary-button-text-hover: 255 90 0 / 1.0;
354    --color-secondary-button-text-hover-no-alpha: 255 90 0;
355    --color-button-link: 255 255 255 / 1.0;
356    --color-button-link-no-alpha: 255 255 255;
357    --color-button-link-label-hover: 255 90 0 / 1.0;
358    --color-button-link-label-hover-no-alpha: 255 90 0;
359    --button-padding-y-mobile: 10px;
360    --button-padding-x-mobile: 26px;
361    --button-padding-y-desktop: 12px;
362    --button-padding-x-desktop: 33px;
363    --input-border-radius: 0.25rem;
364
365    --error-background-color:    / ;
366    --error-background-color-no-alpha:   ;
367    --error-message-color: 255 0 0 / 1.0;
368    --error-message-color-no-alpha: 255 0 0;
369    --success-background-color:    / ;
370    --success-background-color-no-alpha:   ;
371    --success-message-color: 19 162 117 / 1.0;
372    --success-message-color-no-alpha: 19 162 117;
373    --color-price: 0 0 0 / 1.0;
374    --color-price-no-alpha: 0 0 0;
375    --color-sale-price: 255 90 0 / 1.0;
376    --color-sale-price-no-alpha: 255 90 0;
377    --rating-color: 255 90 0 / 1.0;
378    --rating-color-no-alpha: 255 90 0;
379    --color-in-stock: 255 90 0 / 1.0;
380    --color-in-stock-no-alpha: 255 90 0;
381    --color-low-stock: 228 105 105 / 1.0;
382    --color-low-stock-no-alpha: 228 105 105;
383    --color-out-of-stock: 197 197 197 / 1.0;
384    --color-out-of-stock-no-alpha: 197 197 197;
385    --color-out-of-stock-continue-selling: 19 120 41 / 1.0;
386    --color-pre-order: 19 120 41 / 1.0;
387
388    --color-overlay: 16 15 15 / 0.5;
389    --color-overlay-no-alpha: 16 15 15;
390    --color-border-footer: 0 0 0 / 1.0;
391    --color-border-footer-no-alpha: 0 0 0;
392    --color-pulse-speech: 0 81 186 / 1.0;
393    --color-pulse-speech-no-alpha: 0 81 186;--color-breadcrumb-text: 255 255 255 / 1.0;
394      --color-breadcrumb-text-no-alpha: 255 255 255;--color-breadcrumb-text-link: 255 255 255 / 1.0;
395      --color-breadcrumb-text-link-no-alpha: 255 255 255;
396    --product-card-padding: 0px;
397    --product-card-padding-mobile: 0px;
398    --swatch-option-ratio: 1 / 1;
399    --swatch-option-border-radius: 0px;
400    --swatch-option-width: 34px;
401    --swatch-option-height: 34px;
402    --border-radius-flash-message: 0;
403    --border-radius-select-element: 0;
404
405    --color-skeleton: 240 241 243 / 1;
406    --color-skeleton-no-alpha: 240 241 243;
407    --color-background-placeholder-image: 225 230 231 / 1;
408    --color-background-placeholder-image-no-alpha: 229 234 235;
409    --color-icon-placeholder-image: 184 191 198 / 1;
410    --color-icon-placeholder-image-no-alpha: 184 191 198;
411    
412      --color-background-popup: 0 0 0 / 0;
413      --color-background-popup-no-alpha: 0 0 0;
414    
415    --color-scrollbar: 0 0 0 / 1.0;
416    --color-scrollbar-no-alpha: 0 0 0;
417    
418      --element-background: rgba(255 255 255 / 1.0);
419    
420  }
421
422  .maximize-theme:not(.dark) .section-header,
423  .maximize-theme:not(.dark) .section-header *:before {
424    
425      --gradient-background: #ffffff;
426      --gradient-background-no-alpha: rgb(255 255 255);
427    
428    
429      --color-highlight: 255 90 0 / 1.0;
430      --color-highlight-no-alpha: 255 90 0;
431      --color-link: 255 90 0 / 1.0;
432      --color-link-no-alpha: 255 90 0;
433    
434    
435      --color-text-header: 0 0 0 / 1.0;
436      --color-text-header-no-alpha: 0 0 0;
437      --color-text: var(--color-text-header);
438      --color-text-no-alpha: var(--color-text-header-no-alpha);
439    
440    
441      --color-cart: 255 90 0 / 1.0;
442      --color-cart-no-alpha: 255 90 0;
443    
444    
445      --color-cart-text: 255 255 255 / 1.0;
446      --color-cart-text-no-alpha: 255 255 255;
447    
448    
449      --color-border-header: 255 90 0 / 1.0;
450      --color-border-header-no-alpha: 255 90 0;
451    
452    
453      --color-background: 255 255 255 / 1.0;
454      --color-background-no-alpha: 255 255 255;
455    
456    --color-background-header: var(--color-background);
457    --color-icon-header: 0 0 0 / 1.0;
458    --color-icon-header-no-alpha: 0 0 0;
459    --color-line-and-border: var(--color-border-header);
460    --color-line-and-border-no-alpha: var(--color-border-header-no-alpha);
461  }
462
463  #x-footer,
464  #x-footer *:before {
465    --test-color-bg: #ffffff;
466    --test-color-gradient: ;
467    --color-background: 255 255 255 / 1.0;
468    --color-background-no-alpha: 255 255 255;
469    
470      --gradient-background: #ffffff;
471      --gradient-background-no-alpha: rgb(255 255 255);
472    
473
474    --color-highlight: 255 90 0 / 1.0;
475    --color-highlight-no-alpha: 255 90 0;
476    --color-link: 255 90 0 / 1.0;
477    --color-link-no-alpha: 255 90 0;
478    --color-text: 0 0 0 / 1.0;
479    --color-text-no-alpha: 0 0 0;
480    --color-icon-footer: 0 0 0 / 1.0;
481    --color-icon-footer-no-alpha: 0 0 0;
482    --color-line-and-border: 0 0 0 / 1.0;
483    --color-line-and-border-no-alpha: 0 0 0;
484  }
485
486  .maximize-theme:not(.dark) .product-card__wrapper, .maximize-theme:not(.dark) .product-card__wrapper *:before {
487    
488    
489    
490    /*  */
491    
492    
493    
494  }
495  
496
497  /* Dark Mode */
498  .dark,
499  .dark *:before, .dark .color-scheme-theme {
500    --color-background: 0 0 0 / 1.0;
501    --color-background-no-alpha: 0 0 0;
502    
503      --gradient-background: #000000;
504      --gradient-background-no-alpha: rgb(0 0 0);
505    
506
507    --color-highlight: 255 90 0 / 1.0;
508    --color-highlight-no-alpha: 255 90 0;
509    --color-link: 255 90 0 / 1.0;
510    --color-link-no-alpha: 255 90 0;
511    --color-heading: 255 255 255 / 1.0;
512    --color-heading-no-alpha: 255 255 255;
513    --color-text: 241 242 242 / 1.0;
514    --color-text-no-alpha: 241 242 242;
515    --color-line-and-border: 33 32 32 / 1.0;
516    --color-line-and-border-no-alpha: 33 32 32;
517    --color-vendor: 255 255 255 / 0.4;
518    --color-vendor-no-alpha: 255 255 255;
519    
520    --color-button: 255 90 0 / 1.0;
521    --color-button-no-alpha: 255 90 0;
522    --color-button-text: 0 0 0 / 1.0;
523    --color-button-text-no-alpha: 0 0 0;
524    --color-button-hover: 255 255 255 / 1.0;
525    --color-button-hover-no-alpha: 255 255 255;
526    --color-button-text-hover: 0 0 0 / 1.0;
527    --color-button-text-hover-no-alpha: 0 0 0;
528    --color-secondary-button: 255 255 255 / 1.0;
529    --color-secondary-button-no-alpha: 255 255 255;
530    --color-secondary-button-text: 0 0 0 / 1.0;
531    --color-secondary-button-text-no-alpha: 0 0 0;
532    --color-secondary-button-hover: 255 90 0 / 1.0;
533    --color-secondary-button-hover-no-alpha: 255 90 0;
534    --color-secondary-button-text-hover: 0 0 0 / 1.0;
535    --color-secondary-button-text-hover-no-alpha: 0 0 0;
536    --color-button-link: 255 255 255 / 1.0;
537    --color-button-link-no-alpha: 255 255 255;
538    --color-button-link-label-hover: 255 90 0 / 1.0;
539    --color-button-link-label-hover-no-alpha: 255 90 0;
540
541    --error-background-color:    / ;
542    --error-background-color-no-alpha:   ;
543    --error-message-color: 243 97 97 / 1.0;
544    --error-message-color-no-alpha: 243 97 97;
545    --success-background-color:    / ;
546    --success-background-color-no-alpha:   ;
547    --success-message-color: 19 162 117 / 1.0;
548    --success-message-color-no-alpha: 19 162 117;
549    --color-price: 255 255 255 / 1.0;
550    --color-price-no-alpha: 255 255 255;
551    --color-sale-price: 243 97 97 / 1.0;
552    --color-sale-price-no-alpha: 243 97 97;
553    --rating-color: 255 90 0 / 1.0;
554    --rating-color-no-alpha: 255 90 0;
555    --color-in-stock: 255 90 0 / 1.0;
556    --color-in-stock-no-alpha: 255 90 0;
557    --color-low-stock: 255 81 81 / 1.0;
558    --color-low-stock-no-alpha: 255 81 81;
559    --color-out-of-stock: 174 180 187 / 1.0;
560    --color-out-of-stock-no-alpha: 174 180 187;
561    --color-out-of-stock-continue-selling: 16 162 48 / 1.0;
562    --color-pre-order: 16 162 48 / 1.0;
563
564    --color-overlay: 107 108 109 / 0.6;
565    --color-overlay-no-alpha: 107 108 109;
566    --color-border-header: 255 90 0 / 1.0;
567    --color-border-header-no-alpha: 255 90 0;
568    --color-border-footer: 41 45 54 / 1.0;
569    --color-border-footer-no-alpha: 41 45 54;
570    --color-pulse-speech: 0 81 186 / 1.0;
571    --color-pulse-speech-no-alpha: 0 81 186;
572    
573    
574      --product-card-bg: 0 0 0 / 0;
575      --product-card-bg-no-alpha: 0 0 0;
576    
577--color-breadcrumb-background: 0 0 0 / 1.0;
578      --color-breadcrumb-background-no-alpha: 0 0 0;--color-breadcrumb-text: 241 242 242 / 1.0;
579      --color-breadcrumb-text-no-alpha: 241 242 242;--color-breadcrumb-text-link: 255 90 0 / 1.0;
580      --color-breadcrumb-text-link-no-alpha: 255 90 0;
581      --color-background-popup: 0 0 0 / 0;
582      --color-background-popup-no-alpha: 0 0 0;
583    
584    --color-scrollbar: 241 242 242 / 1.0;
585    --color-scrollbar-no-alpha: 241 242 242;
586    
587      --element-background: rgba(0 0 0 / 1.0);
588    
589  }
590
591  .dark .section-header,
592  .dark .section-header *:before {
593    
594      --gradient-background: #000000;
595      --gradient-background-no-alpha: rgb(0 0 0);
596    
597    
598      --color-highlight: 255 90 0 / 1.0;
599      --color-highlight-no-alpha: 255 90 0;
600      --color-link: 255 90 0 / 1.0;
601      --color-link-no-alpha: 255 90 0;
602    
603    
604      --color-text-header: 255 255 255 / 1.0;
605      --color-text-header-no-alpha: 255 255 255;
606      --color-text: var(--color-text-header);
607      --color-text-no-alpha: var(--color-text-header-no-alpha);
608    
609    
610      --color-cart: 255 90 0 / 1.0;
611      --color-cart-no-alpha: 255 90 0;
612    
613    
614      --color-cart-text: 255 255 255 / 1.0;
615      --color-cart-text-no-alpha: 255 255 255;
616    
617    
618      --color-border-header: 255 90 0 / 1.0;
619      --color-border-header-no-alpha: 255 90 0;
620    
621    
622      --color-background: 0 0 0 / 1.0;
623      --color-background-no-alpha: 0 0 0;
624    
625    --color-background-header: var(--color-background);
626    --color-icon-header: 255 255 255 / 1.0;
627    --color-icon-header-no-alpha: 255 255 255;
628    --color-line-and-border: var(--color-border-header);
629    --color-line-and-border-no-alpha: var(--color-border-header-no-alpha);
630  }
631
632  .dark #x-footer,
633  .dark #x-footer *:before {
634    --color-background: 0 0 0 / 1.0;
635    --color-background-no-alpha: 0 0 0;
636    
637      --gradient-background: #000000;
638      --gradient-background-no-alpha: rgb(0 0 0);
639    
640
641    --color-highlight: 255 90 0 / 1.0;
642    --color-highlight-no-alpha: 255 90 0;
643    --color-link: 255 90 0 / 1.0;
644    --color-link-no-alpha: 255 90 0;
645    --color-text: 255 255 255 / 1.0;
646    --color-text-no-alpha: 255 255 255;
647    --color-icon-footer: 204 207 210 / 1.0;
648    --color-icon-footer-no-alpha: 204 207 210;
649    --color-line-and-border: 41 45 54 / 1.0;
650    --color-line-and-border-no-alpha: 41 45 54;
651  }
652
653  .dark .product-card__wrapper, .dark .product-card__wrapper *:before {
654    
655    
656    
657    
658    
659    
660  }
661  
662  /* Schemes */
663  
664    .color-scheme-1, .color-scheme-1 *:before, .color-scheme-1 *:after,
665    .dark .dark-color-scheme-1, .dark .dark-color-scheme-1 *:before, .dark .dark-color-scheme-1 *:after,
666    .color-scheme-block.color-scheme-1 *:before, .color-scheme-block.color-scheme-1 *:after, 
667    .dark .color-scheme-block.dark-color-scheme-1 *:before, .dark .color-scheme-block.dark-color-scheme-1 *:after {
668      --color-background: 0 0 0 / 1.0;  
669      --color-background-no-alpha: 0 0 0;
670      
671        --gradient-background: #000000;
672        --gradient-background-no-alpha: rgb(0 0 0);
673      
674      --color-highlight: 255 90 0 / 1.0;
675      --color-highlight-no-alpha: 255 90 0;
676      --color-heading: 255 255 255 / 1.0;
677      --color-heading-no-alpha: 255 255 255;
678      --color-link: 255 90 0 / 1.0;
679      --color-link-no-alpha: 255 90 0;
680      --color-text: 241 242 242 / 1.0;
681      --color-text-no-alpha: 241 242 242;
682      --color-line-and-border: 33 32 32 / 1.0;
683      --color-line-and-border-no-alpha: 33 32 32;
684      
685      --color-button: 255 90 0 / 1.0;
686      --color-button-no-alpha: 255 90 0;
687      --color-button-text: 0 0 0 / 1.0;
688      --color-button-text-no-alpha: 0 0 0;
689      --color-button-hover: 255 255 255 / 1.0;
690      --color-button-hover-no-alpha: 255 255 255;
691      --color-button-text-hover: 0 0 0 / 1.0;
692      --color-button-text-hover-no-alpha: 0 0 0;
693      --color-secondary-button: 255 255 255 / 1.0;
694      --color-secondary-button-no-alpha: 255 255 255;
695      --color-secondary-button-text: 0 0 0 / 1.0;
696      --color-secondary-button-text-no-alpha: 0 0 0;
697      --color-secondary-button-hover: 255 90 0 / 1.0;
698      --color-secondary-button-hover-no-alpha: 255 90 0;
699      --color-secondary-button-text-hover: 0 0 0 / 1.0;
700      --color-secondary-button-text-hover-no-alpha: 0 0 0;
701      --color-button-link: 255 255 255 / 1.0;
702      --color-button-link-no-alpha: 255 255 255;
703      --color-button-link-label-hover: 255 90 0 / 1.0;
704      --color-button-link-label-hover-no-alpha: 255 90 0;
705      --color-scrollbar: 241 242 242 / 1.0;
706      --color-scrollbar-no-alpha: 241 242 242;
707      
708        --element-background: rgba(0 0 0 / 1.0);
709      
710      
711        --overlay-background: 0 0 0;
712      
713    }
714  
715    .color-scheme-2, .color-scheme-2 *:before, .color-scheme-2 *:after,
716    .dark .dark-color-scheme-2, .dark .dark-color-scheme-2 *:before, .dark .dark-color-scheme-2 *:after,
717    .color-scheme-block.color-scheme-2 *:before, .color-scheme-block.color-scheme-2 *:after, 
718    .dark .color-scheme-block.dark-color-scheme-2 *:before, .dark .color-scheme-block.dark-color-scheme-2 *:after {
719      --color-background: 28 28 28 / 1.0;  
720      --color-background-no-alpha: 28 28 28;
721      
722        --gradient-background: #1c1c1c;
723        --gradient-background-no-alpha: rgb(28 28 28);
724      
725      --color-highlight: 255 90 0 / 1.0;
726      --color-highlight-no-alpha: 255 90 0;
727      --color-heading: 255 255 255 / 1.0;
728      --color-heading-no-alpha: 255 255 255;
729      --color-link: 255 90 0 / 1.0;
730      --color-link-no-alpha: 255 90 0;
731      --color-text: 241 242 242 / 1.0;
732      --color-text-no-alpha: 241 242 242;
733      --color-line-and-border: 42 42 42 / 1.0;
734      --color-line-and-border-no-alpha: 42 42 42;
735      
736      --color-button: 255 90 0 / 1.0;
737      --color-button-no-alpha: 255 90 0;
738      --color-button-text: 0 0 0 / 1.0;
739      --color-button-text-no-alpha: 0 0 0;
740      --color-button-hover: 255 255 255 / 1.0;
741      --color-button-hover-no-alpha: 255 255 255;
742      --color-button-text-hover: 0 0 0 / 1.0;
743      --color-button-text-hover-no-alpha: 0 0 0;
744      --color-secondary-button: 255 255 255 / 1.0;
745      --color-secondary-button-no-alpha: 255 255 255;
746      --color-secondary-button-text: 0 0 0 / 1.0;
747      --color-secondary-button-text-no-alpha: 0 0 0;
748      --color-secondary-button-hover: 255 90 0 / 1.0;
749      --color-secondary-button-hover-no-alpha: 255 90 0;
750      --color-secondary-button-text-hover: 0 0 0 / 1.0;
751      --color-secondary-button-text-hover-no-alpha: 0 0 0;
752      --color-button-link: 255 255 255 / 1.0;
753      --color-button-link-no-alpha: 255 255 255;
754      --color-button-link-label-hover: 255 90 0 / 1.0;
755      --color-button-link-label-hover-no-alpha: 255 90 0;
756      --color-scrollbar: 241 242 242 / 1.0;
757      --color-scrollbar-no-alpha: 241 242 242;
758      
759        --element-background: rgba(28 28 28 / 1.0);
760      
761      
762        --overlay-background: 28 28 28;
763      
764    }
765  
766    .color-scheme-3, .color-scheme-3 *:before, .color-scheme-3 *:after,
767    .dark .dark-color-scheme-3, .dark .dark-color-scheme-3 *:before, .dark .dark-color-scheme-3 *:after,
768    .color-scheme-block.color-scheme-3 *:before, .color-scheme-block.color-scheme-3 *:after, 
769    .dark .color-scheme-block.dark-color-scheme-3 *:before, .dark .color-scheme-block.dark-color-scheme-3 *:after {
770      --color-background: 255 255 255 / 1.0;  
771      --color-background-no-alpha: 255 255 255;
772      
773        --gradient-background: #ffffff;
774        --gradient-background-no-alpha: rgb(255 255 255);
775      
776      --color-highlight: 255 90 0 / 1.0;
777      --color-highlight-no-alpha: 255 90 0;
778      --color-heading: 0 0 0 / 1.0;
779      --color-heading-no-alpha: 0 0 0;
780      --color-link: 255 90 0 / 1.0;
781      --color-link-no-alpha: 255 90 0;
782      --color-text: 0 0 0 / 1.0;
783      --color-text-no-alpha: 0 0 0;
784      --color-line-and-border: 197 197 197 / 1.0;
785      --color-line-and-border-no-alpha: 197 197 197;
786      
787      --color-button: 255 90 0 / 1.0;
788      --color-button-no-alpha: 255 90 0;
789      --color-button-text: 0 0 0 / 1.0;
790      --color-button-text-no-alpha: 0 0 0;
791      --color-button-hover: 0 0 0 / 1.0;
792      --color-button-hover-no-alpha: 0 0 0;
793      --color-button-text-hover: 255 90 0 / 1.0;
794      --color-button-text-hover-no-alpha: 255 90 0;
795      --color-secondary-button: 0 0 0 / 1.0;
796      --color-secondary-button-no-alpha: 0 0 0;
797      --color-secondary-button-text: 255 255 255 / 1.0;
798      --color-secondary-button-text-no-alpha: 255 255 255;
799      --color-secondary-button-hover: 0 0 0 / 1.0;
800      --color-secondary-button-hover-no-alpha: 0 0 0;
801      --color-secondary-button-text-hover: 255 90 0 / 1.0;
802      --color-secondary-button-text-hover-no-alpha: 255 90 0;
803      --color-button-link: 255 255 255 / 1.0;
804      --color-button-link-no-alpha: 255 255 255;
805      --color-button-link-label-hover: 255 90 0 / 1.0;
806      --color-button-link-label-hover-no-alpha: 255 90 0;
807      --color-scrollbar: 0 0 0 / 1.0;
808      --color-scrollbar-no-alpha: 0 0 0;
809      
810        --element-background: rgba(255 255 255 / 1.0);
811      
812      
813        --overlay-background: 255 255 255;
814      
815    }
816  
817    .color-scheme-4, .color-scheme-4 *:before, .color-scheme-4 *:after,
818    .dark .dark-color-scheme-4, .dark .dark-color-scheme-4 *:before, .dark .dark-color-scheme-4 *:after,
819    .color-scheme-block.color-scheme-4 *:before, .color-scheme-block.color-scheme-4 *:after, 
820    .dark .color-scheme-block.dark-color-scheme-4 *:before, .dark .color-scheme-block.dark-color-scheme-4 *:after {
821      --color-background: 241 242 242 / 1.0;  
822      --color-background-no-alpha: 241 242 242;
823      
824        --gradient-background: #f1f2f2;
825        --gradient-background-no-alpha: rgb(241 242 242);
826      
827      --color-highlight: 255 90 0 / 1.0;
828      --color-highlight-no-alpha: 255 90 0;
829      --color-heading: 0 0 0 / 1.0;
830      --color-heading-no-alpha: 0 0 0;
831      --color-link: 255 90 0 / 1.0;
832      --color-link-no-alpha: 255 90 0;
833      --color-text: 88 89 91 / 1.0;
834      --color-text-no-alpha: 88 89 91;
835      --color-line-and-border: 233 233 233 / 1.0;
836      --color-line-and-border-no-alpha: 233 233 233;
837      
838      --color-button: 255 90 0 / 1.0;
839      --color-button-no-alpha: 255 90 0;
840      --color-button-text: 0 0 0 / 1.0;
841      --color-button-text-no-alpha: 0 0 0;
842      --color-button-hover: 0 0 0 / 1.0;
843      --color-button-hover-no-alpha: 0 0 0;
844      --color-button-text-hover: 255 90 0 / 1.0;
845      --color-button-text-hover-no-alpha: 255 90 0;
846      --color-secondary-button: 0 0 0 / 1.0;
847      --color-secondary-button-no-alpha: 0 0 0;
848      --color-secondary-button-text: 255 255 255 / 1.0;
849      --color-secondary-button-text-no-alpha: 255 255 255;
850      --color-secondary-button-hover: 0 0 0 / 1.0;
851      --color-secondary-button-hover-no-alpha: 0 0 0;
852      --color-secondary-button-text-hover: 255 90 0 / 1.0;
853      --color-secondary-button-text-hover-no-alpha: 255 90 0;
854      --color-button-link: 255 255 255 / 1.0;
855      --color-button-link-no-alpha: 255 255 255;
856      --color-button-link-label-hover: 255 90 0 / 1.0;
857      --color-button-link-label-hover-no-alpha: 255 90 0;
858      --color-scrollbar: 88 89 91 / 1.0;
859      --color-scrollbar-no-alpha: 88 89 91;
860      
861        --element-background: rgba(241 242 242 / 1.0);
862      
863      
864        --overlay-background: 241 242 242;
865      
866    }
867  
868    .color-scheme-5, .color-scheme-5 *:before, .color-scheme-5 *:after,
869    .dark .dark-color-scheme-5, .dark .dark-color-scheme-5 *:before, .dark .dark-color-scheme-5 *:after,
870    .color-scheme-block.color-scheme-5 *:before, .color-scheme-block.color-scheme-5 *:after, 
871    .dark .color-scheme-block.dark-color-scheme-5 *:before, .dark .color-scheme-block.dark-color-scheme-5 *:after {
872      --color-background: 255 90 0 / 1.0;  
873      --color-background-no-alpha: 255 90 0;
874      
875        --gradient-background: #ff5a00;
876        --gradient-background-no-alpha: rgb(255 90 0);
877      
878      --color-highlight: 0 0 0 / 1.0;
879      --color-highlight-no-alpha: 0 0 0;
880      --color-heading: 0 0 0 / 1.0;
881      --color-heading-no-alpha: 0 0 0;
882      --color-link: 0 0 0 / 1.0;
883      --color-link-no-alpha: 0 0 0;
884      --color-text: 0 0 0 / 1.0;
885      --color-text-no-alpha: 0 0 0;
886      --color-line-and-border: 0 0 0 / 1.0;
887      --color-line-and-border-no-alpha: 0 0 0;
888      
889      --color-button: 255 255 255 / 1.0;
890      --color-button-no-alpha: 255 255 255;
891      --color-button-text: 0 0 0 / 1.0;
892      --color-button-text-no-alpha: 0 0 0;
893      --color-button-hover: 0 0 0 / 1.0;
894      --color-button-hover-no-alpha: 0 0 0;
895      --color-button-text-hover: 255 90 0 / 1.0;
896      --color-button-text-hover-no-alpha: 255 90 0;
897      --color-secondary-button: 0 0 0 / 1.0;
898      --color-secondary-button-no-alpha: 0 0 0;
899      --color-secondary-button-text: 255 255 255 / 1.0;
900      --color-secondary-button-text-no-alpha: 255 255 255;
901      --color-secondary-button-hover: 0 0 0 / 1.0;
902      --color-secondary-button-hover-no-alpha: 0 0 0;
903      --color-secondary-button-text-hover: 255 90 0 / 1.0;
904      --color-secondary-button-text-hover-no-alpha: 255 90 0;
905      --color-button-link: 0 0 0 / 1.0;
906      --color-button-link-no-alpha: 0 0 0;
907      --color-button-link-label-hover: 39 39 39 / 1.0;
908      --color-button-link-label-hover-no-alpha: 39 39 39;
909      --color-scrollbar: 0 0 0 / 1.0;
910      --color-scrollbar-no-alpha: 0 0 0;
911      
912        --element-background: rgba(255 90 0 / 1.0);
913      
914      
915        --overlay-background: 255 90 0;
916      
917    }
918  
919    .color-scheme-6, .color-scheme-6 *:before, .color-scheme-6 *:after,
920    .dark .dark-color-scheme-6, .dark .dark-color-scheme-6 *:before, .dark .dark-color-scheme-6 *:after,
921    .color-scheme-block.color-scheme-6 *:before, .color-scheme-block.color-scheme-6 *:after, 
922    .dark .color-scheme-block.dark-color-scheme-6 *:before, .dark .color-scheme-block.dark-color-scheme-6 *:after {
923      --color-background: 0 0 0 / 1.0;  
924      --color-background-no-alpha: 0 0 0;
925      
926        --gradient-background: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%);
927        --gradient-background-no-alpha: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%);
928      
929      --color-highlight: 255 90 0 / 1.0;
930      --color-highlight-no-alpha: 255 90 0;
931      --color-heading: 255 255 255 / 1.0;
932      --color-heading-no-alpha: 255 255 255;
933      --color-link: 255 90 0 / 1.0;
934      --color-link-no-alpha: 255 90 0;
935      --color-text: 255 255 255 / 1.0;
936      --color-text-no-alpha: 255 255 255;
937      --color-line-and-border: 255 90 0 / 1.0;
938      --color-line-and-border-no-alpha: 255 90 0;
939      
940      --color-button: 255 90 0 / 1.0;
941      --color-button-no-alpha: 255 90 0;
942      --color-button-text: 0 0 0 / 1.0;
943      --color-button-text-no-alpha: 0 0 0;
944      --color-button-hover: 173 237 255 / 1.0;
945      --color-button-hover-no-alpha: 173 237 255;
946      --color-button-text-hover: 50 68 89 / 1.0;
947      --color-button-text-hover-no-alpha: 50 68 89;
948      --color-secondary-button: 173 237 255 / 1.0;
949      --color-secondary-button-no-alpha: 173 237 255;
950      --color-secondary-button-text: 14 16 22 / 1.0;
951      --color-secondary-button-text-no-alpha: 14 16 22;
952      --color-secondary-button-hover: 255 255 255 / 1.0;
953      --color-secondary-button-hover-no-alpha: 255 255 255;
954      --color-secondary-button-text-hover: 50 68 89 / 1.0;
955      --color-secondary-button-text-hover-no-alpha: 50 68 89;
956      --color-button-link: 100 152 220 / 1.0;
957      --color-button-link-no-alpha: 100 152 220;
958      --color-button-link-label-hover: 202 51 51 / 1.0;
959      --color-button-link-label-hover-no-alpha: 202 51 51;
960      --color-scrollbar: 255 255 255 / 1.0;
961      --color-scrollbar-no-alpha: 255 255 255;
962      
963        --element-background: transparent;
964      
965      
966        --overlay-background: 0 0 0;
967      
968    }
969  
970    .color-scheme-7, .color-scheme-7 *:before, .color-scheme-7 *:after,
971    .dark .dark-color-scheme-7, .dark .dark-color-scheme-7 *:before, .dark .dark-color-scheme-7 *:after,
972    .color-scheme-block.color-scheme-7 *:before, .color-scheme-block.color-scheme-7 *:after, 
973    .dark .color-scheme-block.dark-color-scheme-7 *:before, .dark .color-scheme-block.dark-color-scheme-7 *:after {
974      --color-background: 255 255 255 / 1.0;  
975      --color-background-no-alpha: 255 255 255;
976      
977        --gradient-background: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%);
978        --gradient-background-no-alpha: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%);
979      
980      --color-highlight: 255 255 255 / 1.0;
981      --color-highlight-no-alpha: 255 255 255;
982      --color-heading: 255 255 255 / 1.0;
983      --color-heading-no-alpha: 255 255 255;
984      --color-link: 255 255 255 / 1.0;
985      --color-link-no-alpha: 255 255 255;
986      --color-text: 255 255 255 / 1.0;
987      --color-text-no-alpha: 255 255 255;
988      --color-line-and-border: 45 72 149 / 1.0;
989      --color-line-and-border-no-alpha: 45 72 149;
990      
991      --color-button: 45 72 149 / 1.0;
992      --color-button-no-alpha: 45 72 149;
993      --color-button-text: 255 255 255 / 1.0;
994      --color-button-text-no-alpha: 255 255 255;
995      --color-button-hover: 15 57 139 / 1.0;
996      --color-button-hover-no-alpha: 15 57 139;
997      --color-button-text-hover: 255 255 255 / 1.0;
998      --color-button-text-hover-no-alpha: 255 255 255;
999      --color-secondary-button: 255 255 255 / 1.0;
1000      --color-secondary-button-no-alpha: 255 255 255;
1001      --color-secondary-button-text: 57 56 56 / 1.0;
1002      --color-secondary-button-text-no-alpha: 57 56 56;
1003      --color-secondary-button-hover: 225 225 225 / 1.0;
1004      --color-secondary-button-hover-no-alpha: 225 225 225;
1005      --color-secondary-button-text-hover: 16 15 15 / 1.0;
1006      --color-secondary-button-text-hover-no-alpha: 16 15 15;
1007      --color-button-link: 255 255 255 / 1.0;
1008      --color-button-link-no-alpha: 255 255 255;
1009      --color-button-link-label-hover: 202 51 51 / 1.0;
1010      --color-button-link-label-hover-no-alpha: 202 51 51;
1011      --color-scrollbar: 255 255 255 / 1.0;
1012      --color-scrollbar-no-alpha: 255 255 255;
1013      
1014        --element-background: transparent;
1015      
1016      
1017        --overlay-background: 255 255 255;
1018      
1019    }
1020  
1021    .color-scheme-8, .color-scheme-8 *:before, .color-scheme-8 *:after,
1022    .dark .dark-color-scheme-8, .dark .dark-color-scheme-8 *:before, .dark .dark-color-scheme-8 *:after,
1023    .color-scheme-block.color-scheme-8 *:before, .color-scheme-block.color-scheme-8 *:after, 
1024    .dark .color-scheme-block.dark-color-scheme-8 *:before, .dark .color-scheme-block.dark-color-scheme-8 *:after {
1025      --color-background: 226 234 254 / 1.0;  
1026      --color-background-no-alpha: 226 234 254;
1027      
1028        --gradient-background: #e2eafe;
1029        --gradient-background-no-alpha: rgb(226 234 254);
1030      
1031      --color-highlight: 15 57 139 / 1.0;
1032      --color-highlight-no-alpha: 15 57 139;
1033      --color-heading: 16 15 15 / 1.0;
1034      --color-heading-no-alpha: 16 15 15;
1035      --color-link: 15 57 139 / 1.0;
1036      --color-link-no-alpha: 15 57 139;
1037      --color-text: 57 56 56 / 1.0;
1038      --color-text-no-alpha: 57 56 56;
1039      --color-line-and-border: 241 241 241 / 1.0;
1040      --color-line-and-border-no-alpha: 241 241 241;
1041      
1042      --color-button: 45 72 149 / 1.0;
1043      --color-button-no-alpha: 45 72 149;
1044      --color-button-text: 255 255 255 / 1.0;
1045      --color-button-text-no-alpha: 255 255 255;
1046      --color-button-hover: 15 57 139 / 1.0;
1047      --color-button-hover-no-alpha: 15 57 139;
1048      --color-button-text-hover: 255 255 255 / 1.0;
1049      --color-button-text-hover-no-alpha: 255 255 255;
1050      --color-secondary-button: 225 225 225 / 1.0;
1051      --color-secondary-button-no-alpha: 225 225 225;
1052      --color-secondary-button-text: 57 56 56 / 1.0;
1053      --color-secondary-button-text-no-alpha: 57 56 56;
1054      --color-secondary-button-hover: 214 214 214 / 1.0;
1055      --color-secondary-button-hover-no-alpha: 214 214 214;
1056      --color-secondary-button-text-hover: 57 56 56 / 1.0;
1057      --color-secondary-button-text-hover-no-alpha: 57 56 56;
1058      --color-button-link: 15 57 139 / 1.0;
1059      --color-button-link-no-alpha: 15 57 139;
1060      --color-button-link-label-hover: 202 51 51 / 1.0;
1061      --color-button-link-label-hover-no-alpha: 202 51 51;
1062      --color-scrollbar: 57 56 56 / 1.0;
1063      --color-scrollbar-no-alpha: 57 56 56;
1064      
1065        --element-background: rgba(226 234 254 / 1.0);
1066      
1067      
1068        --overlay-background: 226 234 254;
1069      
1070    }
1071  
1072  body , .color-scheme-1, dark .dark-color-scheme-1 , .color-scheme-2, dark .dark-color-scheme-2 , .color-scheme-3, dark .dark-color-scheme-3 , .color-scheme-4, dark .dark-color-scheme-4 , .color-scheme-5, dark .dark-color-scheme-5 , .color-scheme-6, dark .dark-color-scheme-6 , .color-scheme-7, dark .dark-color-scheme-7 , .color-scheme-8, dark .dark-color-scheme-8 {
1073    color: rgba(var(--color-text));
1074    background-color: rgba(var(--color-background));
1075    background: var(--gradient-background, "none");
1076  }
1077
1078  /* Global class */
1079  
1080  .button-action {
1081    border: none;
1082    color: rgba(var(--color-button-text));
1083    background-color: rgba(var(--color-button));
1084  }
1085  .drawer-menu-wrapper .menu-item.is-focus-child {
1086    background: rgba(var(--color-heading-no-alpha) / 0.1);
1087  }
1088  .bg-heading-highlight {
1089    background: rgba(var(--color-highlight));
1090  }
1091
1092  
1093    
1094      .maximize-theme:not(.dark) .product-card__highlight-attributes__rotate {
1095        --color-text: 55 61 98 / 1.0;
1096        --color-text-no-alpha: 55 61 98;
1097        color: rgba(var(--color-text));
1098      }
1099    
1100    
1101      .dark .product-card__highlight-attributes__rotate {
1102        --color-text: 227 234 253 / 1.0;
1103        --color-text-no-alpha: 227 234 253;
1104        color: rgba(var(--color-text));
1105      }
1106    
1107  
1108
1109  
1110    @media (min-width: 1024px) {
1111      .media-hyperlink {
1112        will-change: transform;
1113      }
1114      .media-hyperlink .anm-image-hover {
1115        transition: transform var(--image-transition-duration) ease-out;
1116        transform: translateZ(0);
1117      }
1118      .media-hyperlink:hover .anm-image-hover {
1119        transform: scale(var(--image-hover-scale));
1120      }
1121    }
1122  
1123</style>
1123<script>const themeMode = 'switch';
1124    if ((localStorage.maximize_theme == 1 && themeMode == 'switch')
1125      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
1126      requestAnimationFrame(() => {
1127        document.documentElement.classList.add('dark');
1128      });
1129    } else if ((localStorage.maximize_theme == 0 && themeMode == 'switch')
1130      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: light)').matches)) {
1131      requestAnimationFrame(() => {
1132        document.documentElement.classList.remove('dark');
1133      });
1134    }</script>
1134
1135  
1135<script>
1136    (function () {
1137      var stored = localStorage.getItem('currentStoreSelected');
1138      if (!stored) return;
1139
1140      window.Maximize = window.Maximize || {};
1141      window.Maximize.getInitialStoreText = function () {
1142        try {
1143          return JSON.parse(stored)?.selectedStore || '';
1144        } catch (_) {
1145          return '';
1146        }
1147      };
1148
1149      var storeText = window.Maximize.getInitialStoreText();
1150      if (storeText !== "") {
1151        document.documentElement.style.setProperty(
1152          '--x-store-selector-content',
1153          JSON.stringify(storeText)
1154        );
1155      }
1156    })();
1157  </script>
1157<link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223"     media="(max-width: 767px)">
1158  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)">
1159  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223"     media="(min-width: 768px)">
1160  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223"     media="(min-width: 1024px)">
1161  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223"     media="(min-width: 1280px)">
1162  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223"     media="(max-width: 767px)">
1163  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)">
1164  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223"     media="(min-width: 768px)">
1165  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223"     media="(min-width: 1024px)">
1166  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223"     media="(min-width: 1280px)">
1167  
1168  <link href="//nacholightingco.com/cdn/shop/t/30/assets/buttons.css?v=153050960260856216031789788223" rel="stylesheet" type="text/css" media="all" />
1169  
1170  
1171  
1171<script src="//nacholightingco.com/cdn/shop/t/30/assets/constants.js?v=39579758319660886351789788223" defer></script>
1171
1172  
1172<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1172<meta name="facebook-domain-verification" content="mqb4fak5b3ym78dwzm52rnwpuct6us">
1173<meta name="google-site-verification" content="jbRClbdeLZX_B-llaw0F0bjB-E6xm4gUC4qfK0B7vMs">
1174<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61423419562/digital_wallets/dialog">
1175<meta id="in-context-paypal-metadata" data-shop-id="61423419562" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1176<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1176<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1176
1177<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1178<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=61423419562" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1178
1178
1179<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":61423419562,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/61423419562","merchantName":"NACHO Lighting Co.","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"NACHO Lighting Co.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1179
1179
1180<script id="shopify-features" type="application/json">{"accessToken":"96b19c200479a77ef6e4c7b1334ac65d","betas":["rich-media-storefront-analytics"],"domain":"nacholightingco.com","predictiveSearch":true,"shopId":61423419562,"locale":"en"}</script>
vendor: 1 bytes, line 1180
1180
1181<script>var Shopify = Shopify || {};
1182Shopify.shop = "nacho-offroad-technology.myshopify.com";
1183Shopify.locale = "en";
1184Shopify.currency = {"active":"USD","rate":"1.0"};
1185Shopify.country = "US";
1186Shopify.theme = {"name":"Maximize - NLC","id":148956151978,"schema_name":"Maximize","schema_version":"1.9.0","theme_store_id":3716,"role":"main"};
1187Shopify.theme.handle = "null";
1188Shopify.theme.style = {"id":null,"handle":null};
1189Shopify.cdnHost = "nacholightingco.com/cdn";
1190Shopify.routes = Shopify.routes || {};
1191Shopify.routes.root = "/";
1192Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1193Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1194Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1195Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1195
1195
1196<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1196
1196
1197<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 1197
1197
1198<script>
1199  window.ShopifyPay = window.ShopifyPay || {};
1200  window.ShopifyPay.apiHost = "shop.app\/pay";
1201  window.ShopifyPay.redirectState = null;
1202</script>
vendor: 1 bytes, line 1202
1202
1203<script>
1204  window.Shopify = window.Shopify || {};
1205  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1206  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1207  window.Shopify.SignInWithShop.eligible = true;
1208</script>
vendor: 1 bytes, line 1208
1208
1209<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1209
1209
1210<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 1210
1210
1211<script type="module">
1212  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1213
1214  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1215
1216</script>
vendor: 1 bytes, line 1216
1216
1217<script>
1218  window.Shopify = window.Shopify || {};
1219  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1220  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"]};
1221</script>
vendor: 1 bytes, line 1221
1221
1222<script>(function() {
1223  var isLoaded = false;
1224  function asyncLoad() {
1225    if (isLoaded) return;
1226    isLoaded = true;
1227    var urls = ["\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","https:\/\/id-shop.govx.com\/app\/nacho-offroad-technology.myshopify.com\/govx.js?shop=nacho-offroad-technology.myshopify.com","\/\/cdn.shopify.com\/proxy\/0bdd0933b4ec4aeb46175df939988e55f71db49adb108ea8c7776e5dd2da6148\/b2b-solution.bsscommerce.com\/js\/bss-b2b-cp.js?shop=nacho-offroad-technology.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
1228    for (var i = 0; i < urls.length; i++) {
1229      var s = document.createElement('script');
1230      s.type = 'text/javascript';
1231      s.async = true;
1232      s.src = urls[i];
1233      var x = document.getElementsByTagName('script')[0];
1234      x.parentNode.insertBefore(s, x);
1235    }
1236  };
1237  if(window.attachEvent) {
1238    window.attachEvent('onload', asyncLoad);
1239  } else {
1240    window.addEventListener('load', asyncLoad, false);
1241  }
1242})();</script>
vendor: 1 bytes, line 1242
1242
1243<script id="__st">var __st={"a":61423419562,"offset":-25200,"reqid":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868","pageurl":"nacholightingco.com\/pages\/contact","s":"pages-88016388266","u":"611b351e9585","p":"page","rtyp":"page","rid":88016388266};</script>
vendor: 1 bytes, line 1243
1243
1244<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1244
1244
1245<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 1245
1245
1246<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1246
1246
1247<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 = "//nacholightingco.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>
1247<script crossorigin="anonymous" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1247
1247
1248<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 1248
1248
1249<script>
1250  window.Shopify = window.Shopify || {};
1251  window.Shopify.MCP = window.Shopify.MCP || {};
1252  window.Shopify.MCP.enabled = true;
1253  window.Shopify.MCP.shop = "nacho-offroad-technology.myshopify.com";
1254  window.Shopify.MCP.mcpEndpoint = "https:\/\/nacholightingco.com\/api\/mcp";
1255  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?\"\nSet policy_types to also get the store's written policies (full text and URL).\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."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
1256</script>
vendor: 1 bytes, line 1256
1256
1257<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("\/\/nacholightingco.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
1258</script>
vendor: 1 bytes, line 1258
1258
1259<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://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1260</script>
vendor: 1 bytes, line 1260
1260
1261<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1262  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);
1263</script>
vendor: 1 bytes, line 1263
1263
1264<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})}}));
1265</script>
vendor: 1 bytes, line 1265
1265
1266<script id='scb4127' type='text/javascript' async='' src='https://nacholightingco.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1266<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M4HTRY6NGTZA20XA9H4XMGX3&quot;,&quot;publisher_shop_id&quot;:61423419562,&quot;theme_id&quot;:148956151978,&quot;theme_published&quot;:true,&quot;theme_store_id&quot;:3716,&quot;placement&quot;:&quot;collection&quot;,&quot;event_data&quot;:{&quot;handle&quot;:&quot;contact&quot;,&quot;page_type&quot;:&quot;page&quot;},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
1266
1267<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1268<style id="shopify-accelerated-checkout-cart">
1269        #shopify-buyer-consent {
1270  margin-top: 1em;
1271  display: inline-block;
1272  width: 100%;
1273}
1274
1275#shopify-buyer-consent.hidden {
1276  display: none;
1277}
1278
1279#shopify-subscription-policy-button {
1280  background: none;
1281  border: none;
1282  padding: 0;
1283  text-decoration: underline;
1284  font-size: inherit;
1285  cursor: pointer;
1286}
1287
1288#shopify-subscription-policy-button::before {
1289  box-shadow: none;
1290}
1291
1292      </style>
1293
1294<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1294
1295  <!-- Google Tag Manager -->
1296<script>
vendor: 327 bytes, lines 1296-1300
1296(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1297new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1298j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1299'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1300})(window,document,'script','dataLayer','
1300GTM-5K47W6Z6
vendor: 3 bytes, line 1300
1300');
1300</script>
1300
1301<!-- End Google Tag Manager -->
1302<!-- BEGIN app block: shopify://apps/ot-theme-sections/blocks/otsb-style/45c0d634-d78b-458c-8bca-17086e7d65aa --><link href="//cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-style.min.css" rel="stylesheet" type="text/css" media="all" />
1303<script>
1304  window.otsb={main_script_enabled:true,sliderScript:"https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-splide.min.js",loadedScript:window?.otsb?.loadedScript||[],components:{splides:{}}};
1305</script>
1305<script src="https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-script.min.js" defer="defer"></script>
1305
1306
1307<!-- END app block --><!-- BEGIN app block: shopify://apps/bss-b2b-solution/blocks/config-header/451233f2-9631-4c49-8b6f-057e4ebcde7f -->
1308
1309
1310<link href="//cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/config-header.css" rel="stylesheet" type="text/css" media="all" />
1311<script id="bss-b2b-config-data">
1312  	if (typeof BSS_B2B == 'undefined') {
1313  		var BSS_B2B = {};
1314	}
1315
1316	
1317        BSS_B2B.storeId = 15990;
1318        BSS_B2B.currentPlan = "false";
1319        BSS_B2B.planCode = "advanced";
1320        BSS_B2B.shopModules = JSON.parse('[{"code":"qb","status":0},{"code":"cp","status":1},{"code":"act","status":1},{"code":"form","status":1},{"code":"tax_exempt","status":1},{"code":"amo","status":0},{"code":"mc","status":0},{"code":"public_api","status":0},{"code":"dc","status":0},{"code":"cart_note","status":0},{"code":"mo","status":1},{"code":"tax_display","status":1},{"code":"sr","status":1},{"code":"bogo","status":0},{"code":"qi","status":0},{"code":"ef","status":0},{"code":"pl","status":0}]');
1321        BSS_B2B.version = 3;
1322        var bssB2bApiServer = "https://solution-api.bss-b2b.solutions";
1323        var bssB2bCmsUrl = "https://solution-cms.bss-b2b.solutions";
1324        var bssGeoServiceUrl = "https://geo-ip-service.bsscommerce.com";
1325        var bssB2bCheckoutUrl = "https://solution-checkout.bss-b2b.solutions";
1326    
1327
1328	
1329
1330	
1331		window.bssB2bMarketId = 3048800426;
1332	
1333
1334	
1335		BSS_B2B.integrationApp = null;
1336	
1337
1338	
1339
1340	
1341
1342	
1343		
1344		
1345		BSS_B2B.configData = [].concat([{"i":"2148207966","n":"Tier 1","at":4,"ct":"tier 1","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"pBjm0KPvPLrfpMl2ZGIQqGjeCTFcyTlO4NrsRuLbJTM="},{"i":"2148208252","n":"Tier 2","at":4,"ct":"tier 2","mct":0,"pct":2,"pc":"287783190698,287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"25.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"ygOnTgXN3Wqarvw3xyrL6KzM2z+dwtqQ9RsZ6N876aA="},{"i":"2148208256","n":"Tier 3","at":4,"ct":"tier 3","mct":0,"pct":2,"pc":"287783190698,287862259882,321033535658,316349350058,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"30.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"37i0mBlrAHP8JrZSrKkZZVIb7NwUTyd+tcGysa5h/Gk="},{"i":"2148208257","n":"Tier 4","at":4,"ct":"tier 4","mct":0,"pct":2,"pc":"337277911210,287862259882,316349350058,321033535658,335397257386,335397290154","xpct":0,"dt":2,"dv":"35.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"6esfom//PnQNXqmeVcxdHaolHYSyrG4Ywo6boylrfVo="},{"i":"2148208259","n":"Tier 5","at":4,"ct":"tier 5","mct":0,"pct":2,"pc":"287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"40.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"kCBXrqV06Gdn/fhm1Ldvh5hZd6rZGQlMv+N6bd3CvVc="},{"i":"2151274009","n":"Legacy","at":4,"ct":"Legacy","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"28.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"jBbsyUUyv1ZM2f6800ABmI2XCTGDwz3kLgHcOea4sXI="},{"i":"2150378818","n":"test bss","at":3,"ci":"8642644082858","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2025-03-21T07:37:36.000Z","ed":"2025-03-21T07:37:36.000Z","st":"14:37:00","et":"14:37:00","ef":0,"eed":0,"t":"A2nDJ5BPivnSdR1aXNGuOQpFcWvjS7U7WHCs//ACQpU="},{"i":"2148208260","n":"Dealer 20%","p":1,"at":4,"ct":"tier 1,tier 2,tier 3","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"Wmq1dLbHy7/q3qZ+Gfui+6yKU8HCZcwh+iggIJY5Wog="},{"i":"2148208261","n":"Dealer 25%","p":1,"at":4,"ct":"tier 4,tier 5","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"z0JHy7z2gFrWGnqy5m0v4vWszEJKu6npfCi+eOex7Ks="},{"i":"2148225683","n":"High Boy Tier 3-5","p":1,"at":4,"ct":"tier 3,tier 4,tier 5","mct":0,"pct":1,"pi":"7633095262378","xpct":0,"dt":2,"dv":"23.00","sd":"2024-01-26T16:37:00.000Z","ed":"2024-01-26T16:37:00.000Z","st":"09:37:00","et":"09:37:00","ef":0,"eed":0,"t":"yKkLDlwjkNFsxSwIzrhYX9DOvMnkLClTLA0DjJOUbE0="}],[],[],[],[],[],[],[],[],[],);
1346		BSS_B2B.cpSettings = {"cpType":2,"default_price_color":"#ff7903","price_applied_cp_color":"#000000"};
1347		BSS_B2B.customPricingSettings = null;
1348	
1349	
1350	
1351	
1352	
1353	
1354	
1355	
1356
1357	
1358
1359	
1360	
1361		
1362			BSS_B2B.srSettings = {"srType":0};
1363		
1364		BSS_B2B.srRules = [{"id":1533,"name":"Free Shipping Over $2000","apply_to":4,"customer_ids":"","customer_tags":"tier 1,tier 2","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2024-02-02T19:03:09.000Z","updatedAt":"2024-02-02T19:03:09.000Z","id":2141,"rule_id":1533,"amount_from":"2500","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":null,"total_sr_per_customer":null,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":"2026-02-18T16:54:12.000Z","end_date":"2026-02-18T16:54:12.000Z","start_time":"09:54:00","end_time":"09:54:00","enable_end_date":0},{"id":2901,"name":"Free Shipping Over $3000","apply_to":4,"customer_ids":"","customer_tags":"tier 3,tier 4","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:35:29.000Z","updatedAt":"2025-03-25T04:35:29.000Z","id":3669,"rule_id":2901,"amount_from":"3000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0},{"id":2902,"name":"Free Shipping Over $5000","apply_to":4,"customer_ids":"","customer_tags":"tier 5","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:36:36.000Z","updatedAt":"2025-03-25T04:36:36.000Z","id":3670,"rule_id":2902,"amount_from":"5000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0}];
1365	
1366	
1367		
1368
1369		
1370			BSS_B2B.taxDisplayTranslations = {"excluded_vat_text":"exc. VAT | ","included_vat_text":"inc. VAT","toggle_included_vat_text":"Inc. VAT","toggle_excluded_vat_text":"Exc. VAT"};
1371		
1372
1373		BSS_B2B.taxDisplayRules = [];
1374		BSS_B2B.allVatCountries = "[]";
1375		BSS_B2B.taxOverrides = [];
1376	
1377	
1378		
1379		
1380		
1381        	BSS_B2B.vatTranslations = {"form_header_text":"EU VAT ID","form_subtitle_text":"(VAT will be deducted at payment step)","form_error_message":"Please enter a valid EU VAT ID (e.g. DK123..., FR123...)","form_success_message":"Your VAT ID has been successfully validated.","form_validate_country_code_message":"Your country is not eligible for VAT Exemption in this store.","form_header_text_gst":"India GST Identification Number","form_subtitle_text_gst":"(India GST will be deducted at payment step)","form_error_message_gst":"Please enter a valid India GST Identification Number","form_success_message_gst":"Your India GST Identification Number has been successfully validated.","form_header_text_abn":"ABN Registration Number","form_subtitle_text_abn":"(ABN will be deducted at payment step)","form_error_message_abn":"Please enter a valid ABN Registration Number","form_success_message_abn":"Your ABN Registration Number has been successfully validated.","form_header_text_uk":"UK VAT Registration Number","form_subtitle_text_uk":"(UK VAT will be deducted at payment step)","form_error_message_uk":"Please enter a valid UK VAT Registration Number","form_success_message_uk":"Your UK VAT Registration Number has been successfully validated.","form_header_text_us_ein":"US EIN Registration Number","form_subtitle_text_us_ein":"(US Tax will be deducted at payment step)","form_error_message_us_ein":"Please enter a valid US EIN Number.","form_success_message_us_ein":"Your EIN Number has been successfully validated."};
1382		
1383        BSS_B2B.allVatCountries = "[]";
1384        BSS_B2B.vatSetting = {"show_vat_apply_to":"0","show_vat_customer_tags":"","show_vat_customer_ids":"","
1384is_required_vat":0,"auto_exempt_tax":1,"auto_redirect_to_checkout":0,"enable_select_eu_vat_countries":0,"selected_eu_vat_countries":"AT,BE,BG,CY,CZ,DE,DK,EE,EL,ES,FI,FR,GB,HR,HU,IE,IT,LT,LU,LV,MT,NL,PL,PT,RO,SE,SI,SK,XI","enable_eu_vat":1,"enable_uk_vat":1,"enable_gst":0,"enable_us_ein":0,"enable_abn":0};
1385        BSS_B2B.vatExemptSelectedOriginal = null;
1386        BSS_B2B.vatExemptSelected = null;
1387        BSS_B2B.vatAutoExempt = 1;
1388		
1389	
1390	
1391	
1392
1393	
1394		BSS_B2B.rfGeneralSettings = {"form_success_notification":"Created wholesaler successfully","sent_email_success_notification":"We have sent an email to {email}, please click on the included link to verify your email address","form_edit_success_notification":"Edited wholesaler successfully","form_fail_notification":"Created wholesaler failed","form_edit_fail_notification":"Edited wholesaler failed","vat_valid":"VALID VAT NUMBER","vat_not_valid":"EU VAT is not valid. Please re-enter","customer_exist":"Customer email already exists","required_field":"This field is required","password_too_short":"Password is too short (minimum is 5 characters)","password_invalid_with_spaces":"Password cannot start or end with spaces","password_error_label":"Password must include:","min_password":"At least {number} characters","at_least_number":"At least one number","at_least_special":"At least one special character","mixture_upper_lower":"At least one uppercase letter","email_format":"Must be email format","email_contain_invalid_domain":"Email contains an invalid domain name","error_created_account_on_shopify":"Error when creating account on Shopify","loadingForm":"Loading...","create":"Create","phone_is_invalid":"Phone number is invalid","phone_has_already_been_taken":"Phone has already been taken","country_invalid":"Country is not valid. Please choose country again","complete_reCapcha_task":"Please complete reCAPTCHA task","abn_valid":"This ABN is registered to","abn_not_valid":"ABN is not valid. Please re-enter","gst_valid":"VALID India GST NUMBER","gst_not_valid":"India GST number is not valid. Please re-enter","uk_valid":"VALID UK VAT NUMBER","uk_not_valid":"UK VAT number is not valid. Please re-enter","us_ein_valid":"VALID US EIN NUMBER","us_ein_not_valid":"US EIN number is not valid. Please re-enter","text_color_success":"#008000","text_color_failed":"#ff0000","submit_button_color":"#6200c3","registration_forms":"None","email_is_invalid":"Email is invalid","complete_privacy_policy":"Please accept the privacy policy","default_form_title":"Create account","submit_button":"SUBMIT","registerPage_url":"/account/register"};
1395	
1396
1397	
1398	
1399	
1400</script>
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409	
1410	
1411		<style>
1412            #customer_register_link,
1413            .customer-login__register,
1414            .account--register,
1415            .customer.register,
1416            #customer_login .customer__link--centered,
1417			.account-page.account-page-register,
1418            #customer_login .Link--secondary, .customer-login .button.btn-secondary ~ .hr-or,.customer-login .button.btn-secondary ~ .accounts__create-customer{display: none !important;}
1419		</style>
1420	
1421	 
1422                
1422<script id="bss-b2b-rf-config-data">
1423                if (typeof BSS_B2B == 'undefined') {
1424                    var BSS_B2B = {};
1425                }
1426                </script>
1426
1427                
1427<script id="bss-b2b-wholesaler-form-default">
1428                    BSS_B2B.formDataRenderDefault = [];
1429                    BSS_B2B.formIdDef = 21197;
1430                    BSS_B2B.reCAPCHA = 0;
1431                    BSS_B2B.CAPCHA_SITE_KEY = "6LcYPEgbAAAAAKEQdimI1PPA4vuOJHxNb5p6eLUo";
1432                    BSS_B2B.status = 0;
1433                    BSS_B2B.created_account = 1;
1434                    BSS_B2B.redirect_url = "/";
1435                    BSS_B2B.taxExempt = 0;
1436                    BSS_B2B.formPrivacyPolicyStatus = 0;
1437                    BSS_B2B.formPrivacyPolicyContent = `<p>By clicking Create, I confirm that I have read and accepted the <a href="/">privacy policy</a></p>`;
1438                    BSS_B2B.conditionalLogic = [];
1439                </script>
1439
1440                <style>
1441                    label[for='RegisterForm-FirstName']:after {
1442    content: '*';
1443    color: #e95144;
1444}
1445.password-field {
1446    flex-direction: column;
1447}
1448.icon-show-hide-password {
1449    right: unset;
1450    left: 430px;
1451}
1452.bss-error-msg {
1453    text-align: left !important;
1454}
1455                    #account-popover, 
1456                    .popover--unlogged {
1457                        height: 400px; 
1458                        width: 365px;
1459                    }
1460                    #header-register-panel {
1461                        height: 400px;
1462                        overflow-y: auto;
1463                    }
1464                </style>
1465
1466
1467<script id="bss-b2b-customize">
1468	// eslint-disable-next-line no-console
1469console.log("B2B hooks")
1470window.bssB2BHooks = window.bssB2BHooks || {
1471    actions: {},
1472    filters: {},
1473};
1474
1475window.BSS_B2B = window.BSS_B2B || {};
1476
1477window.BSS_B2B.addAction = (tag, callback) => {
1478    window.bssB2BHooks.actions[tag] = callback;
1479}
1480window.BSS_B2B.addFilter = (tag,  value) => {
1481    window.bssB2BHooks.filters[tag] = value;
1482}
1483
1484// Custom td subtotal product page
1485function getHtmlString(price, style, type) {
1486        const { excluded_vat_text, included_vat_text } = BSS_B2B.td.tdTranslations;
1487        let className = '';
1488        switch (type) {
1489            case 'exclude':
1490                className = 'bss-b2b-price-no-vat';
1491                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1492                    price
1493                )} ${excluded_vat_text}</span>`;
1494            case 'include':
1495                className = 'bss-b2b-price-has-vat';
1496                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1497                    price
1498                )} ${included_vat_text}</span>`;
1499            case 'exc_compare':
1500                className = 'bss-b2b-compare-price-no-vat';
1501                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1502                    price
1503                )} ${excluded_vat_text}</span>`;
1504            case 'inc_compare':
1505                className = 'bss-b2b-compare-price-has-vat';
1506                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1507                    price
1508                )} ${included_vat_text}</span>`;
1509            default:
1510                break;
1511        }
1512    }
1513
1514function getPriceHtml(rule, vatPrice, quantity) {
1515        const { priceNoVat, priceHasVat, comparePriceHasVat, comparePriceNoVat } = vatPrice;
1516        const priceHtml = {
1517            priceNoVat: '',
1518            priceHasVat: '',
1519            comparePriceNoVat: '',
1520            comparePriceHasVat: '',
1521            linePriceNoVat: '',
1522            linePriceHasVat: '',
1523        };
1524        switch (rule.display_price_type) {
1525            case 0:
1526                priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude');
1527                priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include');
1528                priceHtml.comparePriceNoVat =
1529                    comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare');
1530                priceHtml.comparePriceHasVat =
1531                    comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare');
1532                priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude');
1533                priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include');
1534                break;
1535            case 2:
1536                priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude');
1537                priceHtml.comparePriceNoVat =
1538                    comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare');
1539                priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude');
1540                break;
1541            case 1:
1542                priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include');
1543                priceHtml.comparePriceHasVat =
1544                    comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare');
1545                priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include');
1546                break;
1547            default:
1548                break;
1549        }
1550        return priceHtml;
1551    }
1552
1553const showTdProductPrice = (props) => {
1554  let quantity = 1;
1555  const { priceElement , priceAfterTd, appliedTD } = props;
1556  const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal");
1557  const quantityEle = document.querySelector(".productView-product [name='quantity']");
1558  if (quantityEle) {
1559    quantity = quantityEle.value;
1560  }
1561  if (totalProductPriceEle && quantityEle) {
1562    const totalProductPrice = getPriceHtml(appliedTD, priceAfterTd, quantity);
1563    const priceHTML =  totalProductPrice.linePriceNoVat + totalProductPrice.linePriceHasVat;
1564    totalProductPriceEle.innerHTML = priceHTML
1565  }
1566  
1567}
1568window.BSS_B2B.addAction('custom:TdProduct/showPriceBase', showTdProductPrice);
1569
1570// Custom CP subtotal product page
1571const showCpProductPrice = (priceHTMLCustom, props) => {
1572  let quantity = 1;
1573  const {cpPrices} = props;
1574  const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal");
1575  const quantityEle = document.querySelector(".productView-product [name='quantity']");
1576  if (quantityEle) {
1577    quantity = quantityEle.value;
1578  }
1579  if (totalProductPriceEle && quantityEle) {
1580    const totalProductPrice = cpPrices.price * quantity;
1581    totalProductPriceEle.innerHTML = BSS_B2B.formatMoney(totalProductPrice);
1582  }
1583  return priceHTMLCustom 
1584}
1585window.BSS_B2B.addFilter('custom:product_page/cp_pl_show_price', showCpProductPrice);;
1586</script>
1586
1587
1588
1589
1590
1591
1592<style type="text/css">
1593                .shopify-payment-button__button, .shopify-payment-button__more-options{
1594                    display: none !important;
1595                }
1596                .bss-b2b-btn-buyitnow { display: block !important; }
1597                meta[itemprop="price"] { display: none !important; }
1598                </style><style></style><style></style>
1599
1600
1601	
1602		<style id="bss-b2b-price-style">
1603			[bss-b2b-variant-price],
1604			[bss-b2b-product-price],
1605			[bss-b2b-cart-item-key][bss-b2b-item-original-price],
1606			[bss-b2b-cart-item-key][bss-b2b-final-line-price],
1607			[bss-b2b-cart-item-key] [bss-b2b-item-original-price],
1608			[bss-b2b-cart-item-key] [bss-b2b-final-line-price],
1609			[bss-b2b-cart-total-price] {
1610				visibility: hidden;
1611			}
1612		</style>
1613	
1614
1615
1616
1617<script id="bss-b2b-store-data" type="application/json">
1618{
1619  "shop": {
1620    "domain": "nacholightingco.com",
1621    "permanent_domain": "nacho-offroad-technology.myshopify.com",
1622    "url": "https://nacholightingco.com",
1623    "secure_url": "https://nacholightingco.com",
1624    "money_format": "${{amount}}",
1625	"money_with_currency_format": "${{amount}} USD",
1626	"currency_code_enabled": null,
1627    "currency": "USD",
1628    "cart_current_currency": "USD",
1629    "multi_currencies": [
1630        
1631            "USD"
1632        
1633    ]
1634  },
1635  "customer": {
1636    "id": null,
1637	"isB2B": null,
1638    "current_company": null,
1639    "current_location": null,
1640    "tags": null,
1641    "tax_exempt": null,
1642    "first_name": null,
1643    "last_name": null,
1644    "phone": null,
1645    "email": "",
1646	"country_code": "",
1647	"addresses": [
1648		
1649	]
1650  },
1651  "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
1652  "line_item_products": [],
1653  "template": "page",
1654  "product": "bnVsbA==",
1655  "product_collections": [
1656    
1657  ],
1658  "collection": [],
1659  "collections": [
1660    
1661  ],
1662  "taxes_included": false
1663}
1664</script>
1664
1665
1666
1667
1668
1669
1670	
1670<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-state.js" defer="defer"></script>
1670
1671	
1671<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-phone.js" defer="defer"></script>
1671
1672
1673
1674
1675	
1675<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-rf-js.js" defer="defer"></script>
1675
1676
1677
1678
1679
1680
1681<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-decode.js" async></script>
vendor: 1 bytes, line 1681
1681
1682<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-integrate.js" defer="defer"></script>
1682
1683
1684
1685	
1686
1687	
1688	
1689
1690	
1691		
1691<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-cp.js" defer="defer"></script>
1691
1692	
1693
1694	
1695
1696	
1697
1698	
1699
1700	
1701		
1701<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-td.js" defer="defer"></script>
1701
1702	
1703
1704	
1705
1706	
1707
1708	
1709
1710	
1711		
1711<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-sr.js" defer="defer"></script>
1711
1712	
1713
1714	
1715		
1715<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-te.js" defer="defer"></script>
1715
1716	
1717
1718	
1719	
1720
1721	
1721<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-v3.js" defer="defer"></script>
1721
1722
1723
1724
1725
1726<!-- 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'>
1727
1728<script id='shopify-chat-app-embed-data' type='application/json'>
1729  {
1730    "settings": {
1731      "invertActivatorColors": true,
1732      "greetingMessage": "",
1733      "showFeaturedProducts": true,
1734      "featuredProducts": [],
1735      "horizontalPosition": "bottom_right",
1736      "icon": "chat_bubble",
1737      "buttonLabel": "Chat"
1738    }
1739  }
1740</script>
1740
1741
1742<style data-shopify>
1743  
1744
1745  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
1746  shopify-chat:defined:empty {
1747    display: grid;
1748  }
1749
1750  :root {
1751    --shopify-chat-bg-color: #FFFFFF;
1752    --shopify-chat-text-color: #000000;
1753    --shopify-chat-accent-bg-color: #000000;
1754    --shopify-chat-accent-text-color: #FFFFFF;
1755    --shopify-chat-activator-offset: 20px;
1756
1757    
1758
1759    --shopify-chat-activator-font-size: 16px;
1760    --shopify-chat-border-radius: 16px;
1761  }
1762
1763  
1764</style>
1765
1766<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1766
1767
1768
1769<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782  
1782<script async src="https://static.klaviyo.com/onsite/js/T9hiKV/klaviyo.js?company_id=T9hiKV"></script>
1782
1783  
1783<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>
1783
1784
1785  
1786
1787
1788
1789
1790  
1790<script>
1791    window.klaviyoReviewsProductDesignMode = false
1792  </script>
1792
1793
1794
1795
1796  <!-- BEGIN app snippet: customer-hub-data -->
1796<script>
1797  if (!window.customerHub) {
1798    window.customerHub = {};
1799  }
1800  window.customerHub.storefrontRoutes = {
1801    login: "https://nacholightingco.com/customer_authentication/redirect?locale=en&region_country=US?return_url=%2F%23k-hub",
1802    register: "https://account.nachooffroadtechnology.com?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY4LCJuYmYiOjE3OTE1OTk4Njh9.coe_RTWI6V9SPiAwaM3cSP7twBzy2rHvKg2vpvKjDtI?return_url=%2F%23k-hub",
1803    logout: "/account/logout",
1804    profile: "/account",
1805    addresses: "/account/addresses",
1806  };
1807  
1808  window.customerHub.userId = null;
1809  
1810  window.customerHub.storeDomain = "nacho-offroad-technology.myshopify.com";
1811
1812  
1813
1814  
1815    window.customerHub.storeLocale = {
1816        currentLanguage: 'en',
1817        currentCountry: 'US',
1818        availableLanguages: [
1819          
1820            {
1821              iso_code: 'en',
1822              endonym_name: 'English'
1823            }
1824          
1825        ],
1826        availableCountries: [
1827          
1828            {
1829              iso_code: 'US',
1830              name: 'United States',
1831              currency_code: 'USD'
1832            }
1833          
1834        ]
1835    };
1836  
1837</script>
1837
1838<!-- END app snippet -->
1839
1840
1841
1842  <!-- BEGIN app snippet: customer-hub-replace-links -->
1843<script>
1844  function replaceAccountLinks() {
1845    const selector =
1846      'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account';
1847    const accountLinksNodes = document.querySelectorAll(selector);
1848    for (const node of accountLinksNodes) {
1849      const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false';
1850      if (!ignore) {
1851        // Any login links to Shopify's account system, point them at the customer hub instead.
1852        node.href = '#k-hub';
1853        /**
1854         * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads.
1855         * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen.
1856         * Luckily, these themes usually have a className you can add to links to skip the transition.
1857         * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link.
1858         **/
1859        node.classList.add('no-transition', 'js-no-transition');
1860      }
1861    }
1862  }
1863
1864  
1865    if (document.readyState === 'complete') {
1866      replaceAccountLinks();
1867    } else {
1868      const controller = new AbortController();
1869      document.addEventListener(
1870        'readystatechange',
1871        () => {
1872          replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state
1873          if (document.readyState === 'complete') {
1874            // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort
1875            // by removing the listener afterwards.
1876            controller.abort();
1877          }
1878        },
1879        { signal: controller.signal },
1880      );
1881    }
1882  
1883</script>
1883
1884<!-- END app snippet -->
1885
1886
1887
1888
1889
1890<!-- END app block --><!-- BEGIN app block: shopify://apps/google-youtube/blocks/store_widget/14ec7bd0-ac77-49a9-9417-90752398bdff -->
1891
1892
1893<!-- BEGIN MerchantWidget Code -->
1894<script id='merchantWidgetScript'
1895        src="https://www.gstatic.com/shopping/merchant/merchantwidget.js"
1896        defer>
1897</script>
vendor: 1 bytes, line 1897
1897
1898<script type="text/javascript">
1899  merchantWidgetScript.addEventListener('load', function () {
1900    var widgetPos = 'LEFT_BOTTOM';
1901    var sideMargin = '36';
1902    var bottomMargin = '36';
1903    var mobileSideMargin = '16';
1904    var mobileBottomMargin = '46';
1905    var merchantId = '563611008';
1906    merchantwidget.start({
1907     position: widgetPos,
1908     sideMargin: sideMargin,
1909     bottomMargin: bottomMargin,
1910     mobileSideMargin: mobileSideMargin,
1911     mobileBottomMargin: mobileBottomMargin,
1912     merchant_id: merchantId,
1913   });
1914  });
1915</script>
1915
1916<!-- END MerchantWidget Code --><!-- END app block -->
1916<script src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
1916
1917<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1918<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: 61423419562,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1918
1918
1919<script>
1920  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1921</script>
vendor: 1 bytes, line 1921
1921
1922<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}
1922).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: 61423419562,storefrontBaseUrl: "https://nacholightingco.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nacholightingco.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1464238250","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1922,"dataSharingState":"unrestricted"},{"id":"1082851498","configuration":"{\"accountID\":\"T9hiKV\",\"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":"386072746","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\",\\\"GT-5N2PBKR\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/s0ZUCKLx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/mDl6CKXx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/BNypCJzx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/ZP9iCJnx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/N2gGCJbx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/wwGHCKjx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/esE5CJ_x8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"}],\\\"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":"141525162","configuration":"{\"pixel_id\":\"984986382156600\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"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":"NACHO Lighting Co.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"nacho-offroad-technology.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/nacholightingco.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://nacholightingco.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"148956151978","themeStoreId":"3716","themePublished":"true","eventMetadataId":"62df5eb6-1f2a-4036-b713-2c5f8497ad54","pageType":"page","resourceId":"88016388266","shopId":"61423419562","storefrontBaseUrl":"https:\/\/nacholightingco.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1922<script>
1923  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1924  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1925  window.ShopifyAnalytics.meta.currency = 'USD';
1926  var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":88016388266,"requestId":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868"}};
1927  for (var attr in meta) {
1928    window.ShopifyAnalytics.meta[attr] = meta[attr];
1929  }
1930</script>
vendor: 1 bytes, line 1930
1930
1931<script class="analytics">
1932  (function () {
1933    var customDocumentWrite = function(content) {
1934      var jquery = null;
1935
1936      if (window.jQuery) {
1937        jquery = window.jQuery;
1938      } else if (window.Checkout && window.Checkout.$) {
1939        jquery = window.Checkout.$;
1940      }
1941
1942      if (jquery) {
1943        jquery('body').append(content);
1944      }
1945    };
1946
1947    var hasLoggedConversion = function(token) {
1948      if (token) {
1949        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1950      }
1951      return false;
1952    }
1953
1954    var setCookieIfConversion = function(token) {
1955      if (token) {
1956        var twoMonthsFromNow = new Date(Date.now());
1957        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1958
1959        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1960      }
1961    }
1962
1963    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1964    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1965    if (trekkie.integrations) {
1966      return;
1967    }
1968    trekkie.methods = [
1969      'identify',
1970      'page',
1971      'ready',
1972      'track',
1973      'trackForm',
1974      'trackLink'
1975    ];
1976    trekkie.factory = function(method) {
1977      return function() {
1978        var args = Array.prototype.slice.call(arguments);
1979        args.unshift(method);
1980        trekkie.push(args);
1981        if (method == 'track' || method == 'page') {
1982          var pageUrl;
1983          try {
1984            pageUrl = window.location.href;
1985          } catch (e) {}
1986          var pageReferrer;
1987          try {
1988            pageReferrer = document.referrer;
1989          } catch (e) {}
1990          try {
1991            if (window.__TREKKIE_SHIM_QUEUE == null) {
1992              window.__TREKKIE_SHIM_QUEUE = [];
1993            }
1994            window.__TREKKIE_SHIM_QUEUE.push({
1995              from: 'trekkie-stub',
1996              method: method,
1997              args: args.slice(1),
1998              pageContext: {
1999                url: pageUrl,
2000                referrer: pageReferrer
2001              }
2002            });
2003          } catch (e) {
2004            // no-op
2005          }
2006        }
2007        return trekkie;
2008      };
2009    };
2010    for (var i = 0; i < trekkie.methods.length; i++) {
2011      var key = trekkie.methods[i];
2012      trekkie[key] = trekkie.factory(key);
2013    }
2014    trekkie.load = function(config) {
2015      trekkie.config = config || {};
2016      trekkie.config.initialDocumentCookie = document.cookie;
2017      var first = document.getElementsByTagName('script')[0];
2018var script = document.createElement('script');
2019script.type = 'text/javascript';
2020script.onerror = function(e) {
2021  var scriptFallback = document.createElement('script');
2022  scriptFallback.type = 'text/javascript';
2023  scriptFallback.onerror = function(error) {
2024          var Monorail = {
2025      produce: function produce(monorailDomain, schemaId, payload) {
2026        var currentMs = new Date().getTime();
2027        var event = {
2028          schema_id: schemaId,
2029          payload: payload,
2030          metadata: {
2031            event_created_at_ms: currentMs,
2032            event_sent_at_ms: currentMs
2033          }
2034        };
2035        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2036      },
2037      sendRequest: function sendRequest(endpointUrl, payload) {
2038        // Try the sendBeacon API
2039        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2040          var blobData = new window.Blob([payload], {
2041            type: 'text/plain'
2042          });
2043
2044          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2045            return true;
2046          } // sendBeacon was not successful
2047
2048        } // XHR beacon
2049
2050        var xhr = new XMLHttpRequest();
2051
2052        try {
2053          xhr.open('POST', endpointUrl);
2054          xhr.setRequestHeader('Content-Type', 'text/plain');
2055          xhr.send(payload);
2056        } catch (e) {
2057          console.log(e);
2058        }
2059
2060        return false;
2061      },
2062      isIos12: function isIos12() {
2063        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2064      }
2065    };
2066    Monorail.produce('monorail-edge.shopifysvc.com',
2067      'trekkie_storefront_load_errors/1.1',
2068      {shop_id: 61423419562,
2069      theme_id: 148956151978,
2070      app_name: "storefront",
2071      context_url: window.location.href,
2072      source_url: "//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
2073
2074  };
2075  scriptFallback.async = true;
2076  scriptFallback.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2077  first.parentNode.insertBefore(scriptFallback, first);
2078};
2079script.async = true;
2080script.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2081first.parentNode.insertBefore(script, first);
2082
2083    };
2084    trekkie.load(
2085      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61423419562,"isMerchantRequest":null,"themeId":148956151978,"themeCityHash":"12054694450167017383","contentLanguage":"en","currency":"USD","eventMetadataId":"62df5eb6-1f2a-4036-b713-2c5f8497ad54"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2086    );
2087
2088    var loaded = false;
2089    trekkie.ready(function() {
2090      if (loaded) return;
2091      loaded = true;
2092
2093      window.ShopifyAnalytics.lib = window.trekkie;
2094
2095      var originalDocumentWrite = document.write;
2096      document.write = customDocumentWrite;
2097      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2098      document.write = originalDocumentWrite;
2099
2100      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2101      var token = match? match[1]: undefined;
2102      if (!hasLoggedConversion(token)) {
2103        setCookieIfConversion(token);
2104        
2105      }
2106    });
2107
2108    window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":88016388266,"requestId":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868","shopifyEmitted":true});
2109
2110    var eventsListenerScript = document.createElement('script');
2111    eventsListenerScript.async = true;
2112    eventsListenerScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2113    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2114})();</script>
2114
2115  
2115<script>
2116  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2117    window.ga = function ga() {
2118      (window.ga.q = window.ga.q || []).push(arguments);
2119      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2120        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2121      }
2122      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.");
2123    };
2124    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2125      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2126    }
2127  }
2128</script>
vendor: 1 bytes, line 2128
2128
2129<script
2130  defer
2131  src="https://nacholightingco.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
2132  data-application="storefront-renderer"
2133  data-shop-id="61423419562"
2134  data-render-region="gcp-us-central1"
2135  data-page-type="page"
2136  data-theme-instance-id="148956151978"
2137  data-theme-name="Maximize"
2138  data-theme-version="1.9.0"
2139  data-monorail-region="shop_domain"
2140  data-resource-timing-sampling-rate="10"
2141  data-shs="true"
2142  data-shs-beacon="true"
2143  data-shs-export-with-fetch="true"
2144  data-shs-logs-sample-rate="1"
2145  data-shs-beacon-endpoint="https://nacholightingco.com/api/collect"
2146></script>
vendor: 1 bytes, line 2146
2146
2147<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2147<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"61423419562","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.loading","value":"Loading"},{"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"},{"handle":"Google"},{"handle":"Facebook"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
vendor: 1 bytes, line 2147
2147
2148<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to NACHO Lighting Co.. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":true,"exportCommand":false,"shopName":"NACHO Lighting Co.","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.unavailable.title","value":"Chat isn’t available right now"},{"key":"agent_chat.unavailable.description","value":"Something went wrong while loading the chat."},{"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"}
2148,{"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>
2148
2149<meta name="shopify-y" content="1e805786-3922-4753-88ae-7de9836060cd" data-expiration="1823157468000"><meta name="shopify-s" content="f1bd71ce-1091-4046-899c-ff7623f61888" data-expiration="1791601668000">
2150</head>
2151<body
2152    class="gradient scrollbar-body overflow-x-hidden min-h-screen"
2153    
2154    x-data
2155>
2156<div class="main-content__wrapper flex flex-col min-h-screen">
2157  <a class="skip-to-content button button-skip-to-content focus-visible:z-60" href="#MainContent">
2158    Skip to content
2159  </a>
2160
2161  <!-- BEGIN sections: header-group -->
2162<div id="shopify-section-sections--20172716769450__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement maximize-section">
2163<style data-shopify>
2164    .section--sections--20172716769450__announcement-bar {
2165      padding-top: calc(8px * var(--mobile-padding-ratio));
2166      padding-bottom: calc(8px * var(--mobile-padding-ratio));
2167    }
2168    @media screen and (min-width: 768px) {
2169      .section--sections--20172716769450__announcement-bar {
2170        padding-top: 8px;
2171        padding-bottom: 8px;
2172      }
2173    }
2174  </style>
2175  <link href="//nacholightingco.com/cdn/shop/t/30/assets/announcement-bar.css?v=149287162451357333121789788223" rel="stylesheet" type="text/css" media="all" />
2176  <div id="x-announcement" 
2177    class="announcement section--sections--20172716769450__announcement-bar full-width z-50 gradient md:block color-scheme-5 dark-color-scheme-5 text-medium md:rounded-none"
2178    
2179  >
2180    <div class="carousel-style-slideshow flex md:min-h-[32px] gap-x-5 ltr">
2181      
2182      
2183      
2184        <div 
2185          x-data="{}"
2186          x-intersect.once="$store.xSwiffy.load($el, {
2187            'effect': 'slide',
2188            'autoPlay': true,
2189            'speed': 4000,
2190            'mediaQuery': 'min',
2191            'autoPause': true,
2192            'breakPoints':{
2193              '768': {
2194                'slidesPerView': 1
2195              }
2196            }
2197          });"
2198          class="swiffy-slider slider-nav-animation slider-nav-animation-fadein slider-item-snapstart slider-nav-autopause announcement-col-left flex-1 min-w-0 flex w-full items-center md:!swiffy-slider announcement-col-align-center"
2199          style="--swiffy-slider-track-height: 3px;"
2200        >
2201          
2202          
2203          
2204          <div class="slider-container hide-scrollbar grow md:flex md:flex-nowrap md:ml-0 md:mr-0"
2205          >
2206            
2207        
2208
2209            <div 
2210              
2211              x-slide-index="0"
2212              id="Slide-sections--20172716769450__announcement-bar-1"
2213              class="slide-item overflow-hidden flex items-center whitespace-nowrap text-ellipsis w-full justify-center" 
2214                
2215            >
2216                
2217                <div class="flex flex-wrap items-center announcement-bar-text sm:w-full max-w-full gap-1 h-fit justify-center">
2218                  <a
2219                    
2220                      href="/pages/govx"
2221                    
2222                    class="relative items-center gap-x-4 overflow-hidden whitespace-normal block justify-center flex-wrap"
2223                    
2224                  >Military Discount: Up to 15% Off.</a><div class="announcement-button flex items-center ltr:ml-1.5 rtl:mr-1.5 m-0" style="--color-link: var(--color-heading-highlight)">
2225                            
2226<custom-button>
2227  <a
2228    class="button empty:hidden cursor-pointer md:min-h-6 min-h-5 whitespace-nowrap min-h-full text-medium button-link button-no-padding anm-button-flow"
2229    
2230      href="/pages/govx"
2231      
2232    
2233    
2234  >
2235    
2236
2237
2238  
2239    
2240      <span class="button-text  text-nowrap relative">Explore now</span>
2241    
2242   
2243
2244
2245  </a>
2246</custom-button>
2247</div>
2248                </div> 
2249              
2250            </div>
2251          </div>
2252          
2253          
2254        </div>
2255      
2256      </div>
2257  </div>
2258
2259
2260</div><div id="shopify-section-sections--20172716769450__header" class="shopify-section shopify-section-group-header-group x-header section-header"><style data-shopify>
2261  .section-header {
2262    position: sticky;
2263    z-index: 41;
2264  }
2265  .section-header:has(>.mini-cart-open) {
2266    z-index: 60;
2267  }
2268
2269.header-logo-width {
2270  width: 150px;
2271}
2272.section-sections--20172716769450__header-padding {
2273  padding-top: calc(24px * var(--mobile-padding-ratio));
2274  padding-bottom: calc(24px * var(--mobile-padding-ratio));
2275}
2276
2277
2278
2279  .reduce-logo-size .header-logo-width {
2280    transform: scale(75%);
2281    transition: none;
2282  }
2283  .header-logo-width {
2284    transition: transform 0.3s linear;
2285  }
2286
2287@media screen and (min-width: 1024px) {
2288  
2289    .section-sections--20172716769450__header-padding {
2290      padding-top: 24px;
2291      padding-bottom: 24px;
2292    }
2293  
2294  
2295  .header-logo-width {
2296    width: 150px;
2297  }
2298  .section-header {
2299    --padding-bottom-section: 24px;
2300  }
2301}
2302
2303  shopify-account {
2304    --shopify-account-font-heading: var(--heading-font-family);
2305    --shopify-account-font-heading-weight: var(--heading-font-weight);
2306    --shopify-account-font-body: var(--body-font-family);
2307    --shopify-account-font-body-weight: var(--body-font-weight);
2308    --shopify-account-dialog-position-top: var(--account-offset-top);
2309    --shopify-account-color-text: rgba(var(--color-text-header));
2310    --shopify-account-color-background: rgba(var(--color-background));
2311    --shopify-account-color-border: rgba(var(--color-border-header));
2312    --shopify-account-color-accent: rgba(var(--color-background));
2313    --shopify-account-color-accent-text: rgba(var(--color-text-header));
2314    --shopify-account-color-card-text: rgba(var(--color-text-header));
2315    
2316        --shopify-account-radius-dialog: 0px;
2317        --shopify-account-radius-button: 0px;
2318        --shopify-account-radius-input: 0px;
2319        --shopify-account-radius-button-small: 0px;
2320        --shopify-account-radius-base: 0px;
2321        
2322     
2323  }
2324  @media screen and (max-width: 1023px) {
2325    shopify-account {
2326      --shopify-account-dialog-position-top: var(--account-offset-top-mobile);
2327    }
2328  }</style><div
2329  id="x-header-container"
2330  class="z-[41] lg:relative compact"
2331>
2332  <div id="x-header"
2333    class="x-header gradient max-w-[100vw]"
2334    x-init='$store.xHeaderMenu.handleInitHeader("shopify-section-sections--20172716769450__header", "reduce-logo-size", false, "compact", false)'
2335    
2336      data-is-sticky="true"
2337      @scroll.window.passive="$store.xHeaderMenu.onScroll()"
2338    
2339  >
2340    <div
2341      id="x-header-content"
2342      class="x-header-content sticky-header-content px-0"
2343      :class="{ 'background-header sticky-header-active': $store.xHeaderMenu.isSticky }"
2344      
2345    >
2346      <header 
2347        class="h-full section-sections--20172716769450__header-padding full-width-padded relative lg:px-0 lg:static mx-0"
2348        
2349          
2350            x-on:mouseleave="$store.xHeaderMenu.hideMenu('main-menu-item');"
2351          
2352          @keydown.escape.stop="$store.xHeaderMenu.hideMenu('main-menu-item'); $store.xMobileNav.close(); $store.xFocusElement.removeTrapFocus(); $store.xHeaderMenu.focusFirstItem($event.target);"
2353        
2354      >
2355        <div class="header-top compact grid lg:flex gap-7.5 justify-between full-width-padded items-center" ><div class="header-mobile-toggle lg:hidden flex items-center gap-1">
2356            <button
2357              class="header-mobile-toggle-icon icon cursor-pointer flex items-center w-6 h-6 md:h-7 pr-1 py-1"
2358              @click="$store.xMobileNav.toggle()"
2359              aria-label="Button toggle mobile"
2360              aria-expanded="false"
2361              :aria-expanded="$store.xMobileNav.show.toString()"
2362              aria-controls="x-header-mobile"
2363            >
2364              <span class="w-full translate-y-0" x-show="!$store.xMobileNav.show"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2365      <path d="M0 4C0 3.44772 0.447715 3 1 3H19C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H1C0.447715 5 0 4.55228 0 4Z" fill="currentColor"/>
2366      <path d="M0 10C0 9.44772 0.447715 9 1 9H6H11C11.5523 9 12 9.44772 12 10C12 10.5523 11.5523 11 11 11H1C0.447715 11 0 10.5523 0 10Z" fill="currentColor"/>
2367      <path d="M0 16C0 15.4477 0.447715 15 1 15H15C15.5523 15 16 15.4477 16 16C16 16.5523 15.5523 17 15 17H1C0.447715 17 0 16.5523 0 16Z" fill="currentColor"/>
2368    </svg></span>
2369              <span class="px-0.5 py-0.5 translate-y-0" x-show="$store.xMobileNav.show" x-cloak><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"
2370         style="fill: none">
2371      <path
2372          d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.
23721156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z"
2373          fill="currentColor"/>
2374      <path
2375          d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z"
2376          fill="currentColor"/>
2377    </svg></span>
2378            </button>
2379
2380
2381  
2382
2383  <div
2384    x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')"
2385    class="header-search flex lg:flex items-center  color-scheme-1 dark-color-scheme-1"
2386    @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();"
2387    @click.away="isFocusedSearchForm && close()"
2388  >
2389    
2390    
2391      
2392        <a
2393          id="SearchOpen"
2394          href="/search"
2395          aria-label="Search..."
2396          role="button"
2397          class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto"
2398          @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');"
2399        >
2400          <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2401      <path
2402          d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z"
2403          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2404      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2405            stroke-linejoin="round"/>
2406    </svg></span>
2407        </a>
2408      
2409    
2410
2411    <div
2412      id="FormSearch__mobile"
2413      x-ref="open_search"
2414      
2415        
2416          class="form-search-wrapper full-layout search-popup fixed flex flex-col md:absolute left-0 top-0 origin-top invisible h-full opacity-0 ease-in-out overflow-hidden"
2417        
2418        :class="isFocusedSearchForm ? 'is-open' : ''"
2419      
2420    >
2421      
2422        <div
2423          class="fixed top-0 bottom-0 right-0 left-0 duration-500 color-bg-[rgba(var(--color-background))] bg-gradient"
2424          :class="isFocusedSearchForm ? 'opacity-100 delay-500' : 'opacity-0 invisible'"
2425          x-cloak
2426        ></div>
2427      
2428
2429      
2430        <div class="w-full flex justify-end">
2431          <button
2432            id="SearchClose__mobile"
2433            class="focus-inset cursor-pointer modal__button-close hidden"
2434            x-on:click="close(); $store.xFocusElement.removeTrapFocus();"
2435            x-ref="close_button"
2436            :class="isFocusedSearchForm && '!block'"
2437            aria-label="Close"
2438          >
2439            <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"
2440         style="fill: none">
2441      <path
2442          d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z"
2443          fill="currentColor"/>
2444      <path
2445          d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z"
2446          fill="currentColor"/>
2447    </svg></span>
2448          </button>
2449        </div>
2450      
2451
2452      <div
2453        class="search-box-wrapper relative md:top-0  w-full"
2454        data-loading-text="Loading"
2455        
2456          :class="isFocusedSearchForm && 'page-width !block'"
2457        
2458        
2459      >
2460        <div
2461          
2462          x-ref="search_bar_fixed"
2463          class="mx-auto w-full relative"
2464          
2465            :class="isFocusedSearchForm && 'border-b pb-2 md:pb-5'"
2466          
2467        >
2468          <div
2469            class="header-search-inner h-full w-full field flex items-center border rounded-corners py-1.5 px-1.5"
2470            
2471              :class="isFocusedSearchForm && 'border-none'"
2472            
2473          >
2474            
2475              <select-element
2476                class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 "
2477                data-picker-type="dropdown"
2478              >
2479                <div class="select relative">
2480                  <div
2481                    class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full  w-28 lg:w-36 xl:w-[10.5rem] gap-4 lg:gap-5 py-2 px-4 md:py-1.5 md:px-3"
2482                    role="button"
2483                    tabindex="0"
2484                    aria-expanded="false"
2485                    aria-controls="CategoriesList"
2486                    aria-describedby="CategoriesHeading"
2487                    
2488                      x-bind:class="isFocusedSearchForm && 'md:px-5 md:py-3'"
2489                    
2490                    @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')"
2491                  >
2492                    <span
2493                      class="select-button__label line-clamp-1 flex-1 p-break-words"
2494                      data-section-id="sections--20172716769450__header"
2495                    >
2496                      All categories
2497                    </span>
2498                    <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg
2499        width="100%"
2500        height="100%"
2501        viewBox="0 0 9 7"
2502        fill="none"
2503        xmlns="http://www.w3.org/2000/svg"
2504        style="fill: none;"
2505    >
2506      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
2507            stroke-linejoin="round"/>
2508    </svg></span>
2509                    <div
2510                      class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners"
2511                      x-show="loadingProductType === 'loading'"
2512                      x-cloak
2513                    >
2514                      <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg
2515        version="1.0"
2516        xmlns="http://www.w3.org/2000/svg"
2517        viewBox="0 0 512.000000 512.000000"
2518        preserveAspectRatio="xMidYMid meet"
2519    >
2520      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
2521         fill="currentColor" stroke="none">
2522        <path
2523            d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
2524      </g>
2525    </svg></span>
2526                    </div>
2527                  </div>
2528                  <div
2529                    class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]"
2530                    data-adjust-position="false"
2531                  >
2532                    <ul
2533                      role="listbox"
2534                      class="select-options hidden"
2535                      aria-label="CategoriesList"
2536                    >
2537                      <li
2538                        tabindex="-1"
2539                        class="select-option hidden"
2540                        data-type="dropdown"
2541                        aria-selected="true"
2542                        role="option"
2543                        data-no-instant
2544                        data-value="All categories"
2545                        data-select-value="All categories"
2546                        @click="setProductType($el, true)"
2547                        @keydown.enter="setProductType($el, true)"
2548                        @keydown.space="setProductType($el, true)"
2549                      >
2550                        All categories
2551                      </li>
2552                    </ul>
2553                  </div>
2554                </div>
2555                <label class="hidden">
2556                  <input
2557                    name="product_type"
2558                    class="select-option-selected"
2559                    value="product_type:"
2560                    data-disclosure-input
2561                    @change="handleChangeProductType()"
2562                  >
2563                </label>
2564              </select-element>
2565            
2566
2567            <form
2568              id="form-search-sections--20172716769450__header"
2569              class="form-search grow z-0"
2570              action="/search"
2571              method="get"
2572              role="search"
2573            >
2574              <label
2575                for="search-in-modal-mobile"
2576                class="hidden"
2577              >Search...</label>
2578              <input
2579                id="search-in-modal-mobile"
2580                class="peer input-search py-1.5 text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]"
2581                type="search"
2582                
2583                  x-bind:class="isFocusedSearchForm && 'md:py-3 text-medium'"
2584                
2585                name="q"
2586                value=""
2587                x-on:keydown="handleKeyUpModal($event)"
2588                @input.debounce.500ms="handleChangeInput()"
2589                @click="focusForm();"
2590                placeholder="What are you searching for?"
2591                x-ref="input_search"
2592              >
2593              <input
2594                type="hidden"
2595                name="type"
2596                value="product"
2597              >
2598              <input
2599                type="hidden"
2600                :value="productTypeSelected == 'All categories' ? '' : productTypeSelected"
2601                name="filter.p.product_type"
2602                x-bind:disabled="productTypeSelected == 'All categories'"
2603              >
2604              <button
2605                class="btn-search  form-button absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2"
2606                aria-label="Search..."
2607                
2608              >
2609                <span
2610                  
2611                ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2612      <path
2613          d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z"
2614          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2615      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2616            stroke-linejoin="round"/>
2617    </svg></span>
2618                
2619              </button>
2620              
2621                <button
2622                  class="search__speech  form-button absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current"
2623                  x-data="xSpeechSearch($el)"
2624                  x-show="show"
2625                  x-cloak
2626                  type="button"
2627                  tabindex="0"
2628                  aria-label="Voice"
2629                >
2630                  <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2631      <path
2632          d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z"
2633          fill="currentColor"></path>
2634    </svg>
2635                </button>
2636              
2637<div
2638                x-ref="search_content"
2639                
2640                  class="header-search__results header-search__results--full absolute top-full mt-4 md:mt-7.5 w-full left-0 lg:pb-4"
2641                  x-transition:enter="transition-[500ms_500ms] ease-out"
2642                
2643                x-show="isFocusedSearchForm && (result !== '' )"
2644                x-transition:enter-start="opacity-0 transform translate-y-[30px]"
2645                x-transition:enter-end="opacity-100 transform translate-y-0"
2646                x-transition:leave="ease-in"
2647                x-transition:leave-start="opacity-100 transform translate-y-0"
2648                x-transition:leave-end="opacity-0 transform translate-y-[30px]"
2649                x-cloak
2650                x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__mobile', 'search-in-modal-mobile');"
2651              >
2652                <div
2653                  id="search-result"
2654                  class=" h-full  color-bg-[rgba(var(--color-background))]"
2655                  tabindex="-1"
2656                  data-predictive-search
2657                  x-html="result"
2658                  x-cloak
2659                  x-show="loading == false && openResults"
2660                  x-transition:enter="transition-[500ms_500ms] ease-out"
2661                  x-transition:enter-start="opacity-0"
2662                  x-transition:enter-end="opacity-100"
2663                ></div>
2664              </div>
2665            </form>
2666          </div>
2667        </div>
2668      </div>
2669
2670      <div
2671        class="element-end-modal h-0 w-0 absolute pointer-events-none"
2672        :tabindex="isFocusedSearchForm ? '0' : '-1'"
2673        @focus="document.getElementById('SearchClose__mobile')?.focus()"
2674      ></div>
2675    </div>
2676  </div>
2677
2678</div><div class="header-item [grid-area:header-left] hidden lg:flex items-center flex-1 min-w-[33%]">
2679            <div
2680              class="group/drawer flex items-center group-has-[#DrawerMenuDesktopPosition:empty]/drawer:hidden"
2681              x-intersect.once="$store.xHelper.setPosition('#DrawerMenuDesktopPosition', '#DrawerMenuDesktop'); $store.xHeaderMenu._drawerMenuEl = document.getElementById('DrawerMenu')"
2682            >
2683              <div id="DrawerMenuDesktopPosition" class="empty:hidden  mr-3" x-ignore></div><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative">
2684  <picture>
2685    <source
2686      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w,
2687      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w,
2688      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w,
2689      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w,
2690      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w,
2691      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w"
2692      media="(max-width: 1023px)"
2693      width="150"
2694      height="63"
2695    >
2696    <img
2697      srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w,
2698        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w,
2699        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w,
2700        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w,
2701        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w,
2702        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w,
2703        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w,
2704        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w,
2705        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w"
2706      loading="eager"
2707      sizes="(min-width: 768px) 450px, 150px"
2708      src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478"
2709      
2710        :alt="(screen.width < 768) ? '' : ''"
2711      
2712      class="object-cover h-full w-full image-sections--20172716769450__header"
2713      width="150"
2714      height="66"
2715      fetchpriority="high"
2716      decoding="sync"
2717    >
2718  </picture>
2719</span><span class="header-logo-width logo-image logo-light relative dark:hidden">
2720  <picture>
2721    <source
2722      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
2723      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
2724      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
2725      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
2726      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
2727      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w"
2728      media="(max-width: 1023px)"
2729      width="150"
2730      height="63"
2731    >
2732    <img
2733      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
2734        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
2735        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
2736        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
2737        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
2738        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w,
2739        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w,
2740        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w,
2741        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w"
2742      loading="eager"
2743      sizes="(min-width: 768px) 450px, 150px"
2744      src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000"
2745      
2746        :alt="(screen.width < 768) ? '' : ''"
2747      
2748      class="object-cover h-full w-full image-sections--20172716769450__header"
2749      width="150"
2750      height="63"
2751      fetchpriority="high"
2752      decoding="sync"
2753    >
2754  </picture>
2755</span></a></div></div>
2756  
2757  
2758  <div 
2759    class="flex gap-8 w-full min-w-0 rtl:pr-7.5 ltr:pl-7.5 items-center rtl:flex-row-reverse"
2760  >
2761    
2762    <div
2763      class="header-container relative grow min-w-0 hidden lg:flex gap-2 items-center justify-center"
2764      x-data="xScrollMenu"
2765    >
2766      
2767      <button
2768        class="scroll-nav main-menu-scroll-prev rounded-none disabled:opacity-40 z-20 disabled:cursor-not-allowed rtl:justify-end "
2769        x-show="isScrollable && !isAtStart"
2770        x-cloak
2771        @click="scrollLeft"
2772        :disabled="isAtStart"
2773        aria-label="Scroll left"
2774      >
2775        <span class="rotate-180">
2776    <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon">
2777      <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2778    </svg>
2779  </span>
2780      </button>
2781      <nav
2782        class="main-menu-nav overflow-x-auto scrollbar-hidden px-0.5 "
2783        x-ref="menuList"
2784        @scroll="checkScroll()"
2785        
2786      >
2787        <ul class="main-nav flex-nowrap w-max empty:hidden items-center"><li
2788                
2789                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
2790                
2791                @mouseleave="$el.classList.remove('is-focus');"
2792                @focusin="$el.classList.add('is-focus');"
2793                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
2794                class="first-menu-item menu-item main-menu-item"
2795              >
2796                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
2797                  <a
2798                    href="/collections/lights"
2799                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center"
2800                    
2801                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
2802                    
2803                    
2804                  >
2805                    
2806                      <span>Lights</span>
2807                    
2808<span
2809                        class="icon-caret w-5 h-5 ps-2"
2810                        tabindex="0"
2811                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
2812                      ><svg
2813        width="100%"
2814        height="100%"
2815        viewBox="0 0 9 7"
2816        fill="none"
2817        xmlns="http://www.w3.org/2000/svg"
2818        style="fill: none;"
2819    >
2820      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
2821            stroke-linejoin="round"/>
2822    </svg></span></a>
2823                </div>
2824                <div
2825    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
2826    x-init="setPosition($el,1); resizeWindow($el,1)"
2827    inert
2828  >
2829    <ul class="pt-7.5 pb-7.5">
2830      
2831<li
2832          x-data="{ openSub: false }"
2833          class="relative pl-7.5 pr-7.5 font-normal"
2834          
2835            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2836            @mouseleave="$el.classList.remove('is-focus-child');"
2837            @mouseover.away="openSub = false"
2838            @focusin="$el.classList.add('is-focus-child');"
2839            @focusout="$el.classList.remove('is-focus-child');"
2840          
2841        >
2842          <div class="sub-menu flex items-center">
2843            <span class="flex-1">
2844              <a
2845                href="/products/nacho-supreme"
2846                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2847                
2848              >
2849                <span class="link-animation relative">Supreme Series</span></a>
2850            </span>
2851          </div></li><li
2852          x-data="{ openSub: false }"
2853          class="relative pl-7.5 pr-7.5 font-normal"
2854          
2855            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2856            @mouseleave="$el.classList.remove('is-focus-child');"
2857            @mouseover.away="openSub = false"
2858            @focusin="$el.classList.add('is-focus-child');"
2859            @focusout="$el.classList.remove('is-focus-child');"
2860          
2861        >
2862          <div class="sub-menu flex items-center pt-3">
2863            <span class="flex-1">
2864              <a
2865                href="/products/nacho-grande"
2866                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2867                
2868              >
2869                <span class="link-animation relative">Grande</span></a>
2870            </span>
2871          </div></li><li
2872          x-data="{ openSub: false }"
2873          class="relative pl-7.5 pr-7.5 font-normal"
2874          
2875            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2876            @mouseleave="$el.classList.remove('is-focus-child');"
2877            @mouseover.away="openSub = false"
2878            @focusin="$el.classList.add('is-focus-child');"
2879            @focusout="$el.classList.remove('is-focus-child');"
2880          
2881        >
2882          <div class="sub-menu flex items-center pt-3">
2883            <span class="flex-1">
2884              <a
2885                href="/products/nacho-quatro"
2886                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2887                
2888              >
2889                <span class="link-animation relative">Quatro</span></a>
2890            </span>
2891          </div></li><li
2892          x-data="{ openSub: false }"
2893          class="relative pl-7.5 pr-7.5 font-normal"
2894          
2895            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2896            @mouseleave="$el.classList.remove('is-focus-child');"
2897            @mouseover.away="openSub = false"
2898            @focusin="$el.classList.add('is-focus-child');"
2899            @focusout="$el.classList.remove('is-focus-child');"
2900          
2901        >
2902          <div class="sub-menu flex items-center pt-3">
2903            <span class="flex-1">
2904              <a
2905                href="/products/nacho-nano"
2906                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2907                
2908              >
2909                <span class="link-animation relative">NANO</span></a>
2910            </span>
2911          </div></li><li
2912          x-data="{ openSub: false }"
2913          class="relative pl-7.5 pr-7.5 font-normal"
2914          
2915            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2916            @mouseleave="$el.classList.remove('is-focus-child');"
2917            @mouseover.away="openSub = false"
2918            @focusin="$el.classList.add('is-focus-child');"
2919            @focusout="$el.classList.remove('is-focus-child');"
2920          
2921        >
2922          <div class="sub-menu flex items-center pt-3">
2923            <span class="flex-1">
2924              <a
2925                href="/products/nacho-tm5"
2926                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2927                
2928              >
2929                <span class="link-animation relative">TM5</span></a>
2930            </span>
2931          </div></li><li
2932          x-data="{ openSub: false }"
2933          class="relative pl-7.5 pr-7.5 font-normal"
2934          
2935            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2936            @mouseleave="$el.classList.remove('is-focus-child');"
2937            @mouseover.away="openSub = false"
2938            @focusin="$el.classList.add('is-focus-child');"
2939            @focusout="$el.classList.remove('is-focus-child');"
2940          
2941        >
2942          <div class="sub-menu flex items-center pt-3">
2943            <span class="flex-1">
2944              <a
2945                href="/products/nacho-quatro-sae"
2946                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2947                
2948              >
2949                <span class="link-animation relative">Quatro SAE</span></a>
2950            </span>
2951          </div></li><li
2952          x-data="{ openSub: false }"
2953          class="relative pl-7.5 pr-7.5 font-normal"
2954          
2955            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2956            @mouseleave="$el.classList.remove('is-focus-child');"
2957            @mouseover.away="openSub = false"
2958            @focusin="$el.classList.add('is-focus-child');"
2959            @focusout="$el.classList.remove('is-focus-child');"
2960          
2961        >
2962          <div class="sub-menu flex items-center pt-3">
2963            <span class="flex-1">
2964              <a
2965                href="/products/quatro-chase"
2966                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2967                
2968              >
2969                <span class="link-animation relative">Quatro Chase</span></a>
2970            </span>
2971          </div></li><li
2972          x-data="{ openSub: false }"
2973          class="relative pl-7.5 pr-7.5 font-normal"
2974          
2975            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2976            @mouseleave="$el.classList.remove('is-focus-child');"
2977            @mouseover.away="openSub = false"
2978            @focusin="$el.classList.add('is-focus-child');"
2979            @focusout="$el.classList.remove('is-focus-child');"
2980          
2981        >
2982          <div class="sub-menu flex items-center pt-3">
2983            <span class="flex-1">
2984              <a
2985                href="/products/quatro-adv"
2986                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2987                
2988              >
2989                <span class="link-animation relative">Quatro ADV</span></a>
2990            </span>
2991          </div></li></ul>
2992    
2993  </div>
2994              </li><li
2995                
2996                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
2997                
2998                @mouseleave="$el.classList.remove('is-focus');"
2999                @focusin="$el.classList.add('is-focus');"
3000                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3001                class="first-menu-item menu-item main-menu-item"
3002              >
3003                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3004                  <a
3005                    href="/collections/mounting"
3006                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center"
3007                    
3008                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3009                    
3010                    
3011                  >
3012                    
3013                      <span>Mounting</span>
3014                    
3015<span
3016                        class="icon-caret w-5 h-5 ps-2"
3017                        tabindex="0"
3018                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3019                      ><svg
3020        width="100%"
3021        height="100%"
3022        viewBox="0 0 9 7"
3023        fill="none"
3024        xmlns="http://www.w3.org/2000/svg"
3025        style="fill: none;"
3026    >
3027      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3028            stroke-linejoin="round"/>
3029    </svg></span></a>
3030                </div>
3031                <div
3032    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
3033    x-init="setPosition($el,1); resizeWindow($el,1)"
3034    inert
3035  >
3036    <ul class="pt-7.5 pb-7.5">
3037      
3038<li
3039          x-data="{ openSub: false }"
3040          class="relative pl-7.5 pr-7.5 font-normal"
3041          
3042            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3043            @mouseleave="$el.classList.remove('is-focus-child');"
3044            @mouseover.away="openSub = false"
3045            @focusin="$el.classList.add('is-focus-child');"
3046            @focusout="$el.classList.remove('is-focus-child');"
3047          
3048        >
3049          <div class="sub-menu flex items-center">
3050            <span class="flex-1">
3051              <a
3052                href="#"
3053                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3054                
3055              >
3056                <span class="link-animation relative">Kits</span><span
3057                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3058                    @keyup.enter="openSub=!openSub"
3059                    tabindex="0"
3060                  ><svg
3061        width="100%"
3062        height="100%"
3063        viewBox="0 0 9 7"
3064        fill="none"
3065        xmlns="http://www.w3.org/2000/svg"
3066        style="fill: none;"
3067    >
3068      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3069            stroke-linejoin="round"/>
3070    </svg></span></a>
3071            </span>
3072          </div><div
3073              class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden"
3074              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3075              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3076              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3077            >
3078              <span
3079                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3080                :class="!openSub && 'scale-x-0'"
3081              ></span>
3082              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3083                    <div class="flex items-center">
3084                      <span class="flex-1">
3085                        <a
3086                          href="/products/bronco-fog-kit"
3087                          class="link-animation link inline-block x-break-words relative w-full "
3088                        >
3089                          <span>Bronco Plug N Play Kit</span>
3090                        </a>
3091                      </span>
3092                    </div>
3093                  </li><li class="relative pl-7.5 pr-7.5">
3094                    <div class="flex items-center pt-3">
3095                      <span class="flex-1">
3096                        <a
3097                          href="/products/jl-jt-sae-fog-kit"
3098                          class="link-animation link inline-block x-break-words relative w-full "
3099                        >
3100                          <span>Jeep JL/JT Plug N Play Kit</span>
3101                        </a>
3102                      </span>
3103                    </div>
3104                  </li><li class="relative pl-7.5 pr-7.5">
3105                    <div class="flex items-center pt-3">
3106                      <span class="flex-1">
3107                        <a
3108                          href="/products/toyota-sae-fog-kit"
3109                          class="link-animation link inline-block x-break-words relative w-full "
3110                        >
3111                          <span>Toyota Plug N Play Kit</span>
3112                        </a>
3113                      </span>
3114                    </div>
3115                  </li><li class="relative pl-7.5 pr-7.5">
3116                    <div class="flex items-center pt-3">
3117                      <span class="flex-1">
3118                        <a
3119                          href="/products/universal-reverse-kit"
3120                          class="link-animation link inline-block x-break-words relative w-full "
3121                        >
3122                          <span>Reverse Kit</span>
3123                        </a>
3124                      </span>
3125                    </div>
3126                  </li><li class="relative pl-7.5 pr-7.5">
3127                    <div class="flex items-center pt-3">
3128                      <span class="flex-1">
3129                        <a
3130                          href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens"
3131                          class="link-animation link inline-block x-break-words relative w-full "
3132                        >
3133                          <span>Sprinter Front Bumper Kit</span>
3134                        </a>
3135                      </span>
3136                    </div>
3137                  </li><li class="relative pl-7.5 pr-7.5">
3138                    <div class="flex items-center pt-3">
3139                      <span class="flex-1">
3140                        <a
3141                          href="/products/sprinter-fog-light-kit"
3142                          class="link-animation link inline-block x-break-words relative w-full "
3143                        >
3144                          <span>Sprinter Fog Kit</span>
3145                        </a>
3146                      </span>
3147                    </div>
3148                  </li><li class="relative pl-7.5 pr-7.5">
3149                    <div class="flex items-center pt-3">
3150                      <span class="flex-1">
3151                        <a
3152                          href="/products/promaster-fog-light-kit-amber"
3153                          class="link-animation link inline-block x-break-words relative w-full "
3154                        >
3155                          <span>Promaster Fog Kit</span>
3156                        </a>
3157                      </span>
3158                    </div>
3159                  </li><li class="relative pl-7.5 pr-7.5">
3160                    <div class="flex items-center pt-3">
3161                      <span class="flex-1">
3162                        <a
3163                          href="/products/nano-arb-kit"
3164                          class="link-animation link inline-block x-break-words relative w-full "
3165                        >
3166                          <span>ARB Base Rack NANO Kit</span>
3167                        </a>
3168                      </span>
3169                    </div>
3170                  </li></ul>
3171            </div></li><li
3172          x-data="{ openSub: false }"
3173          class="relative pl-7.5 pr-7.5 font-normal"
3174          
3175            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3176            @mouseleave="$el.classList.remove('is-focus-child');"
3177            @mouseover.away="openSub = false"
3178            @focusin="$el.classList.add('is-focus-child');"
3179            @focusout="$el.classList.remove('is-focus-child');"
3180          
3181        >
3182          <div class="sub-menu flex items-center pt-3">
3183            <span class="flex-1">
3184              <a
3185                href="/collections/mounting"
3186                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3187                
3188              >
3189                <span class="link-animation relative">Mounts</span><span
3190                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3191                    @keyup.enter="openSub=!openSub"
3192                    tabindex="0"
3193                  ><svg
3194        width="100%"
3195        height="100%"
3196        viewBox="0 0 9 7"
3197        fill="none"
3198        xmlns="http://www.w3.org/2000/svg"
3199        style="fill: none;"
3200    >
3201      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3202            stroke-linejoin="round"/>
3203    </svg></span></a>
3204            </span>
3205          </div><div
3206              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3207              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3208              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3209              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3210            >
3211              <span
3212                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3213                :class="!openSub && 'scale-x-0'"
3214              ></span>
3215              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3216                    <div class="flex items-center">
3217                      <span class="flex-1">
3218                        <a
3219                          href="/collections/mounting"
3220                          class="link-animation link inline-block x-break-words relative w-full "
3221                        >
3222                          <span>All Mounts</span>
3223                        </a>
3224                      </span>
3225                    </div>
3226                  </li><li class="relative pl-7.5 pr-7.5">
3227                    <div class="flex items-center pt-3">
3228                      <span class="flex-1">
3229                        <a
3230                          href="/collections/arb-mounts"
3231                          class="link-animation link inline-block x-break-words relative w-full "
3232                        >
3233                          <span>ARB</span>
3234                        </a>
3235                      </span>
3236                    </div>
3237                  </li><li class="relative pl-7.5 pr-7.5">
3238                    <div class="flex items-center pt-3">
3239                      <span class="flex-1">
3240                        <a
3241                          href="/products/nano-arb-kit"
3242                          class="link-animation link inline-block x-break-words relative w-full "
3243                        >
3244                          <span>ARB NANO Kit</span>
3245                        </a>
3246                      </span>
3247                    </div>
3248                  </li><li class="relative pl-7.5 pr-7.5">
3249                    <div class="flex items-center pt-3">
3250                      <span class="flex-1">
3251                        <a
3252                          href="/collections/ford-products"
3253                          class="link-animation link inline-block x-break-words relative w-full "
3254                        >
3255                          <span>Ford</span>
3256                        </a>
3257                      </span>
3258                    </div>
3259                  </li><li class="relative pl-7.5 pr-7.5">
3260                    <div class="flex items-center pt-3">
3261                      <span class="flex-1">
3262                        <a
3263                          href="/collections/jeep-products"
3264                          class="link-animation link inline-block x-break-words relative w-full "
3265                        >
3266                          <span>Jeep</span>
3267                        </a>
3268                      </span>
3269                    </div>
3270                  </li><li class="relative pl-7.5 pr-7.5">
3271                    <div class="flex items-center pt-3">
3272                      <span class="flex-1">
3273                        <a
3274                          href="/products/nano-mount-pair"
3275                          class="link-animation link inline-block x-break-words relative w-full "
3276                        >
3277                          <span>NANO Mounts</span>
3278                        </a>
3279                      </span>
3280                    </div>
3281                  </li><li class="relative pl-7.5 pr-7.5">
3282                    <div class="flex items-center pt-3">
3283                      <span class="flex-1">
3284                        <a
3285                          href="/collections/toyota-products"
3286                          class="link-animation link inline-block x-break-words relative w-full "
3287                        >
3288                          <span>Toyota</span>
3289                        </a>
3290                      </span>
3291                    </div>
3292                  </li><li class="relative pl-7.5 pr-7.5">
3293                    <div class="flex items-center pt-3">
3294                      <span class="flex-1">
3295                        <a
3296                          href="/products/ac13u"
3297                          class="link-animation link inline-block x-break-words relative w-full "
3298                        >
3299                          <span>Quatro Flush Mount</span>
3300                        </a>
3301                      </span>
3302                    </div>
3303                  </li></ul>
3304            </div></li></ul>
3305    
3306      <div
3307        class="hidden 1"
3308        x-init="setPosition($el,2); resizeWindow($el,2)"
3309      ></div>
3310    
3311  </div>
3312              </li><li
3313                
3314                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3315                
3316                @mouseleave="$el.classList.remove('is-focus');"
3317                @focusin="$el.classList.add('is-focus');"
3318                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3319                class="first-menu-item menu-item main-menu-item"
3320              >
3321                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3322                  <a
3323                    href="/collections/accessories"
3324                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center"
3325                    
3326                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3327                    
3328                    
3329                  >
3330                    
3331                      <span>Accessories</span>
3332                    
3333<span
3334                        class="icon-caret w-5 h-5 ps-2"
3335                        tabindex="0"
3336                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3337                      ><svg
3338        width="100%"
3339        height="100%"
3340        viewBox="0 0 9 7"
3341        fill="none"
3342        xmlns="http://www.w3.org/2000/svg"
3343        style="fill: none;"
3344    >
3345      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3346            stroke-linejoin="round"/>
3347    </svg></span></a>
3348                </div>
3349                <div
3350    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
3351    x-init="setPosition($el,1); resizeWindow($el,1)"
3352    inert
3353  >
3354    <ul class="pt-7.5 pb-7.5">
3355      
3356<li
3357          x-data="{ openSub: false }"
3358          class="relative pl-7.5 pr-7.5 font-normal"
3359          
3360            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3361            @mouseleave="$el.classList.remove('is-focus-child');"
3362            @mouseover.away="openSub = false"
3363            @focusin="$el.classList.add('is-focus-child');"
3364            @focusout="$el.classList.remove('is-focus-child');"
3365          
3366        >
3367          <div class="sub-menu flex items-center">
3368            <span class="flex-1">
3369              <a
3370                href="#"
3371                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3372                
3373              >
3374                <span class="link-animation relative">Grande</span><span
3375                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3376                    @keyup.enter="openSub=!openSub"
3377                    tabindex="0"
3378                  ><svg
3379        width="100%"
3380        height="100%"
3381        viewBox="0 0 9 7"
3382        fill="none"
3383        xmlns="http://www.w3.org/2000/svg"
3384        style="fill: none;"
3385    >
3386      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3387            stroke-linejoin="round"/>
3388    </svg></span></a>
3389            </span>
3390          </div><div
3391              class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden"
3392              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3393              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3394              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3395            >
3396              <span
3397                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3398                :class="!openSub && 'scale-x-0'"
3399              ></span>
3400              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3401                    <div class="flex items-center">
3402                      <span class="flex-1">
3403                        <a
3404                          href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146"
3405                          class="link-animation link inline-block x-break-words relative w-full "
3406                        >
3407                          <span>Cover</span>
3408                        </a>
3409                      </span>
3410                    </div>
3411                  </li><li class="relative pl-7.5 pr-7.5">
3412                    <div class="flex items-center pt-3">
3413                      <span class="flex-1">
3414                        <a
3415                          href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778"
3416                          class="link-animation link inline-block x-break-words relative w-full "
3417                        >
3418                          <span>Exo-Skeleton</span>
3419                        </a>
3420                      </span>
3421                    </div>
3422                  </li><li class="relative pl-7.5 pr-7.5">
3423                    <div class="flex items-center pt-3">
3424                      <span class="flex-1">
3425                        <a
3426                          href="/products/sorcery-wand"
3427                          class="link-animation link inline-block x-break-words relative w-full "
3428                        >
3429                          <span>Sorcery Wand</span>
3430                        </a>
3431                      </span>
3432                    </div>
3433                  </li><li class="relative pl-7.5 pr-7.5">
3434                    <div class="flex items-center pt-3">
3435                      <span class="flex-1">
3436                        <a
3437                          href="/products/nacho-window-shades"
3438                          class="link-animation link inline-block x-break-words relative w-full "
3439                        >
3440                          <span>Window Shades</span>
3441                        </a>
3442                      </span>
3443                    </div>
3444                  </li></ul>
3445            </div></li><li
3446          x-data="{ openSub: false }"
3447          class="relative pl-7.5 pr-7.5 font-normal"
3448          
3449            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3450            @mouseleave="$el.classList.remove('is-focus-child');"
3451            @mouseover.away="openSub = false"
3452            @focusin="$el.classList.add('is-focus-child');"
3453            @focusout="$el.classList.remove('is-focus-child');"
3454          
3455        >
3456          <div class="sub-menu flex items-center pt-3">
3457            <span class="flex-1">
3458              <a
3459                href="#"
3460                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3461                
3462              >
3463                <span class="link-animation relative">Quatro</span><span
3464                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3465                    @keyup.enter="openSub=!openSub"
3466                    tabindex="0"
3467                  ><svg
3468        width="100%"
3469        height="100%"
3470        viewBox="0 0 9 7"
3471        fill="none"
3472        xmlns="http://www.w3.org/2000/svg"
3473        style="fill: none;"
3474    >
3475      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3476            stroke-linejoin="round"/>
3477    </svg></span></a>
3478            </span>
3479          </div><div
3480              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3481              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3482              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3483              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3484            >
3485              <span
3486                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3487                :class="!openSub && 'scale-x-0'"
3488              ></span>
3489              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3490                    <div class="flex items-center">
3491                      <span class="flex-1">
3492                        <a
3493                          href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178"
3494                          class="link-animation link inline-block x-break-words relative w-full "
3495                        >
3496                          <span>Cover</span>
3497                        </a>
3498                      </span>
3499                    </div>
3500                  </li><li class="relative pl-7.5 pr-7.5">
3501                    <div class="flex items-center pt-3">
3502                      <span class="flex-1">
3503                        <a
3504                          href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546"
3505                          class="link-animation link inline-block x-break-words relative w-full "
3506                        >
3507                          <span>Exo-Skeleton</span>
3508                        </a>
3509                      </span>
3510                    </div>
3511                  </li><li class="relative pl-7.5 pr-7.5">
3512                    <div class="flex items-center pt-3">
3513                      <span class="flex-1">
3514                        <a
3515                          href="/products/ac13u"
3516                          class="link-animation link inline-block x-break-words relative w-full "
3517                        >
3518                          <span>Flush Mount</span>
3519                        </a>
3520                      </span>
3521                    </div>
3522                  </li><li class="relative pl-7.5 pr-7.5">
3523                    <div class="flex items-center pt-3">
3524                      <span class="flex-1">
3525                        <a
3526                          href="/products/nacho-window-shades"
3527                          class="link-animation link inline-block x-break-words relative w-full "
3528                        >
3529                          <span>Window Shades</span>
3530                        </a>
3531                      </span>
3532                    </div>
3533                  </li><li class="relative pl-7.5 pr-7.5">
3534                    <div class="flex items-center pt-3">
3535                      <span class="flex-1">
3536                        <a
3537                          href="/products/set-back-quatro-bracket"
3538                          class="link-animation link inline-block x-break-words relative w-full "
3539                        >
3540                          <span>Set Back Bracket</span>
3541                        </a>
3542                      </span>
3543                    </div>
3544                  </li></ul>
3545            </div></li><li
3546          x-data="{ openSub: false }"
3547          class="relative pl-7.5 pr-7.5 font-normal"
3548          
3549            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3550            @mouseleave="$el.classList.remove('is-focus-child');"
3551            @mouseover.away="openSub = false"
3552            @focusin="$el.classList.add('is-focus-child');"
3553            @focusout="$el.classList.remove('is-focus-child');"
3554          
3555        >
3556          <div class="sub-menu flex items-center pt-3">
3557            <span class="flex-1">
3558              <a
3559                href="#"
3560                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3561                
3562              >
3563                <span class="link-animation relative">NANO</span><span
3564                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3565                    @keyup.enter="openSub=!openSub"
3566                    tabindex="0"
3567                  ><svg
3568        width="100%"
3569        height="100%"
3570        viewBox="0 0 9 7"
3571        fill="none"
3572        xmlns="http://www.w3.org/2000/svg"
3573        style="fill: none;"
3574    >
3575      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3576            stroke-linejoin="round"/>
3577    </svg></span></a>
3578            </span>
3579          </div><div
3580              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3581              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3582              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3583              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3584            >
3585              <span
3586                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3587                :class="!openSub && 'scale-x-0'"
3588              ></span>
3589              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3590                    <div class="flex items-center">
3591                      <span class="flex-1">
3592                        <a
3593                          href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290"
3594                          class="link-animation link inline-block x-break-words relative w-full "
3595                        >
3596                          <span>NANO Harness</span>
3597                        </a>
3598                      </span>
3599                    </div>
3600                  </li><li class="relative pl-7.5 pr-7.5">
3601                    <div class="flex items-center pt-3">
3602                      <span class="flex-1">
3603                        <a
3604                          href="https://www.nachooffroadtechnology.com/products/nano-y-splitter"
3605                          class="link-animation link inline-block x-break-words relative w-full "
3606                        >
3607                          <span>NANO Y-Splitter</span>
3608                        </a>
3609                      </span>
3610                    </div>
3611                  </li></ul>
3612            </div></li><li
3613          x-data="{ openSub: false }"
3614          class="relative pl-7.5 pr-7.5 font-normal"
3615          
3616            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3617            @mouseleave="$el.classList.remove('is-focus-child');"
3618            @mouseover.away="openSub = false"
3619            @focusin="$el.classList.add('is-focus-child');"
3620            @focusout="$el.classList.remove('is-focus-child');"
3621          
3622        >
3623          <div class="sub-menu flex items-center pt-3">
3624            <span class="flex-1">
3625              <a
3626                href="#"
3627                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3628                
3629              >
3630                <span class="link-animation relative">TM5</span><span
3631                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3632                    @keyup.enter="openSub=!openSub"
3633                    tabindex="0"
3634                  ><svg
3635        width="100%"
3636        height="100%"
3637        viewBox="0 0 9 7"
3638        fill="none"
3639        xmlns="http://www.w3.org/2000/svg"
3640        style="fill: none;"
3641    >
3642      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3643            stroke-linejoin="round"/>
3644    </svg></span></a>
3645            </span>
3646          </div><div
3647              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3648              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3649              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3650              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3651            >
3652              <span
3653                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3654                :class="!openSub && 'scale-x-0'"
3655              ></span>
3656              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3657                    <div class="flex items-center">
3658                      <span class="flex-1">
3659                        <a
3660                          href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946"
3661                          class="link-animation link inline-block x-break-words relative w-full "
3662                        >
3663                          <span>Cover</span>
3664                        </a>
3665                      </span>
3666                    </div>
3667                  </li></ul>
3668            </div></li><li
3669          x-data="{ openSub: false }"
3670          class="relative pl-7.5 pr-7.5 font-normal"
3671          
3672            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3673            @mouseleave="$el.classList.remove('is-focus-child');"
3674            @mouseover.away="openSub = false"
3675            @focusin="$el.classList.add('is-focus-child');"
3676            @focusout="$el.classList.remove('is-focus-child');"
3677          
3678        >
3679          <div class="sub-menu flex items-center pt-3">
3680            <span class="flex-1">
3681              <a
3682                href="/collections/harness-switches"
3683                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3684                
3685              >
3686                <span class="link-animation relative">Harnesses &amp; Switches</span></a>
3687            </span>
3688          </div></li></ul>
3689    
3690      <div
3691        class="hidden 1"
3692        x-init="setPosition($el,2); resizeWindow($el,2)"
3693      ></div>
3694    
3695  </div>
3696              </li><li
3697                
3698                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3699                
3700                @mouseleave="$el.classList.remove('is-focus');"
3701                @focusin="$el.classList.add('is-focus');"
3702                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3703                class="first-menu-item menu-item main-menu-item"
3704              >
3705                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3706                  <a
3707                    href="#"
3708                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center"
3709                    
3710                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3711                    
3712                    
3713                  >
3714                    
3715                      <span>Powersports</span>
3716                    
3717<span
3718                        class="icon-caret w-5 h-5 ps-2"
3719                        tabindex="0"
3720                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3721                      ><svg
3722        width="100%"
3723        height="100%"
3724        viewBox="0 0 9 7"
3725        fill="none"
3726        xmlns="http://www.w3.org/2000/svg"
3727        style="fill: none;"
3728    >
3729      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3730            stroke-linejoin="round"/>
3731    </svg></span></a>
3732                </div>
3733                <div
3734    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
3735    x-init="setPosition($el,1); resizeWindow($el,1)"
3736    inert
3737  >
3738    <ul class="pt-7.5 pb-7.5">
3739      
3740<li
3741          x-data="{ openSub: false }"
3742          class="relative pl-7.5 pr-7.5 font-normal"
3743          
3744            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3745            @mouseleave="$el.classList.remove('is-focus-child');"
3746            @mouseover.away="openSub = false"
3747            @focusin="$el.classList.add('is-focus-child');"
3748            @focusout="$el.classList.remove('is-focus-child');"
3749          
3750        >
3751          <div class="sub-menu flex items-center">
3752            <span class="flex-1">
3753              <a
3754                href="/products/quatro-adv"
3755                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3756                
3757              >
3758                <span class="link-animation relative">Quatro ADV</span></a>
3759            </span>
3760          </div></li><li
3761          x-data="{ openSub: false }"
3762          class="relative pl-7.5 pr-7.5 font-normal"
3763          
3764            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3765            @mouseleave="$el.classList.remove('is-focus-child');"
3766            @mouseover.away="openSub = false"
3767            @focusin="$el.classList.add('is-focus-child');"
3768            @focusout="$el.classList.remove('is-focus-child');"
3769          
3770        >
3771          <div class="sub-menu flex items-center pt-3">
3772            <span class="flex-1">
3773              <a
3774                href="/collections/husqvarna-mounts"
3775                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3776                
3777              >
3778                <span class="link-animation relative">Husqvarna</span></a>
3779            </span>
3780          </div></li><li
3781          x-data="{ openSub: false }"
3782          class="relative pl-7.5 pr-7.5 font-normal"
3783          
3784            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3785            @mouseleave="$el.classList.remove('is-focus-child');"
3786            @mouseover.away="openSub = false"
3787            @focusin="$el.classList.add('is-focus-child');"
3788            @focusout="$el.classList.remove('is-focus-child');"
3789          
3790        >
3791          <div class="sub-menu flex items-center pt-3">
3792            <span class="flex-1">
3793              <a
3794                href="/collections/ktm-mounts"
3795                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3796                
3797              >
3798                <span class="link-animation relative">KTM</span></a>
3799            </span>
3800          </div></li><li
3801          x-data="{ openSub: false }"
3802          class="relative pl-7.5 pr-7.5 font-normal"
3803          
3804            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3805            @mouseleave="$el.classList.remove('is-focus-child');"
3806            @mouseover.away="openSub = false"
3807            @focusin="$el.classList.add('is-focus-child');"
3808            @focusout="$el.classList.remove('is-focus-child');"
3809          
3810        >
3811          <div class="sub-menu flex items-center pt-3">
3812            <span class="flex-1">
3813              <a
3814                href="/collections/polaris-products"
3815                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3816                
3817              >
3818                <span class="link-animation relative">Polaris</span></a>
3819            </span>
3820          </div></li></ul>
3821    
3822  </div>
3823              </li><li
3824                
3825                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3826                
3827                @mouseleave="$el.classList.remove('is-focus');"
3828                @focusin="$el.classList.add('is-focus');"
3829                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3830                class="first-menu-item menu-item main-menu-item"
3831              >
3832                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3833                  <a
3834                    href="#"
3835                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center"
3836                    
3837                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3838                    
3839                    
3840                  >
3841                    
3842                      <span>Fleet</span>
3843                    
3844<span
3845                        class="icon-caret w-5 h-5 ps-2"
3846                        tabindex="0"
3847                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3848                      ><svg
3849        width="100%"
3850        height="100%"
3851        viewBox="0 0 9 7"
3852        fill="none"
3853        xmlns="http://www.w3.org/2000/svg"
3854        style="fill: none;"
3855    >
3856      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3857            stroke-linejoin="round"/>
3858    </svg></span></a>
3859                </div>
3860                <div
3861    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
3862    x-init="setPosition($el,1); resizeWindow($el,1)"
3863    inert
3864  >
3865    <ul class="pt-7.5 pb-7.5">
3866      
3867<li
3868          x-data="{ openSub: false }"
3869          class="relative pl-7.5 pr-7.5 font-normal"
3870          
3871            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3872            @mouseleave="$el.classList.remove('is-focus-child');"
3873            @mouseover.away="openSub = false"
3874            @focusin="$el.classList.add('is-focus-child');"
3875            @focusout="$el.classList.remove('is-focus-child');"
3876          
3877        >
3878          <div class="sub-menu flex items-center">
3879            <span class="flex-1">
3880              <a
3881                href="/products/quatro-red-blue-emergency"
3882                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3883                
3884              >
3885                <span class="link-animation relative">Quatro Emergency</span></a>
3886            </span>
3887          </div></li><li
3888          x-data="{ openSub: false }"
3889          class="relative pl-7.5 pr-7.5 font-normal"
3890          
3891            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3892            @mouseleave="$el.classList.remove('is-focus-child');"
3893            @mouseover.away="openSub = false"
3894            @focusin="$el.classList.add('is-focus-child');"
3895            @focusout="$el.classList.remove('is-focus-child');"
3896          
3897        >
3898          <div class="sub-menu flex items-center pt-3">
3899            <span class="flex-1">
3900              <a
3901                href="/products/nacho-tm5-fleet"
3902                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3903                
3904              >
3905                <span class="link-animation relative">TM5</span></a>
3906            </span>
3907          </div></li></ul>
3908    
3909  </div>
3910              </li><li
3911                
3912                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3913                
3914                @mouseleave="$el.classList.remove('is-focus');"
3915                @focusin="$el.classList.add('is-focus');"
3916                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3917                class="first-menu-item menu-item main-menu-item"
3918              >
3919                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3920                  <a
3921                    href="/collections/apparel"
3922                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block"
3923                    
3924                    
3925                  >
3926                    
3927                      <span>Apparel</span>
3928                    
3929</a>
3930                </div>
3931                
3932              </li><li
3933                
3934                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3935                
3936                @mouseleave="$el.classList.remove('is-focus');"
3937                @focusin="$el.classList.add('is-focus');"
3938                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3939                class="first-menu-item menu-item main-menu-item"
3940              >
3941                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3942                  <a
3943                    href="/pages/media"
3944                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block"
3945                    
3946                    
3947                  >
3948                    
3949                      <span>Media</span>
3950                    
3951</a>
3952                </div>
3953                
3954              </li><li
3955                
3956                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3957                
3958                @mouseleave="$el.classList.remove('is-focus');"
3959                @focusin="$el.classList.add('is-focus');"
3960                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3961                class="first-menu-item menu-item main-menu-item"
3962              >
3963                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3964                  <a
3965                    href="#"
3966                    class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center active"
3967                    
3968                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3969                    
3970                    
3971                  >
3972                    
3973                      <span>Team Nacho</span>
3974                    
3975<span
3976                        class="icon-caret w-5 h-5 ps-2"
3977                        tabindex="0"
3978                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3979                      ><svg
3980        width="100%"
3981        height="100%"
3982        viewBox="0 0 9 7"
3983        fill="none"
3984        xmlns="http://www.w3.org/2000/svg"
3985        style="fill: none;"
3986    >
3987      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3988            stroke-linejoin="round"/>
3989    </svg></span></a>
3990                </div>
3991                <div
3992    class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60  transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners"
3993    x-init="setPosition($el,1); resizeWindow($el,1)"
3994    inert
3995  >
3996    <ul class="pt-7.5 pb-7.5">
3997      
3998<li
3999          x-data="{ openSub: false }"
4000          class="relative pl-7.5 pr-7.5 font-normal"
4001          
4002            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
4003            @mouseleave="$el.classList.remove('is-focus-child');"
4004            @mouseover.away="openSub = false"
4005            @focusin="$el.classList.add('is-focus-child');"
4006            @focusout="$el.classList.remove('is-focus-child');"
4007          
4008        >
4009          <div class="sub-menu flex items-center">
4010            <span class="flex-1">
4011              <a
4012                href="/pages/contact"
4013                class="link relative x-break-words justify-between inline-block w-full duration-200 transition  active"
4014                
4015              >
4016                <span class="link-animation relative">Contact</span></a>
4017            </span>
4018          </div></li><li
4019          x-data="{ openSub: false }"
4020          class="relative pl-7.5 pr-7.5 font-normal"
4021          
4022            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
4023            @mouseleave="$el.classList.remove('is-focus-child');"
4024            @mouseover.away="openSub = false"
4025            @focusin="$el.classList.add('is-focus-child');"
4026            @focusout="$el.classList.remove('is-focus-child');"
4027          
4028        >
4029          <div class="sub-menu flex items-center pt-3">
4030            <span class="flex-1">
4031              <a
4032                href="/pages/racer-application"
4033                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
4034                
4035              >
4036                <span class="link-animation relative">Racer Application</span></a>
4037            </span>
4038          </div></li></ul>
4039    
4040  </div>
4041              </li></ul>
4042      </nav>
4043      <button
4044        class="scroll-nav main-menu-scroll-next z-20 rounded-none disabled:opacity-40 disabled:cursor-not-allowed "
4045        x-show="isScrollable && !isAtEnd"
4046        x-cloak
4047        @click="scrollRight"
4048        :disabled="isAtEnd"
4049        aria-label="Scroll right"
4050      >
4051        
4052    <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon">
4053      <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4054    </svg>
4055  
4056      </button>
4057    </div>
4058  </div>
4059
4060</div><div class="w-full [grid-area:header-center] lg:hidden">
4061            <div class=""><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative">
4062  <picture>
4063    <source
4064      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w,
4065      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w,
4066      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w,
4067      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w,
4068      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w,
4069      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w"
4070      media="(max-width: 1023px)"
4071      width="150"
4072      height="63"
4073    >
4074    <img
4075      srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w,
4076        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w,
4077        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w,
4078        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w,
4079        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w,
4080        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w,
4081        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w,
4082        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w,
4083        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w"
4084      loading="eager"
4085      sizes="(min-width: 768px) 450px, 150px"
4086      src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478"
4087      
4088        :alt="(screen.width < 768) ? '' : ''"
4089      
4090      class="object-cover h-full w-full image-sections--20172716769450__header"
4091      width="150"
4092      height="66"
4093      fetchpriority="high"
4094      decoding="sync"
4095    >
4096  </picture>
4097</span><span class="header-logo-width logo-image logo-light relative dark:hidden">
4098  <picture>
4099    <source
4100      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
4101      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
4102      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
4103      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
4104      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
4105      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w"
4106      media="(max-width: 1023px)"
4107      width="150"
4108      height="63"
4109    >
4110    <img
4111      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
4112        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
4113        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
4114        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
4115        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
4116        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w,
4117        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w,
4118        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w,
4119        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w"
4120      loading="eager"
4121      sizes="(min-width: 768px) 450px, 150px"
4122      src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000"
4123      
4124        :alt="(screen.width < 768) ? '' : ''"
4125      
4126      class="object-cover h-full w-full image-sections--20172716769450__header"
4127      width="150"
4128      height="63"
4129      fetchpriority="high"
4130      decoding="sync"
4131    >
4132  </picture>
4133</span></a></div></div></div><div class="header-item [grid-area:header-right] flex items-center justify-end gap-5"><div class="hidden lg:block"><div class="toggle-theme-mode will-change-transform">
4134      <label
4135        id="darkLabel-desktop"
4136        class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer "
4137        :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''"
4138        tabindex="0"
4139        @keyup.enter="$el.click()"
4140      >
4141        <input
4142          @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();"
4143          type="checkbox"
4144          id="check-mode-desktop"
4145          class="input-check-mode absolute top-0 left-0 w-full h-full invisible"
4146        >
4147        <span class="toggle-body block overflow-hidden">
4148          <span class="toggle-body-inner">
4149            <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
4150      <path
4151          d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z"
4152          fill="currentColor"/>
4153    </svg></span>
4154            <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
4155      <path
4156          d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z"
4157          fill="currentColor"/>
4158      <path
4159          d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z"
4160          fill="currentColor"/>
4161      <path
4162          d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z"
4163          fill="currentColor"/>
4164      <path
4165          d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z"
4166          fill="currentColor"/>
4167      <path
4168          d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z"
4169          fill="currentColor"/>
4170      <path
4171          d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4171552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z"
4172          fill="currentColor"/>
4173      <path
4174          d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z"
4175          fill="currentColor"/>
4176      <path
4177          d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z"
4178          fill="currentColor"/>
4179      <path
4180          d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z"
4181          fill="currentColor"/>
4182    </svg></span>
4183
4184            <span class="icon-toggle-theme-mode-loading">
4185              <span class="animate-spin block icon">
4186                <svg
4187        version="1.0"
4188        xmlns="http://www.w3.org/2000/svg"
4189        viewBox="0 0 512.000000 512.000000"
4190        preserveAspectRatio="xMidYMid meet"
4191    >
4192      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4193         fill="currentColor" stroke="none">
4194        <path
4195            d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
4196      </g>
4197    </svg>
4198              </span>
4199            </span>
4200          </span>
4201        </span>
4202      </label>
4203    </div></div><div class="x-header-store-selector-desktop self-center lg:block hidden empty:hidden lg:max-w-[200px]"></div>
4204            <div class="hidden lg:flex items-center gap-2 empty:hidden">
4205
4206
4207  
4208
4209  <div
4210    x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')"
4211    class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1"
4212    @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();"
4213    @click.away="isFocusedSearchForm && close()"
4214  >
4215    
4216    
4217      
4218        <a
4219          id="SearchOpen"
4220          href="/search"
4221          aria-label="Search..."
4222          role="button"
4223          class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto"
4224          @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');"
4225        >
4226          <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4227      <path
4228          d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z"
4229          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4230      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4231            stroke-linejoin="round"/>
4232    </svg></span>
4233        </a>
4234      
4235    
4236
4237    <div
4238      id="FormSearch__desktop"
4239      x-ref="open_search"
4240      
4241        
4242          class="form-search-wrapper search-popup relative hidden md:flex flex-col md:absolute left-0 top-0 origin-top h-full ease-in-out overflow-hidden invisible"
4243        
4244        :class="isFocusedSearchForm ? '!visible !block is-open' : ''"
4245      
4246    >
4247      
4248        
4249        <div
4250          class="header-search__scrim--compact fixed  top-0 lg:top-0 -z-10 lg:z-30 bottom-0 right-0 left-0 transition-opacity duration-500 cursor-pointer"
4251          :class="isFocusedSearchForm ? '' : 'opacity-0 invisible'"
4252          x-cloak
4253          x-on:click="close(); $store.xFocusElement.removeTrapFocus();"
4254        ></div>
4255      
4256
4257      
4258
4259      <div
4260        class="search-box-wrapper relative mt-3 lg:mt-0 md:top-0 w-full"
4261        data-loading-text="Loading"
4262        
4263        
4264      >
4265        <div
4266          
4267            id="SearchBarFixed__desktop"
4268          
4269          x-ref="search_bar_fixed"
4270          class="mx-auto w-full relative header-search__bar--compact z-50 px-0 py-0 lg:py-2 lg:px-2 rounded-corners"
4271          
4272            :class="isFocusedSearchForm ? 'lg:!fixed left-0 right-0 search-expand-open' : 'search-expand-closed'"
4273          
4274        >
4275          <div
4276            class="header-search-inner h-full w-full field flex items-center border rounded-corners color-bg-[rgba(var(--color-background))] py-1 lg:py-1.5 px-1 lg:px-1.5"
4277            
4278          >
4279            
4280              <select-element
4281                class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5  max-w-[40%] "
4282                data-picker-type="dropdown"
4283              >
4284                <div class="select relative">
4285                  <div
4286                    class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full  w-[120px] lg:w-36 xl:w-[10.5rem] gap-2 lg:gap-5 py-2 px-3 md:py-1.5 md:px-3"
4287                    role="button"
4288                    tabindex="0"
4289                    aria-expanded="false"
4290                    aria-controls="CategoriesList"
4291                    aria-describedby="CategoriesHeading"
4292                    
4293                    @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')"
4294                  >
4295                    <span
4296                      class="select-button__label line-clamp-1 flex-1 p-break-words"
4297                      data-section-id="sections--20172716769450__header"
4298                    >
4299                      All categories
4300                    </span>
4301                    <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg
4302        width="100%"
4303        height="100%"
4304        viewBox="0 0 9 7"
4305        fill="none"
4306        xmlns="http://www.w3.org/2000/svg"
4307        style="fill: none;"
4308    >
4309      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4310            stroke-linejoin="round"/>
4311    </svg></span>
4312                    <div
4313                      class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners"
4314                      x-show="loadingProductType === 'loading'"
4315                      x-cloak
4316                    >
4317                      <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg
4318        version="1.0"
4319        xmlns="http://www.w3.org/2000/svg"
4320        viewBox="0 0 512.000000 512.000000"
4321        preserveAspectRatio="xMidYMid meet"
4322    >
4323      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4324         fill="currentColor" stroke="none">
4325        <path
4326            d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
4327      </g>
4328    </svg></span>
4329                    </div>
4330                  </div>
4331                  <div
4332                    class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]"
4333                    data-adjust-position="false"
4334                  >
4335                    <ul
4336                      role="listbox"
4337                      class="select-options hidden"
4338                      aria-label="CategoriesList"
4339                    >
4340                      <li
4341                        tabindex="-1"
4342                        class="select-option hidden"
4343                        data-type="dropdown"
4344                        aria-selected="true"
4345                        role="option"
4346                        data-no-instant
4347                        data-value="All categories"
4348                        data-select-value="All categories"
4349                        @click="setProductType($el, true)"
4350                        @keydown.enter="setProductType($el, true)"
4351                        @keydown.space="setProductType($el, true)"
4352                      >
4353                        All categories
4354                      </li>
4355                    </ul>
4356                  </div>
4357                </div>
4358                <label class="hidden">
4359                  <input
4360                    name="product_type"
4361                    class="select-option-selected"
4362                    value="product_type:"
4363                    data-disclosure-input
4364                    @change="handleChangeProductType()"
4365                  >
4366                </label>
4367              </select-element>
4368            
4369
4370            <form
4371              id="form-search-sections--20172716769450__header"
4372              class="form-search grow z-0"
4373              action="/search"
4374              method="get"
4375              role="search"
4376            >
4377              <label
4378                for="search-in-modal-desktop"
4379                class="hidden"
4380              >Search...</label>
4381              <input
4382                id="search-in-modal-desktop"
4383                class="peer input-search py-1.5 lg:text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]"
4384                type="search"
4385                
4386                name="q"
4387                value=""
4388                x-on:keydown="handleKeyUpModal($event)"
4389                @input.debounce.500ms="handleChangeInput()"
4390                @click="focusForm();"
4391                placeholder="What are you searching for?"
4392                x-ref="input_search"
4393              >
4394              <input
4395                type="hidden"
4396                name="type"
4397                value="product"
4398              >
4399              <input
4400                type="hidden"
4401                :value="productTypeSelected == 'All categories' ? '' : productTypeSelected"
4402                name="filter.p.product_type"
4403                x-bind:disabled="productTypeSelected == 'All categories'"
4404              >
4405              <button
4406                class="btn-search  absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2"
4407                aria-label="Search..."
4408                
4409              >
4410                <span
4411                  
4412                ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4413      <path
4414          d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z"
4415          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4416      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4417            stroke-linejoin="round"/>
4418    </svg></span>
4419                
4420              </button>
4421              
4422                <button
4423                  class="search__speech  absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current"
4424                  x-data="xSpeechSearch($el)"
4425                  x-show="show"
4426                  x-cloak
4427                  type="button"
4428                  tabindex="0"
4429                  aria-label="Voice"
4430                >
4431                  <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
4432      <path
4433          d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z"
4434          fill="currentColor"></path>
4435    </svg>
4436                </button>
4437              
4438<div
4439                x-ref="search_content"
4440                
4441                  class="header-search__results header-search__results--compact fixed lg:absolute top-[var(--input-search-to-top)] lg:top-[calc(100%-8px)] color-bg-[rgba(var(--color-background))] lg:color-bg-[rgba(var(--color-background-header))] border-t-[12px] lg:border-t-0 border-[rgba(var(--color-background-header))] px-2 lg:pt-1 lg:pb-2 h-fit w-full left-0 "
4442                  x-transition:enter="transition-[500ms_500ms] transition-opacity ease-out"
4443                
4444                x-show="isFocusedSearchForm && (result !== '' )"
4445                x-transition:enter-start="opacity-0 transform translate-y-[30px]"
4446                x-transition:enter-end="opacity-100 transform translate-y-0"
4447                x-transition:leave="ease-in"
4448                x-transition:leave-start="opacity-100 transform translate-y-0"
4449                x-transition:leave-end="opacity-0 transform translate-y-[30px]"
4450                x-cloak
4451                x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__desktop', 'search-in-modal-desktop');"
4452              >
4453                <div
4454                  id="search-result"
4455                  class=" rounded-corners pb-4 color-bg-[rgba(var(--color-background))]"
4456                  tabindex="-1"
4457                  data-predictive-search
4458                  x-html="result"
4459                  x-cloak
4460                  x-show="loading == false && openResults"
4461                  x-transition:enter="transition-[500ms_500ms] ease-out"
4462                  x-transition:enter-start="opacity-0"
4463                  x-transition:enter-end="opacity-100"
4464                ></div>
4465              </div>
4466            </form>
4467          </div>
4468        </div>
4469      </div>
4470
4471      <div
4472        class="element-end-modal h-0 w-0 absolute pointer-events-none"
4473        :tabindex="isFocusedSearchForm ? '0' : '-1'"
4474        @focus="document.getElementById('SearchClose__desktop')?.focus()"
4475      ></div>
4476    </div>
4477  </div>
4478
4479<div class="header-account-menu cursor-pointer ltr:-mr-4 rtl:-ml-4">
4480                  <shopify-store store-domain="https://nacholightingco.com" country="US" language="en"></shopify-store>
4481<shopify-account menu='customer-account-main-menu'>
4482                    <div slot="signed-out-avatar">
4483                      <span class="header-account-icon w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
4484                      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
4485      <path
4486          d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508"
4487          stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4488      <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991"
4489            stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4490    </svg>
4491                      </span>
4492                    </div>
4493                  </shopify-account>
4494                </div></div><div class="header-icon-cart cursor-pointer relative cart-empty">
4495                <a
4496                  id="cart-icon"
4497                  class="relative"
4498                  aria-controls="CartDrawer"
4499                  aria-expanded="false"
4500                  aria-label="Your cart"
4501                  role="button"
4502                  tabindex="0"
4503                >
4504                  <span class="w-6 h-6 lg:w-7 lg:h-7 px-0.5 py-0.5 inline-block icon color-text-[rgba(var(--color-heading))] translate-y-0"><svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg">
4505      <g clip-path="url(#clip0_30707_436)">
4506        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/>
4507        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/>
4508        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/>
4509      </g>
4510      <defs>
4511        <clipPath id="clip0_30707_436">
4512          <rect width="18" height="18" fill="white"/>
4513        </clipPath>
4514      </defs>
4515    </svg></span>
4516                  <div id="cart-icon-bubble" class="relative -left-0.5 rtl:left-0 rtl:-right-0.5">
4517                    <div class="cart-bubble__container empty:hidden color-bg-[rgba(var(--color-cart))] color-text-[rgba(var(--color-cart-text))] h-5 w-5 lg:h-6 lg:w-6 rounded-full text-x-small" data-count-item="0"></div>
4518                  </div>
4519                </a>
4520              </div></div>
4521        </div><div
4522          id="x-header-mobile"
4523          class="x-header-mobile lg:hidden w-full h-full"
4524          :class="$store.xMobileNav.show && 'active'"
4525          x-intersect.once="$store.xHelper.setPosition('#DrawerMenuMobilePosition', '#DrawerMenuMobile')"
4526        ><div
4527            class="header-mobile-overlay absolute -z-[1] w-full cursor-pointer h-full header-h-screen left-0 top-full duration-header-menu"
4528            @click="$store.xMobileNav.close()"
4529            :class="$store.xMobileNav.show ? 'opacity-100' : 'opacity-0 pointer-events-none'"
4530            x-cloak
4531            aria-hidden="true"
4532          ></div><div
4533            x-cloak
4534            class="modal-container z-40 w-full max-w-screen-md overflow-hidden absolute top-full ease-out duration-header-menu left-0 header-h-screen"
4535          >
4536            <nav class="main-nav-mobile h-full flex flex-col pb-3" aria-label="Main menu"><div
4537                class="mobile-header-toolbar flex lg:hidden text-center justify-between color-bg-[rgba(var(--color-button))] color-text-[rgba(var(--color-button-text))] p-4 items-center gap-4"
4538                x-cloak
4539              ><p class="header-welcome-msg text-start p-break-words">Welcome to NACHO Lighting Co.</p><div class="mobile-header-actions flex gap-1.5 items-center"><div class="mobile-header-account-menu">
4540                      <shopify-account menu='customer-account-main-menu'>
4541                        <div slot="signed-out-avatar" class="mobile-header-account-icon w-6 h-6 ">
4542                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
4543      <path
4544          d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508"
4545          stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4546      <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991"
4547            stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4548    </svg>
4549                        </div>
4550                      </shopify-account>
4551                    </div><div class="toggle-theme-mode will-change-transform">
4552      <label
4553        id="darkLabel-mobile"
4554        class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer  color-border-[rgba(var(--color-button-text),0.12)]"
4555        :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''"
4556        tabindex="0"
4557        @keyup.enter="$el.click()"
4558      >
4559        <input
4560          @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();"
4561          type="checkbox"
4562          id="check-mode-mobile"
4563          class="input-check-mode absolute top-0 left-0 w-full h-full invisible"
4564        >
4565        <span class="toggle-body block overflow-hidden">
4566          <span class="toggle-body-inner">
4567            <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
4568      <path
4569          d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z"
4570          fill="currentColor"/>
4571    </svg></span>
4572            <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
4573      <path
4574          d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z"
4575          fill="currentColor"/>
4576      <path
4577          d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z"
4578          fill="currentColor"/>
4579      <path
4580          d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z"
4581          fill="currentColor"/>
4582      <path
4583          d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z"
4584          fill="currentColor"/>
4585      <path
4586          d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z"
4587          fill="currentColor"/>
4588      <path
4589          d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4589552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z"
4590          fill="currentColor"/>
4591      <path
4592          d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z"
4593          fill="currentColor"/>
4594      <path
4595          d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z"
4596          fill="currentColor"/>
4597      <path
4598          d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z"
4599          fill="currentColor"/>
4600    </svg></span>
4601
4602            <span class="icon-toggle-theme-mode-loading">
4603              <span class="animate-spin block icon">
4604                <svg
4605        version="1.0"
4606        xmlns="http://www.w3.org/2000/svg"
4607        viewBox="0 0 512.000000 512.000000"
4608        preserveAspectRatio="xMidYMid meet"
4609    >
4610      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4611         fill="currentColor" stroke="none">
4612        <path
4613            d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521  -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075  1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110  -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171  -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574  -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
4614      </g>
4615    </svg>
4616              </span>
4617            </span>
4618          </span>
4619        </span>
4620      </label>
4621    </div></div>
4622              </div><div
4623                id="menu-navigation"
4624                x-show="$store.xMobileNav.show"
4625                class="h-full flex-1 relative overflow-hidden"
4626                :class="$store.xMobileNav.currentMenuLinks.length === 0 ? 'overflow-y-auto' : 'overflow-hidden'"
4627              >
4628                <div class="h-full w-full scrollbar-body scrollbar overflow-y-auto">
4629                  <div id="menu-level-0" class="menu-parent w-full h-full">
4630                    <div id="DrawerMenuMobilePosition"></div><div class="main-menu-lv0 py-5 px-4 border-b"><div class="mobile-main-menu-title h4 flex items-center gap-2 mb-3">
4631                            <span class="inline-block w-4 shrink-0">
4632    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4633      <path d="M0 12H2V14H0V12Z" fill="currentColor"/>
4634      <path d="M4 12H12V14H4V12Z" fill="currentColor"/>
4635      <path d="M4 7H16V9H4V7Z" fill="currentColor"/>
4636      <path d="M0 7H2V9H0V7Z" fill="currentColor"/>
4637      <path d="M4 2H14V4H4V2Z" fill="currentColor"/>
4638      <path d="M0 2H2V4H0V2Z" fill="currentColor"/>
4639    </svg>
4640  </span>
4641                            <h4 class="p-break-words">Main menu</h4>
4642                          </div><ul class="h5">
4643
4644<li><div 
4645      
4646        @click="$store.xMobileNav.setActiveLink('-1')"
4647        @keyup.enter="$store.xMobileNav.setActiveLink('-1')"
4648        tabindex="0"
4649       
4650      class="menu-link mobile-menu-item flex items-center cursor-pointer"
4651    >
4652      
4653        <p class="flex-1 flex items-center cursor-pointer">
4654          <span class="x-break-words py-2">
4655            <span>Lights</span>
4656          </span>
4657        </p>
4658        <span
4659          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
4660        >
4661          <svg
4662        width="100%"
4663        height="100%"
4664        viewBox="0 0 9 7"
4665        fill="none"
4666        xmlns="http://www.w3.org/2000/svg"
4667        style="fill: none;"
4668    >
4669      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4670            stroke-linejoin="round"/>
4671    </svg>
4672        </span>
4673      
4674    </div><div
4675        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
4676        :class="$store.xMobileNav.currentMenuLinks.includes('-1') && 'menu-opening'"
4677        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
4678        >
4679        <ul 
4680          id="menu-level-1"
4681          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
4682          >
4683          <li class="flex items-center justify-between border-b px-2.5 text-right">
4684            <span
4685              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
4686              @click="$store.xMobileNav.removeActiveLink('-1');"
4687              @keyup.enter="$store.xMobileNav.removeActiveLink('-1');"
4688              aria-label="Back" 
4689              role="button"
4690              tabindex="0"
4691            >
4692              <svg
4693        width="100%"
4694        height="100%"
4695        viewBox="0 0 9 7"
4696        fill="none"
4697        xmlns="http://www.w3.org/2000/svg"
4698        style="fill: none;"
4699    >
4700      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4701            stroke-linejoin="round"/>
4702    </svg>
4703            </span>
4704            <a href="/collections/lights" class="h5 pt-4 pb-4 flex-1 ">
4705              <span class="x-break-words  !font-semibold">Lights</span>
4706            </a>
4707          </li><li>
4708              <div class="items-center"> 
4709                <div
4710                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4711                  
4712                >
4713                  
4714                    <a href="/products/nacho-supreme" class="x-break-words flex-1 py-4 items-center">
4715                  
4716                    Supreme Series
4717                  </a>
4718</div></div>
4719            </li><li>
4720              <div class="items-center"> 
4721                <div
4722                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4723                  
4724                >
4725                  
4726                    <a href="/products/nacho-grande" class="x-break-words flex-1 py-4 items-center">
4727                  
4728                    Grande
4729                  </a>
4730</div></div>
4731            </li><li>
4732              <div class="items-center"> 
4733                <div
4734                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4735                  
4736                >
4737                  
4738                    <a href="/products/nacho-quatro" class="x-break-words flex-1 py-4 items-center">
4739                  
4740                    Quatro
4741                  </a>
4742</div></div>
4743            </li><li>
4744              <div class="items-center"> 
4745                <div
4746                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4747                  
4748                >
4749                  
4750                    <a href="/products/nacho-nano" class="x-break-words flex-1 py-4 items-center">
4751                  
4752                    NANO
4753                  </a>
4754</div></div>
4755            </li><li>
4756              <div class="items-center"> 
4757                <div
4758                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4759                  
4760                >
4761                  
4762                    <a href="/products/nacho-tm5" class="x-break-words flex-1 py-4 items-center">
4763                  
4764                    TM5
4765                  </a>
4766</div></div>
4767            </li><li>
4768              <div class="items-center"> 
4769                <div
4770                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4771                  
4772                >
4773                  
4774                    <a href="/products/nacho-quatro-sae" class="x-break-words flex-1 py-4 items-center">
4775                  
4776                    Quatro SAE
4777                  </a>
4778</div></div>
4779            </li><li>
4780              <div class="items-center"> 
4781                <div
4782                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4783                  
4784                >
4785                  
4786                    <a href="/products/quatro-chase" class="x-break-words flex-1 py-4 items-center">
4787                  
4788                    Quatro Chase
4789                  </a>
4790</div></div>
4791            </li><li>
4792              <div class="items-center"> 
4793                <div
4794                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4795                  
4796                >
4797                  
4798                    <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center">
4799                  
4800                    Quatro ADV
4801                  </a>
4802</div></div>
4803            </li></ul>
4804      </div></li><li><div 
4805      
4806        @click="$store.xMobileNav.setActiveLink('-2')"
4807        @keyup.enter="$store.xMobileNav.setActiveLink('-2')"
4808        tabindex="0"
4809       
4810      class="menu-link mobile-menu-item flex items-center cursor-pointer"
4811    >
4812      
4813        <p class="flex-1 flex items-center cursor-pointer">
4814          <span class="x-break-words py-2">
4815            <span>Mounting</span>
4816          </span>
4817        </p>
4818        <span
4819          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
4820        >
4821          <svg
4822        width="100%"
4823        height="100%"
4824        viewBox="0 0 9 7"
4825        fill="none"
4826        xmlns="http://www.w3.org/2000/svg"
4827        style="fill: none;"
4828    >
4829      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4830            stroke-linejoin="round"/>
4831    </svg>
4832        </span>
4833      
4834    </div><div
4835        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
4836        :class="$store.xMobileNav.currentMenuLinks.includes('-2') && 'menu-opening'"
4837        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
4838        >
4839        <ul 
4840          id="menu-level-1"
4841          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
4842          >
4843          <li class="flex items-center justify-between border-b px-2.5 text-right">
4844            <span
4845              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
4846              @click="$store.xMobileNav.removeActiveLink('-2');"
4847              @keyup.enter="$store.xMobileNav.removeActiveLink('-2');"
4848              aria-label="Back" 
4849              role="button"
4850              tabindex="0"
4851            >
4852              <svg
4853        width="100%"
4854        height="100%"
4855        viewBox="0 0 9 7"
4856        fill="none"
4857        xmlns="http://www.w3.org/2000/svg"
4858        style="fill: none;"
4859    >
4860      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4861            stroke-linejoin="round"/>
4862    </svg>
4863            </span>
4864            <a href="/collections/mounting" class="h5 pt-4 pb-4 flex-1 ">
4865              <span class="x-break-words  !font-semibold">Mounting</span>
4866            </a>
4867          </li><li>
4868              <div class="items-center"> 
4869                <div
4870                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4871                  
4872                    @click="$store.xMobileNav.setActiveLink('-2-1');"
4873                    @keyup.enter="$store.xMobileNav.setActiveLink('-2-1');"
4874                    role="button"
4875                    tabindex="0"
4876                  
4877                >
4878                  
4879                    <p class="x-break-words flex-1 py-4 items-center">
4880                  
4881                    Kits
4882                  </p>
4883<span
4884                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
4885                    >
4886                      <svg
4887        width="100%"
4888        height="100%"
4889        viewBox="0 0 9 7"
4890        fill="none"
4891        xmlns="http://www.w3.org/2000/svg"
4892        style="fill: none;"
4893    >
4894      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4895            stroke-linejoin="round"/>
4896    </svg>
4897                    </span></div><div
4898                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
4899                    :class="$store.xMobileNav.currentMenuLinks.includes('-2-1') && 'menu-opening'"
4900                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
4901                  >
4902                    <ul
4903                      id="menu-level-2"
4904                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
4905                    >
4906                      <li
4907                        class="flex items-center justify-between border-b px-2.5 text-right"
4908                      >
4909                        <span
4910                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
4911                          @click="$store.xMobileNav.removeActiveLink('-2-1')"
4912                          @keyup.enter="$store.xMobileNav.removeActiveLink('-2-1')"
4913                          role="button"
4914                          aria-label="Back"
4915                          tabindex="0"
4916                        ><svg
4917        width="100%"
4918        height="100%"
4919        viewBox="0 0 9 7"
4920        fill="none"
4921        xmlns="http://www.w3.org/2000/svg"
4922        style="fill: none;"
4923    >
4924      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4925            stroke-linejoin="round"/>
4926    </svg></span>
4927                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
4928                          <span class="x-break-words  !font-semibold">Kits</span>
4929                        </a>
4930                      </li><li class="px-2.5 py-4 border-b ">
4931                          <a
4932                            href="/products/bronco-fog-kit"
4933                            class="x-break-words flex items-center"
4934                            
4935                          >
4936                            Bronco Plug N Play Kit
4937                          </a>
4938                        </li><li class="px-2.5 py-4 border-b ">
4939                          <a
4940                            href="/products/jl-jt-sae-fog-kit"
4941                            class="x-break-words flex items-center"
4942                            
4943                          >
4944                            Jeep JL/JT Plug N Play Kit
4945                          </a>
4946                        </li><li class="px-2.5 py-4 border-b ">
4947                          <a
4948                            href="/products/toyota-sae-fog-kit"
4949                            class="x-break-words flex items-center"
4950                            
4951                          >
4952                            Toyota Plug N Play Kit
4953                          </a>
4954                        </li><li class="px-2.5 py-4 border-b ">
4955                          <a
4956                            href="/products/universal-reverse-kit"
4957                            class="x-break-words flex items-center"
4958                            
4959                          >
4960                            Reverse Kit
4961                          </a>
4962                        </li><li class="px-2.5 py-4 border-b ">
4963                          <a
4964                            href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens"
4965                            class="x-break-words flex items-center"
4966                            
4967                          >
4968                            Sprinter Front Bumper Kit
4969                          </a>
4970                        </li><li class="px-2.5 py-4 border-b ">
4971                          <a
4972                            href="/products/sprinter-fog-light-kit"
4973                            class="x-break-words flex items-center"
4974                            
4975                          >
4976                            Sprinter Fog Kit
4977                          </a>
4978                        </li><li class="px-2.5 py-4 border-b ">
4979                          <a
4980                            href="/products/promaster-fog-light-kit-amber"
4981                            class="x-break-words flex items-center"
4982                            
4983                          >
4984                            Promaster Fog Kit
4985                          </a>
4986                        </li><li class="px-2.5 py-4 border-b ">
4987                          <a
4988                            href="/products/nano-arb-kit"
4989                            class="x-break-words flex items-center"
4990                            
4991                          >
4992                            ARB Base Rack NANO Kit
4993                          </a>
4994                        </li></ul>
4995                  </div></div>
4996            </li><li>
4997              <div class="items-center"> 
4998                <div
4999                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5000                  
5001                    @click="$store.xMobileNav.setActiveLink('-2-2');"
5002                    @keyup.enter="$store.xMobileNav.setActiveLink('-2-2');"
5003                    role="button"
5004                    tabindex="0"
5005                  
5006                >
5007                  
5008                    <p class="x-break-words flex-1 py-4 items-center">
5009                  
5010                    Mounts
5011                  </p>
5012<span
5013                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5014                    >
5015                      <svg
5016        width="100%"
5017        height="100%"
5018        viewBox="0 0 9 7"
5019        fill="none"
5020        xmlns="http://www.w3.org/2000/svg"
5021        style="fill: none;"
5022    >
5023      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5024            stroke-linejoin="round"/>
5025    </svg>
5026                    </span></div><div
5027                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5028                    :class="$store.xMobileNav.currentMenuLinks.includes('-2-2') && 'menu-opening'"
5029                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5030                  >
5031                    <ul
5032                      id="menu-level-2"
5033                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5034                    >
5035                      <li
5036                        class="flex items-center justify-between border-b px-2.5 text-right"
5037                      >
5038                        <span
5039                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5040                          @click="$store.xMobileNav.removeActiveLink('-2-2')"
5041                          @keyup.enter="$store.xMobileNav.removeActiveLink('-2-2')"
5042                          role="button"
5043                          aria-label="Back"
5044                          tabindex="0"
5045                        ><svg
5046        width="100%"
5047        height="100%"
5048        viewBox="0 0 9 7"
5049        fill="none"
5050        xmlns="http://www.w3.org/2000/svg"
5051        style="fill: none;"
5052    >
5053      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5054            stroke-linejoin="round"/>
5055    </svg></span>
5056                        <a href="/collections/mounting" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5057                          <span class="x-break-words  !font-semibold">Mounts</span>
5058                        </a>
5059                      </li><li class="px-2.5 py-4 border-b ">
5060                          <a
5061                            href="/collections/mounting"
5062                            class="x-break-words flex items-center"
5063                            
5064                          >
5065                            All Mounts
5066                          </a>
5067                        </li><li class="px-2.5 py-4 border-b ">
5068                          <a
5069                            href="/collections/arb-mounts"
5070                            class="x-break-words flex items-center"
5071                            
5072                          >
5073                            ARB
5074                          </a>
5075                        </li><li class="px-2.5 py-4 border-b ">
5076                          <a
5077                            href="/products/nano-arb-kit"
5078                            class="x-break-words flex items-center"
5079                            
5080                          >
5081                            ARB NANO Kit
5082                          </a>
5083                        </li><li class="px-2.5 py-4 border-b ">
5084                          <a
5085                            href="/collections/ford-products"
5086                            class="x-break-words flex items-center"
5087                            
5088                          >
5089                            Ford
5090                          </a>
5091                        </li><li class="px-2.5 py-4 border-b ">
5092                          <a
5093                            href="/collections/jeep-products"
5094                            class="x-break-words flex items-center"
5095                            
5096                          >
5097                            Jeep
5098                          </a>
5099                        </li><li class="px-2.5 py-4 border-b ">
5100                          <a
5101                            href="/products/nano-mount-pair"
5102                            class="x-break-words flex items-center"
5103                            
5104                          >
5105                            NANO Mounts
5106                          </a>
5107                        </li><li class="px-2.5 py-4 border-b ">
5108                          <a
5109                            href="/collections/toyota-products"
5110                            class="x-break-words flex items-center"
5111                            
5112                          >
5113                            Toyota
5114                          </a>
5115                        </li><li class="px-2.5 py-4 border-b ">
5116                          <a
5117                            href="/products/ac13u"
5118                            class="x-break-words flex items-center"
5119                            
5120                          >
5121                            Quatro Flush Mount
5122                          </a>
5123                        </li></ul>
5124                  </div></div>
5125            </li></ul>
5126      </div></li><li><div 
5127      
5128        @click="$store.xMobileNav.setActiveLink('-3')"
5129        @keyup.enter="$store.xMobileNav.setActiveLink('-3')"
5130        tabindex="0"
5131       
5132      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5133    >
5134      
5135        <p class="flex-1 flex items-center cursor-pointer">
5136          <span class="x-break-words py-2">
5137            <span>Accessories</span>
5138          </span>
5139        </p>
5140        <span
5141          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5142        >
5143          <svg
5144        width="100%"
5145        height="100%"
5146        viewBox="0 0 9 7"
5147        fill="none"
5148        xmlns="http://www.w3.org/2000/svg"
5149        style="fill: none;"
5150    >
5151      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5152            stroke-linejoin="round"/>
5153    </svg>
5154        </span>
5155      
5156    </div><div
5157        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5158        :class="$store.xMobileNav.currentMenuLinks.includes('-3') && 'menu-opening'"
5159        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5160        >
5161        <ul 
5162          id="menu-level-1"
5163          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5164          >
5165          <li class="flex items-center justify-between border-b px-2.5 text-right">
5166            <span
5167              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5168              @click="$store.xMobileNav.removeActiveLink('-3');"
5169              @keyup.enter="$store.xMobileNav.removeActiveLink('-3');"
5170              aria-label="Back" 
5171              role="button"
5172              tabindex="0"
5173            >
5174              <svg
5175        width="100%"
5176        height="100%"
5177        viewBox="0 0 9 7"
5178        fill="none"
5179        xmlns="http://www.w3.org/2000/svg"
5180        style="fill: none;"
5181    >
5182      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5183            stroke-linejoin="round"/>
5184    </svg>
5185            </span>
5186            <a href="/collections/accessories" class="h5 pt-4 pb-4 flex-1 ">
5187              <span class="x-break-words  !font-semibold">Accessories</span>
5188            </a>
5189          </li><li>
5190              <div class="items-center"> 
5191                <div
5192                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5193                  
5194                    @click="$store.xMobileNav.setActiveLink('-3-1');"
5195                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-1');"
5196                    role="button"
5197                    tabindex="0"
5198                  
5199                >
5200                  
5201                    <p class="x-break-words flex-1 py-4 items-center">
5202                  
5203                    Grande
5204                  </p>
5205<span
5206                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5207                    >
5208                      <svg
5209        width="100%"
5210        height="100%"
5211        viewBox="0 0 9 7"
5212        fill="none"
5213        xmlns="http://www.w3.org/2000/svg"
5214        style="fill: none;"
5215    >
5216      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5217            stroke-linejoin="round"/>
5218    </svg>
5219                    </span></div><div
5220                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5221                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-1') && 'menu-opening'"
5222                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5223                  >
5224                    <ul
5225                      id="menu-level-2"
5226                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5227                    >
5228                      <li
5229                        class="flex items-center justify-between border-b px-2.5 text-right"
5230                      >
5231                        <span
5232                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5233                          @click="$store.xMobileNav.removeActiveLink('-3-1')"
5234                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-1')"
5235                          role="button"
5236                          aria-label="Back"
5237                          tabindex="0"
5238                        ><svg
5239        width="100%"
5240        height="100%"
5241        viewBox="0 0 9 7"
5242        fill="none"
5243        xmlns="http://www.w3.org/2000/svg"
5244        style="fill: none;"
5245    >
5246      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5247            stroke-linejoin="round"/>
5248    </svg></span>
5249                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5250                          <span class="x-break-words  !font-semibold">Grande</span>
5251                        </a>
5252                      </li><li class="px-2.5 py-4 border-b ">
5253                          <a
5254                            href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146"
5255                            class="x-break-words flex items-center"
5256                            
5257                          >
5258                            Cover
5259                          </a>
5260                        </li><li class="px-2.5 py-4 border-b ">
5261                          <a
5262                            href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778"
5263                            class="x-break-words flex items-center"
5264                            
5265                          >
5266                            Exo-Skeleton
5267                          </a>
5268                        </li><li class="px-2.5 py-4 border-b ">
5269                          <a
5270                            href="/products/sorcery-wand"
5271                            class="x-break-words flex items-center"
5272                            
5273                          >
5274                            Sorcery Wand
5275                          </a>
5276                        </li><li class="px-2.5 py-4 border-b ">
5277                          <a
5278                            href="/products/nacho-window-shades"
5279                            class="x-break-words flex items-center"
5280                            
5281                          >
5282                            Window Shades
5283                          </a>
5284                        </li></ul>
5285                  </div></div>
5286            </li><li>
5287              <div class="items-center"> 
5288                <div
5289                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5290                  
5291                    @click="$store.xMobileNav.setActiveLink('-3-2');"
5292                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-2');"
5293                    role="button"
5294                    tabindex="0"
5295                  
5296                >
5297                  
5298                    <p class="x-break-words flex-1 py-4 items-center">
5299                  
5300                    Quatro
5301                  </p>
5302<span
5303                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5304                    >
5305                      <svg
5306        width="100%"
5307        height="100%"
5308        viewBox="0 0 9 7"
5309        fill="none"
5310        xmlns="http://www.w3.org/2000/svg"
5311        style="fill: none;"
5312    >
5313      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5314            stroke-linejoin="round"/>
5315    </svg>
5316                    </span></div><div
5317                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5318                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-2') && 'menu-opening'"
5319                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5320                  >
5321                    <ul
5322                      id="menu-level-2"
5323                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5324                    >
5325                      <li
5326                        class="flex items-center justify-between border-b px-2.5 text-right"
5327                      >
5328                        <span
5329                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5330                          @click="$store.xMobileNav.removeActiveLink('-3-2')"
5331                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-2')"
5332                          role="button"
5333                          aria-label="Back"
5334                          tabindex="0"
5335                        ><svg
5336        width="100%"
5337        height="100%"
5338        viewBox="0 0 9 7"
5339        fill="none"
5340        xmlns="http://www.w3.org/2000/svg"
5341        style="fill: none;"
5342    >
5343      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5344            stroke-linejoin="round"/>
5345    </svg></span>
5346                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5347                          <span class="x-break-words  !font-semibold">Quatro</span>
5348                        </a>
5349                      </li><li class="px-2.5 py-4 border-b ">
5350                          <a
5351                            href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178"
5352                            class="x-break-words flex items-center"
5353                            
5354                          >
5355                            Cover
5356                          </a>
5357                        </li><li class="px-2.5 py-4 border-b ">
5358                          <a
5359                            href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546"
5360                            class="x-break-words flex items-center"
5361                            
5362                          >
5363                            Exo-Skeleton
5364                          </a>
5365                        </li><li class="px-2.5 py-4 border-b ">
5366                          <a
5367                            href="/products/ac13u"
5368                            class="x-break-words flex items-center"
5369                            
5370                          >
5371                            Flush Mount
5372                          </a>
5373                        </li><li class="px-2.5 py-4 border-b ">
5374                          <a
5375                            href="/products/nacho-window-shades"
5376                            class="x-break-words flex items-center"
5377                            
5378                          >
5379                            Window Shades
5380                          </a>
5381                        </li><li class="px-2.5 py-4 border-b ">
5382                          <a
5383                            href="/products/set-back-quatro-bracket"
5384                            class="x-break-words flex items-center"
5385                            
5386                          >
5387                            Set Back Bracket
5388                          </a>
5389                        </li></ul>
5390                  </div></div>
5391            </li><li>
5392              <div class="items-center"> 
5393                <div
5394                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5395                  
5396                    @click="$store.xMobileNav.setActiveLink('-3-3');"
5397                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-3');"
5398                    role="button"
5399                    tabindex="0"
5400                  
5401                >
5402                  
5403                    <p class="x-break-words flex-1 py-4 items-center">
5404                  
5405                    NANO
5406                  </p>
5407<span
5408                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5409                    >
5410                      <svg
5411        width="100%"
5412        height="100%"
5413        viewBox="0 0 9 7"
5414        fill="none"
5415        xmlns="http://www.w3.org/2000/svg"
5416        style="fill: none;"
5417    >
5418      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5419            stroke-linejoin="round"/>
5420    </svg>
5421                    </span></div><div
5422                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5423                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-3') && 'menu-opening'"
5424                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5425                  >
5426                    <ul
5427                      id="menu-level-2"
5428                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5429                    >
5430                      <li
5431                        class="flex items-center justify-between border-b px-2.5 text-right"
5432                      >
5433                        <span
5434                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5435                          @click="$store.xMobileNav.removeActiveLink('-3-3')"
5436                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-3')"
5437                          role="button"
5438                          aria-label="Back"
5439                          tabindex="0"
5440                        ><svg
5441        width="100%"
5442        height="100%"
5443        viewBox="0 0 9 7"
5444        fill="none"
5445        xmlns="http://www.w3.org/2000/svg"
5446        style="fill: none;"
5447    >
5448      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5449            stroke-linejoin="round"/>
5450    </svg></span>
5451                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5452                          <span class="x-break-words  !font-semibold">NANO</span>
5453                        </a>
5454                      </li><li class="px-2.5 py-4 border-b ">
5455                          <a
5456                            href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290"
5457                            class="x-break-words flex items-center"
5458                            
5459                          >
5460                            NANO Harness
5461                          </a>
5462                        </li><li class="px-2.5 py-4 border-b ">
5463                          <a
5464                            href="https://www.nachooffroadtechnology.com/products/nano-y-splitter"
5465                            class="x-break-words flex items-center"
5466                            
5467                          >
5468                            NANO Y-Splitter
5469                          </a>
5470                        </li></ul>
5471                  </div></div>
5472            </li><li>
5473              <div class="items-center"> 
5474                <div
5475                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5476                  
5477                    @click="$store.xMobileNav.setActiveLink('-3-4');"
5478                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-4');"
5479                    role="button"
5480                    tabindex="0"
5481                  
5482                >
5483                  
5484                    <p class="x-break-words flex-1 py-4 items-center">
5485                  
5486                    TM5
5487                  </p>
5488<span
5489                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5490                    >
5491                      <svg
5492        width="100%"
5493        height="100%"
5494        viewBox="0 0 9 7"
5495        fill="none"
5496        xmlns="http://www.w3.org/2000/svg"
5497        style="fill: none;"
5498    >
5499      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5500            stroke-linejoin="round"/>
5501    </svg>
5502                    </span></div><div
5503                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5504                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-4') && 'menu-opening'"
5505                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5506                  >
5507                    <ul
5508                      id="menu-level-2"
5509                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5510                    >
5511                      <li
5512                        class="flex items-center justify-between border-b px-2.5 text-right"
5513                      >
5514                        <span
5515                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5516                          @click="$store.xMobileNav.removeActiveLink('-3-4')"
5517                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-4')"
5518                          role="button"
5519                          aria-label="Back"
5520                          tabindex="0"
5521                        ><svg
5522        width="100%"
5523        height="100%"
5524        viewBox="0 0 9 7"
5525        fill="none"
5526        xmlns="http://www.w3.org/2000/svg"
5527        style="fill: none;"
5528    >
5529      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5530            stroke-linejoin="round"/>
5531    </svg></span>
5532                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5533                          <span class="x-break-words  !font-semibold">TM5</span>
5534                        </a>
5535                      </li><li class="px-2.5 py-4 border-b ">
5536                          <a
5537                            href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946"
5538                            class="x-break-words flex items-center"
5539                            
5540                          >
5541                            Cover
5542                          </a>
5543                        </li></ul>
5544                  </div></div>
5545            </li><li>
5546              <div class="items-center"> 
5547                <div
5548                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5549                  
5550                >
5551                  
5552                    <a href="/collections/harness-switches" class="x-break-words flex-1 py-4 items-center">
5553                  
5554                    Harnesses &amp; Switches
5555                  </a>
5556</div></div>
5557            </li></ul>
5558      </div></li><li><div 
5559      
5560        @click="$store.xMobileNav.setActiveLink('-4')"
5561        @keyup.enter="$store.xMobileNav.setActiveLink('-4')"
5562        tabindex="0"
5563       
5564      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5565    >
5566      
5567        <p class="flex-1 flex items-center cursor-pointer">
5568          <span class="x-break-words py-2">
5569            <span>Powersports</span>
5570          </span>
5571        </p>
5572        <span
5573          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5574        >
5575          <svg
5576        width="100%"
5577        height="100%"
5578        viewBox="0 0 9 7"
5579        fill="none"
5580        xmlns="http://www.w3.org/2000/svg"
5581        style="fill: none;"
5582    >
5583      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5584            stroke-linejoin="round"/>
5585    </svg>
5586        </span>
5587      
5588    </div><div
5589        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5590        :class="$store.xMobileNav.currentMenuLinks.includes('-4') && 'menu-opening'"
5591        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5592        >
5593        <ul 
5594          id="menu-level-1"
5595          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5596          >
5597          <li class="flex items-center justify-between border-b px-2.5 text-right">
5598            <span
5599              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5600              @click="$store.xMobileNav.removeActiveLink('-4');"
5601              @keyup.enter="$store.xMobileNav.removeActiveLink('-4');"
5602              aria-label="Back" 
5603              role="button"
5604              tabindex="0"
5605            >
5606              <svg
5607        width="100%"
5608        height="100%"
5609        viewBox="0 0 9 7"
5610        fill="none"
5611        xmlns="http://www.w3.org/2000/svg"
5612        style="fill: none;"
5613    >
5614      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5615            stroke-linejoin="round"/>
5616    </svg>
5617            </span>
5618            <a href="#" class="h5 pt-4 pb-4 flex-1 ">
5619              <span class="x-break-words  !font-semibold">Powersports</span>
5620            </a>
5621          </li><li>
5622              <div class="items-center"> 
5623                <div
5624                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5625                  
5626                >
5627                  
5628                    <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center">
5629                  
5630                    Quatro ADV
5631                  </a>
5632</div></div>
5633            </li><li>
5634              <div class="items-center"> 
5635                <div
5636                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5637                  
5638                >
5639                  
5640                    <a href="/collections/husqvarna-mounts" class="x-break-words flex-1 py-4 items-center">
5641                  
5642                    Husqvarna
5643                  </a>
5644</div></div>
5645            </li><li>
5646              <div class="items-center"> 
5647                <div
5648                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5649                  
5650                >
5651                  
5652                    <a href="/collections/ktm-mounts" class="x-break-words flex-1 py-4 items-center">
5653                  
5654                    KTM
5655                  </a>
5656</div></div>
5657            </li><li>
5658              <div class="items-center"> 
5659                <div
5660                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5661                  
5662                >
5663                  
5664                    <a href="/collections/polaris-products" class="x-break-words flex-1 py-4 items-center">
5665                  
5666                    Polaris
5667                  </a>
5668</div></div>
5669            </li></ul>
5670      </div></li><li><div 
5671      
5672        @click="$store.xMobileNav.setActiveLink('-5')"
5673        @keyup.enter="$store.xMobileNav.setActiveLink('-5')"
5674        tabindex="0"
5675       
5676      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5677    >
5678      
5679        <p class="flex-1 flex items-center cursor-pointer">
5680          <span class="x-break-words py-2">
5681            <span>Fleet</span>
5682          </span>
5683        </p>
5684        <span
5685          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5686        >
5687          <svg
5688        width="100%"
5689        height="100%"
5690        viewBox="0 0 9 7"
5691        fill="none"
5692        xmlns="http://www.w3.org/2000/svg"
5693        style="fill: none;"
5694    >
5695      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5696            stroke-linejoin="round"/>
5697    </svg>
5698        </span>
5699      
5700    </div><div
5701        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5702        :class="$store.xMobileNav.currentMenuLinks.includes('-5') && 'menu-opening'"
5703        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5704        >
5705        <ul 
5706          id="menu-level-1"
5707          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5708          >
5709          <li class="flex items-center justify-between border-b px-2.5 text-right">
5710            <span
5711              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5712              @click="$store.xMobileNav.removeActiveLink('-5');"
5713              @keyup.enter="$store.xMobileNav.removeActiveLink('-5');"
5714              aria-label="Back" 
5715              role="button"
5716              tabindex="0"
5717            >
5718              <svg
5719        width="100%"
5720        height="100%"
5721        viewBox="0 0 9 7"
5722        fill="none"
5723        xmlns="http://www.w3.org/2000/svg"
5724        style="fill: none;"
5725    >
5726      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5727            stroke-linejoin="round"/>
5728    </svg>
5729            </span>
5730            <a href="#" class="h5 pt-4 pb-4 flex-1 ">
5731              <span class="x-break-words  !font-semibold">Fleet</span>
5732            </a>
5733          </li><li>
5734              <div class="items-center"> 
5735                <div
5736                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5737                  
5738                >
5739                  
5740                    <a href="/products/quatro-red-blue-emergency" class="x-break-words flex-1 py-4 items-center">
5741                  
5742                    Quatro Emergency
5743                  </a>
5744</div></div>
5745            </li><li>
5746              <div class="items-center"> 
5747                <div
5748                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5749                  
5750                >
5751                  
5752                    <a href="/products/nacho-tm5-fleet" class="x-break-words flex-1 py-4 items-center">
5753                  
5754                    TM5
5755                  </a>
5756</div></div>
5757            </li></ul>
5758      </div></li><li><div 
5759       
5760      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5761    >
5762      
5763        <a href="/collections/apparel" class="flex-1 flex items-center">
5764          <span class="x-break-words py-2">
5765            <span>Apparel</span>
5766          </span>
5767        </a>
5768      
5769    </div></li><li><div 
5770       
5771      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5772    >
5773      
5774        <a href="/pages/media" class="flex-1 flex items-center">
5775          <span class="x-break-words py-2">
5776            <span>Media</span>
5777          </span>
5778        </a>
5779      
5780    </div></li><li><div 
5781      
5782        @click="$store.xMobileNav.setActiveLink('-8')"
5783        @keyup.enter="$store.xMobileNav.setActiveLink('-8')"
5784        tabindex="0"
5785       
5786      class="menu-link mobile-menu-item flex items-center cursor-pointer active"
5787    >
5788      
5789        <p class="flex-1 flex items-center cursor-pointer">
5790          <span class="x-break-words py-2">
5791            <span>Team Nacho</span>
5792          </span>
5793        </p>
5794        <span
5795          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5796        >
5797          <svg
5798        width="100%"
5799        height="100%"
5800        viewBox="0 0 9 7"
5801        fill="none"
5802        xmlns="http://www.w3.org/2000/svg"
5803        style="fill: none;"
5804    >
5805      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5806            stroke-linejoin="round"/>
5807    </svg>
5808        </span>
5809      
5810    </div><div
5811        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5812        :class="$store.xMobileNav.currentMenuLinks.includes('-8') && 'menu-opening'"
5813        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5814        >
5815        <ul 
5816          id="menu-level-1"
5817          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5818          >
5819          <li class="flex items-center justify-between border-b px-2.5 text-right">
5820            <span
5821              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5822              @click="$store.xMobileNav.removeActiveLink('-8');"
5823              @keyup.enter="$store.xMobileNav.removeActiveLink('-8');"
5824              aria-label="Back" 
5825              role="button"
5826              tabindex="0"
5827            >
5828              <svg
5829        width="100%"
5830        height="100%"
5831        viewBox="0 0 9 7"
5832        fill="none"
5833        xmlns="http://www.w3.org/2000/svg"
5834        style="fill: none;"
5835    >
5836      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5837            stroke-linejoin="round"/>
5838    </svg>
5839            </span>
5840            <a href="#" class="h5 pt-4 pb-4 flex-1  active">
5841              <span class="x-break-words  !font-semibold">Team Nacho</span>
5842            </a>
5843          </li><lix-init="active = true;">
5844              <div class="items-center"> 
5845                <div
5846                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5847                  
5848                >
5849                  
5850                    <a href="/pages/contact" class="x-break-words flex-1 py-4 items-center color-text-[rgba(var(--color-link))] active">
5851                  
5852                    Contact
5853                  </a>
5854</div></div>
5855            </li><li>
5856              <div class="items-center"> 
5857                <div
5858                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5859                  
5860                >
5861                  
5862                    <a href="/pages/racer-application" class="x-break-words flex-1 py-4 items-center">
5863                  
5864                    Racer Application
5865                  </a>
5866</div></div>
5867            </li></ul>
5868      </div></li></ul>
5869                      </div><div class="main-nav-mobile-bottom mt-auto pt-4 flex flex-col px-4 font-normal" style="--color-background: var(--color-background)">
5870                      <div class="x-header-store-selector-mobile w-full self-center"></div>
5871                      <div id="main-nav-mobile-toolbar" class="main-nav-mobile-toolbar" x-init="$store.xMobileNav.moveElement()"></div>
5872                    </div>
5873                  </div>
5874                </div>
5875              </div>
5876            </nav>
5877          </div>
5878        </div>
5879      </header>
5880      
5881        
5882          
5883
5884
5885<style>
5886  cart-drawer[loading] .cart-drawer__items__wrapper {
5887    pointer-events: none;
5888  }
5889
5890  #CartDrawer__Wrapper {
5891    display: none;
5892    overflow: hidden;
5893  }
5894
5895  #CartDrawer__Wrapper.is-visible {
5896    display: block;
5897  }
5898
5899  @media (min-width: 768px) {
5900    #CartDrawer__Wrapper.is-visible {
5901      display: flex;
5902    }
5903  }
5904
5905  #CartDrawer__Container {
5906    transition: opacity 300ms ease, transform 300ms ease;
5907    opacity: 0;
5908    transform: translateY(100%);
5909  }
5910
5911  @media (min-width: 768px) {
5912    #CartDrawer__Container {
5913      transform: translateX(33.333%);
5914    }
5915    cart-drawer[data-rtl="true"] #CartDrawer__Container {
5916      transform: translateX(-33.333%);
5917    }
5918  }
5919
5920  cart-drawer[open] #CartDrawer__Container {
5921    opacity: 1;
5922    transform: none;
5923  }
5924
5925  #CartDrawer__Upsell {
5926    display: none;
5927    transition: opacity 300ms ease, transform 300ms ease;
5928    opacity: 0;
5929    transform: translateY(30%);
5930  }
5931
5932  #CartDrawer__Upsell.is-visible {
5933    display: flex;
5934  }
5935
5936  @media (min-width: 768px) {
5937    #CartDrawer__Upsell {
5938      transform: translateX(10%);
5939    }
5940    cart-drawer[data-rtl="true"] #CartDrawer__Upsell {
5941      transform: translateX(-10%);
5942    }
5943  }
5944
5945  cart-drawer[upsell-open] #CartDrawer__Upsell {
5946    opacity: 1;
5947    transform: none;
5948  }
5949</style>
5950<cart-drawer
5951  id="CartDrawer"
5952  data-section-id="sections--20172716769450__header"
5953  data-rtl="false"
5954  class="cart-wrapper-sections--20172716769450__header color-scheme-3 dark-color-scheme-1"
5955  data-upsell-script="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer-upsell.js?v=51716766363204606401789788223"
5956  data-estimate-shipping-script="//nacholightingco.com/cdn/shop/t/30/assets/estimate-shipping-rate.js?v=36163862551611036591789788223"
5957  
5958  
5959  data-coupon-code-script="//nacholightingco.com/cdn/shop/t/30/assets/coupon-code.js?v=26103641185929183231789788223"
5960>
5961  <div
5962    id="CartDrawer__Wrapper"
5963    class="drawer__wrapper cart-drawer__wrapper"
5964    tabindex="0"
5965  >
5966    <div
5967      id="CartDrawer__Overlay"
5968      class="drawer__overlay cart-drawer__overlay"
5969      data-close-drawer
5970    ></div>
5971
5972    <div
5973      class="cart-drawer__container drawer__container transform pt-0 pb-0 md:pb-0 md:!w-[487px] flex flex-col md:overflow-y-visible outline-none"
5974      id="CartDrawer__Container"
5975      tabindex="0"
5976      role="dialog"
5977      aria-modal="true"
5978      aria-label="Your cart"
5979    >
5980      <div class="modal-title-container cart-drawer__padding-x">
5981        <div class="modal-title-wrapper">
5982          <div class="grow flex items-center">
5983            <p class="cart-drawer__title relative h4 flex-auto w-fit">Your cart</p>
5984          </div>
5985  
5986          <button
5987            id="CloseCart"
5988            class="modal-title__button-close"
5989            data-close-drawer
5990            aria-label="Close"
5991          >
5992            <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"
5993         style="fill: none">
5994      <path
5995          d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z"
5996          fill="currentColor"/>
5997      <path
5998          d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z"
5999          fill="currentColor"/>
6000    </svg></span>
6001          </button>
6002        </div>
6003      </div>
6004
6005      
6006      
6007<div class="cart-drawer__empty__wrapper pl-6 pr-6 flex flex-col justify-center gap-4 md:gap-6 items-center text-center pt-20 pb-20 border-t border-solid color-border-[rgba(var(--color-line-and-border))] ">
6008          <div class="w-12 md:w-w-18 color-text-[rgba(var(--color-icon-header))] opacity-60">
6009            <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg">
6010      <g clip-path="url(#clip0_30707_436)">
6011        <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/>
6012        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/>
6013        <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/>
6014      </g>
6015      <defs>
6016        <clipPath id="clip0_30707_436">
6017          <rect width="18" height="18" fill="white"/>
6018        </clipPath>
6019      </defs>
6020    </svg>
6021          </div>
6022          <p class="">Your cart is empty</p>
6023          <div class="text-center">
6024            <custom-button>
6025              <a
6026                href="/collections/all"
6027                class="button button-primary relative cursor-pointer"
6028              >
6029                Continue shopping
6030              </a>
6031            </custom-button>
6032          </div>
6033        </div>
6034      
6035    </div>
6036  </div>
6037</cart-drawer>
6038<script src="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer.js?v=5617889313453767811789788223" defer></script>
6038
6039
6040
6041
6042
6043
6044
6045        
6046      
6047<div
6048    class="section-divider color- dark-color-
6049 full-width-padded px-0"
6050  >
6051    <div class="divider m-auto border-t"></div>
6052  </div>
6053      
6054    </div>
6055  </div>
6056</div>
6056<script type="application/ld+json">
6057  {
6058    "@context": "http://schema.org",
6059    "@type": "Organization",
6060    "name": "NACHO Lighting Co.",
6061    
6062      "logo": "https:\/\/nacholightingco.com\/cdn\/shop\/files\/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295\u0026width=2000",
6063    
6064    "sameAs": [
6065      "",
6066      "https:\/\/www.facebook.com\/thenachoexperience",
6067      "",
6068      "https:\/\/www.instagram.com\/nacho_offroadlighting\/",
6069      "https:\/\/www.tiktok.com\/@nacho_offroadlights",
6070      "",
6071      "",
6072      "https:\/\/www.youtube.com\/@nacho_offroadlights\/featured",
6073      ""
6074    ],
6075    "url": "https:\/\/nacholightingco.com\/pages\/contact"
6076  }
6077</script>
6077
6078  
6078<script
6079    src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223"
6080    defer
6081  ></script>
6081
6082
6083
6084<style> #shopify-section-sections--20172716769450__header .main-menu-nav {text-transform: uppercase;} #shopify-section-sections--20172716769450__header .toggle-menu {border: 1px solid #ff5a00;} #shopify-section-sections--20172716769450__header .child {border: 1px solid #ff5a00;} </style></div>
6085<!-- END sections: header-group -->
6086  <!-- BEGIN sections: aside-group -->
6087<div id="shopify-section-sections--20172716015786__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group"><style data-shopify>.maximize-theme:not(.dark) .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text {
6088          background-color:#f0e086;
6089          background: ;
6090          color:#0f124d;
6091          
6092        }
6093        .maximize-theme.dark .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text {
6094          background-color:#d0e6fd;
6095          background: ;
6096          color:#100f0f;
6097          
6098        }
6099      .x-badge-text_label_jETVc9 {
6100        --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8 * 1.0);
6101        
6102      }
6103      @media (min-width: 768px) {
6104        .x-badge-text_label_jETVc9 {
6105          --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 1.0);
6106          
6107        }
6108      }</style>
6109    
6110    <style data-shopify>
6111      .x-badge-text_label_jETVc9 {
6112        --duration : 5.0s;
6113        --direction: normal;
6114      }
6115      
6116    </style>
6117<div
6118      class="x-badges-block-data"
6119      x-badges-block-data='
6120        {
6121          "id": "text_label_jETVc9",
6122          "enable": true,
6123          "type": "text-label",
6124          "settings": {
6125            "show_on_product_card": true,
6126            "show_on_product_page": true,
6127            "applied_to": "",
6128            "applied_products": [],
6129            "applied_collections": [],
6130            
6131            
6132            
6133            "type": "default",
6134            "background_color": "#f0e086",
6135            "text_color": "#0f124d",
6136            "image": null,
6137            "image_alt": "",
6138            "image_aspect_ratio": 0,
6139            "size": 100,
6140            "size_mobile": 100,
6141            "opacity": 100,
6142            "position": "top-left",
6143            "schedule_enabled": false,
6144            "timezone": -4,
6145            "start_year": 2025,
6146            "start_month": 1,
6147            "start_day": 1,
6148            "start_hour": 0,
6149            "start_minute": 0,
6150            "end_year": 2025,
6151            "end_month": 1,
6152            "end_day": 1,
6153            "end_hour": 0,
6154            "end_minute": 0,
6155            "repeat": "none",
6156            "custom_days": "",
6157            "icon_type": "none"
6158          }
6159        }
6160      '
6161      x-badges-icon=''
6162      x-badges-content='Best Seller'
6163    ></div>
6163<script src="//nacholightingco.com/cdn/shop/t/30/assets/labels-and-badges.js?v=157448222969602701661789788223" defer></script>
6163
6164</div><div id="shopify-section-sections--20172716015786__quick-view" class="shopify-section shopify-section-group-aside-group maximize-section section-quick-view"><div
6165  id="QuickViewContainer"
6166  x-show="$store.xQuickView.show"
6167  :class="{ 'overflow-hidden padding-scrollbar': $store.xMaximizeDrawer.isOpen }"
6168  x-cloak
6169  class="section--sections--20172716015786__quick-view section-quick-view flex items-end md:items-center drawer__wrapper"
6170  x-init="$store.xQuickView.addListener()"
6171  data-variant-picker-script="//nacholightingco.com/cdn/shop/t/30/assets/variant-picker.js?v=105160194598127908681789788223"
6172  data-video-script="//nacholightingco.com/cdn/shop/t/30/assets/video.js?v=108505064099053258351789788223">
6173  <div id="QuickViewContainer__wapper" class="drawer__wrapper">
6174    <div class="quick-view__overlay drawer__overlay" @click.prevent="$store.xQuickView.close()"></div>
6175    <div
6176      role="dialog"
6177      aria-label="Quick view"
6178      aria-modal="true"
6179      x-show="$store.xQuickView.show"
6180      x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6181      x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0"
6182      x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6183      class="drawer__container transform py-4 md:py-0 md:w-[680px] lg:w-[810px] overflow-hidden"
6184      @keydown.escape="$store.xQuickView.close()"
6185      x-intersect.full="$store.xQuickView.focusQuickView('QuickViewContainer', 'QuickViewClose')"  
6186    >
6187      <button
6188        id="QuickViewClose"
6189        class="modal__button-close-absolute"
6190        @click.prevent="$store.xQuickView.close()"
6191        @keyup.enter="$store.xQuickView.close()"
6192        @keydown.enter.prevent
6193        aria-label="Close"
6194      >
6195        <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"
6196         style="fill: none">
6197      <path
6198          d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z"
6199          fill="currentColor"/>
6200      <path
6201          d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z"
6202          fill="currentColor"/>
6203    </svg></span>
6204      </button>
6205      <div class="drawer__content scrollbar-visible scrollbar-body px-4 md:px-0">
6206        <div
6207          x-show="$store.xQuickView.loading"
6208          class="flex flex-col md:flex-row gap-y-3 md:h-full"
6209        >
6210          <div class="w-full md:color-bg-[rgba(var(--color-text),0.06)] md:p-4 md:h-full md:w-[300px] lg:w-[360px] md:min-w-[300px] lg:min-w-[360px]">
6211  <div class="flex flex-row md:flex-col gap-y-2 w-full md:h-full md:overflow-y-auto md:scrollbar-hidden">
6212    
6213      <div class="w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6214    
6215      <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6216    
6217      <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6218    
6219      <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6220    
6221      <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6222    
6223  </div>
6224</div>
6225
6226<div class="w-full md:pb-7.5 md:pt-[68px] md:h-full md:px-7.5">
6227  <div class="w-full md:h-full md:overflow-hidden"><div class="w-2/3 relative mb-2 md:mb-2.5">
6228            <div class="skeleton-text">Skeleton text</div>
6229            <div class="skeleton-block"></div>
6230          </div><div class="w-full relative mb-0.5">
6231            <div class="skeleton-text h2 heading-small">Skeleton text</div>
6232            <div class="skeleton-block"></div>
6233          </div><div
6234            class="product-info__space-small"
6235          ></div><div class="w-1/3 relative mb-2 md:mb-2.5 min-h-[var(--rating-star-size)]">
6236            <div class="skeleton-text text-small">Skeleton text</div>
6237            <div class="skeleton-block"></div>
6238          </div><div class="mb-2 md:mb-2.5">
6239            <div class="w-2/3 relative">
6240              <div class="skeleton-text h2">Skeleton text</div>
6241              <div class="skeleton-block"></div>
6242            </div>
6243            </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]">
6244            <div class="skeleton-text">Skeleton text</div>
6245            <div class="skeleton-block"></div>
6246          </div><div
6247            class="product-info__space-small"
6248          ></div><div class="mb-[var(--padding-bottom-product-template-block)]">
6249            
6250            <div class="w-1/3 relative mb-1.5">
6251              <div class="skeleton-text">Skeleton text</div>
6252              <div class="skeleton-block"></div>
6253            </div>
6254            <div class="w-1/3 relative mb-[var(--padding-bottom-product-template-block)]">
6255              <div class="skeleton-text min-h-[12px] border pt-3 pb-3 w-1/3">Skeleton text</div>
6256              <div class="skeleton-block rounded-corners-md"></div>
6257            </div>
6258            
6259            
6260            <div class="w-full relative">
6261              <div class="skeleton-text button button-large">Skeleton text</div>
6262              <div class="skeleton-block rounded-corners-md"></div>
6263            </div>
6264          </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]">
6265            <div class="skeleton-text">Skeleton text</div>
6266            <div class="skeleton-block"></div>
6267          </div></div>
6268</div>
6269        </div>
6270        <div
6271          id="QuickViewProductContent"
6272          class="quick-view md:h-full"
6273          x-show="!$store.xQuickView.loading"
6274        ></div>
6275      </div>
6276    </div>
6277  </div>
6278</div>
6279
6280<style>
6281  /* Quick-view buttons hidden by default; shown only when enabled (set via inline JS below) */
6282  html:not([data-qv]) .product-card__widget-quick-view { display: none !important; }
6283  /* Button sizing: icon-only vs label */
6284  html[data-qv-has-label] .quick-view-btn-icon { display: none !important; }
6285  html:not([data-qv-has-label]) .quick-view-btn-label { display: none !important; }
6286  /* List-layout button only (scoped via .self-start parent): icon-only = fixed square, label = auto size */
6287  html:not([data-qv-has-label]) .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: 2.75rem; height: 2.75rem; padding: 0.75rem; }
6288  html[data-qv-has-label] .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: auto; height: auto; }
6289</style>
6290<script>
6291  window.xQuickView = {
6292    sectionId: 'sections--20172716015786__quick-view',
6293    enabled: true,
6294    buttonLabel: 'Quick view'
6295  }
6296  // Set HTML attributes immediately (inline, not deferred) so CSS can show/hide
6297  // product-card quick-view buttons without Alpine x-show processing per card.
6298  if (window.xQuickView.enabled) {
6299    document.documentElement.setAttribute('data-qv', '');
6300    if (window.xQuickView.buttonLabel) {
6301      document.documentElement.setAttribute('data-qv-has-label', '');
6302      // Set label text on all cards once (replaces x-text per card)
6303      document.addEventListener('DOMContentLoaded', function() {
6304        document.querySelectorAll('.quick-view-btn-label').forEach(function(el) {
6305          el.textContent = window.xQuickView.buttonLabel;
6306        });
6307      });
6308    }
6309  }
6310</script>
vendor: 1 bytes, line 6310
6310
6311<script
6312  src="//nacholightingco.com/cdn/shop/t/30/assets/quick-view.js?v=138540427086460981881789788223"
6313  defer
6314></script>
6314
6315
6316</div><section id="shopify-section-sections--20172716015786__store-locator" class="shopify-section shopify-section-group-aside-group maximize-section section-store-locator"><style data-shopify>
6317  @media screen and (max-width: 1023px) {
6318    .store-locator-popup__content {
6319      max-height: calc(100% - 16px);
6320    }
6321  }
6322  @media screen and (min-width: 1024px) {
6323    .x-header-store-selector-desktop:empty {
6324      display: flex;
6325      gap: 4px;
6326      font-style: var(--menu-font-style);
6327      font-weight: var(--menu-font-weight);
6328      letter-spacing: var(--menu-letter-spacing);
6329      font-size: var(--body-font-size);
6330      align-items: center;
6331    }
6332    .x-header-store-selector-desktop:empty::before {
6333      flex-shrink: 0;
6334      display: block;
6335      content: "";
6336      width: 24px;
6337      height: 24px;
6338      background: rgba(var(--color-text));
6339      -webkit-mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat;
6340      mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat;
6341    }
6342    .x-header-store-selector-desktop:empty::after {
6343      content: var(--x-store-selector-content);
6344      overflow: hidden;
6345      text-overflow: ellipsis;
6346      padding-right: 18px;
6347      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 7' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M0.75 1.625L4.5 5.375L8.25 1.625' stroke='currentColor' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
6348      background-repeat: no-repeat;
6349      background-position: right center;
6350      background-size: 9px 7px;
6351    }
6352    [dir="rtl"] .x-header-store-selector-desktop:empty::after {
6353      padding-right: 0;
6354      padding-left: 18px;
6355      background-position: left center;
6356    }
6357  }
6358</style>
6359
6360
6361<div
6362  class="hidden"
6363  id="HeaderDesktopLocator" 
6364  x-init="$store.xHelper.setPosition('#x-header-container .x-header-store-selector-desktop', '#HeaderDesktopLocator')"
6365>
6366  <div>
6367    
6368      <a 
6369        href="/pages/dealer-locator" 
6370        target="_blank" rel="noopener noreferrer"
6371        aria-label="Store locator"
6372      >
6373        <span class="icon w-6 h-6 block shrink-0">
6374          <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
6375         style="fill:none">
6376      <path
6377          d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z"
6378          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6379      <path
6380          d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z"
6381          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6382    </svg>
6383        </span>
6384      </a>
6385    
6386  </div>
6387</div>
6388<div
6389  class="hidden"
6390  id="HeaderMobileLocator" 
6391  x-init="$store.xHelper.setPosition('.x-header-store-selector-mobile', '#HeaderMobileLocator')"
6392>
6393  <div
6394    class="cursor-pointer pt-2 pb-2"
6395    @click.prevent="$store.xStoreMap?.dispatchEventOpenPopup()"
6396    @keydown.enter="$store.xStoreMap?.dispatchEventOpenPopup()"
6397    tabindex="0"
6398    aria-label="Store locator"
6399    role="button"
6400  >
6401    <div class="relative flex flex-row items-center gap-1">
6402      <span class="icon w-4 h-4 block">
6403        <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
6404         style="fill:none">
6405      <path
6406          d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z"
6407          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6408      <path
6409          d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z"
6410          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6411    </svg>
6412      </span>
6413      <span
6414        x-show="$store.xStoreMap?.currentStoreSelected === ''"
6415        id="StoreSelectorName__mobile-sections--20172716015786__store-locator"
6416      >
6417        Store locator
6418      </span>
6419      <span
6420        x-show="$store.xStoreMap?.currentStoreSelected !== ''"
6421        x-text="$store.xStoreMap?.getStoreText()"
6422        class="line-clamp-2"
6423      ></span>
6424    </div>
6425  </div>
6426</div>
6427
6428<script src="//nacholightingco.com/cdn/shop/t/30/assets/store-locator.js?v=77897810227126559271789788223" defer></script>
vendor: 1 bytes, line 6428
6428
6429<script src="//nacholightingco.com/cdn/shop/t/30/assets/map.js?v=33459869748999710691789788223" defer></script>
6429
6430
6431</section><section id="shopify-section-sections--20172716015786__product_comparison_overlay_BEhTzU" class="shopify-section shopify-section-group-aside-group maximize-section section-product-comparison-overlay"><style>
6432  /* Comparison buttons hidden by default; shown only when this section exists on the page */
6433  html:not([data-comparison]) .product-card__widget-compare { display: none !important; }
6434</style>
6435<script>
6436  /* Runs inline (not deferred) — sets attribute before Alpine initializes so CSS
6437     controls visibility without x-show per product card. */
6438  document.documentElement.setAttribute('data-comparison', '');
6439</script>
vendor: 1 bytes, line 6439
6439
6440<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison.js?v=40306736846756263941789788223" defer></script>
6440
6441
6442<link href="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison-overlay.css?v=156517184879414785761789788223" rel="stylesheet" type="text/css" media="all" />
6443
6444</section>
6445<!-- END sections: aside-group -->
6446  <style data-shopify>
6447    #x-header-container, .header-collapse-menu {
6448      opacity: 1 !important;
6449    }
6450  </style>
6451
6452  <main id="MainContent"
6453        class="content-for-layout focus-none outline-none grow theme-template-page theme-template-suffix-contact"
6454        role="main" tabindex="-1"
6455  >
6456    <section id="shopify-section-template--20172725321898__custom_liquid_WWMFeU" class="shopify-section maximize-section section-custom-liquid"><style data-shopify>
6457  .section--template--20172725321898__custom_liquid_WWMFeU {
6458    padding-top: calc(28px * var(--mobile-padding-ratio));
6459    padding-bottom: calc(28px * var(--mobile-padding-ratio));
6460  }
6461  @media (min-width: 768px) {
6462    .section--template--20172725321898__custom_liquid_WWMFeU {
6463      padding-top: 28px;
6464      padding-bottom: 28px;
6465    }
6466  }
6467</style>
6468
6469
6470
6471
6472  <div class="section--template--20172725321898__custom_liquid_WWMFeU full-width color-scheme-1 dark-color-scheme-2">
6473    <div class="custom-liquid-section__wrapper rte">
6474      <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.154102402981!2d-111.73269204862437!3d33.445291456821685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe5c4294d38c5b31c!2zMzPCsDI2JzQzLjAiTiAxMTHCsDQzJzQ5LjgiVw!5e0!3m2!1sen!2sus!4v1647290732024!5m2!1sen!2sus" width="1920" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
6475    </div>
6476  </div>
6477
6478</section><section id="shopify-section-template--20172725321898__rich_text_jKy6VD" class="shopify-section maximize-section section-rich-text"><style data-shopify>.section--template--20172725321898__rich_text_jKy6VD {
6479    padding-top: calc(32px * var(--mobile-padding-ratio));
6480    padding-bottom: calc(0px * var(--mobile-padding-ratio));
6481  }
6482  @media screen and (min-width: 768px) {
6483    .section--template--20172725321898__rich_text_jKy6VD {
6484      padding-top: 32px;
6485      padding-bottom: 0px;
6486    }
6487  }</style>
6488
6489<div class="section--template--20172725321898__rich_text_jKy6VD relative page-width rounded-corners-container color-scheme-1 dark-color-scheme-2">
6490  <div class="md:flex justify-center">
6491    <div class="w-full text-center md:text-center"><div 
6492              class="rich-text__text block-text_wmgX3m w-full flex justify-center rtl:-justify-center md:justify-center rtl:md:-justify-center mb-2 md:mb-3" 
6493                
6494            >
6495              <div class="md:max-w-[var(--max-width-block-text)] p-break-words rte leading-tight color-text-[rgba(var(--color-text))]">
6496                <style data-shopify>
6497                  .section--template--20172725321898__rich_text_jKy6VD .rte p {
6498                    margin: 0px
6499                  }
6500                </style>
6501
6502
6503
6504
6505
6506  
6507
6508  
6509
6510  
6511  
6512  
6513
6514
6515
6516
6517  <div class="truncate-text  anm-fade-element "
6518     data-fade-on-intersect
6519  >
6520    <div class="rte">
6521      <h3>Questions? Comments? Fill out the form below and our crew will get back to you within 24 hours.</h3>
6522    </div>
6523  </div>
6524</div>
6525            </div>
6526      
6527    </div>
6528  </div>
6529</div>
6530
6531</section><section id="shopify-section-template--20172725321898__contact_form_Cn9bjT" class="shopify-section maximize-section section-contact-form">
6532<style data-shopify>.section--template--20172725321898__contact_form_Cn9bjT {
6533    padding-top: calc(32px * var(--mobile-padding-ratio));
6534    padding-bottom: calc(28px * var(--mobile-padding-ratio));
6535  }
6536  @media (min-width: 768px) {
6537    .section--template--20172725321898__contact_form_Cn9bjT {
6538      padding-top: 32px;
6539      padding-bottom: 28px;
6540    }
6541  }</style>
6542
6543<div class="section--template--20172725321898__contact_form_Cn9bjT color-scheme-1 dark-color-scheme-2 page-width rounded-corners-container">
6544  <div class="contact-has-info w-full ">
6545    <div class="contact-form-template--20172725321898__contact_form_Cn9bjT flex flex-col gap-5 md:gap-10 md:gap-y-0 md:flex-row w-full gap-y-7 md:gap-x-[4%]"
6546    >
6547      <div class="contact-form-container flex justify-center md:px-5 w-full lg:w-[48%] form-align-left  md:justify-end rtl:md:justify-start">
6548        
6549        
6550        <div class="contact-form w-full max-w-[800px]"  x-data="{ email: '', error: validateEmail('') }">
6551          <div class="heading-form text-left heading-content-spacing"><h2 class="heading-medium block mt-2 leading-tight anm-fade-element" data-fade-on-intersect>
6552                Get in touch
6553              </h2>
6554          </div><form method="post" action="/contact#ContactForm-template--20172725321898__contact_form_Cn9bjT" id="ContactForm-template--20172725321898__contact_form_Cn9bjT" accept-charset="UTF-8" class="maximize"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact__fields">
6555                
6556                  <div 
6557                    id="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT__val
6557idation"
6558                    class="flash-message error-message mb-1"
6559                    x-show="error.isError === true && error.isInvalid === true"
6560                    x-cloak
6561                  >
6562                    <p>Email is invalid</p>
6563                  </div>
6564                
6565<div
6566                        class="text-field__wrapper mb-2.5"
6567                        
6568                      >
6569                        <input
6570                          type="text"
6571                          id="ContactFormName-template--20172725321898__contact_form_Cn9bjT"
6572                          class="text-field__input"
6573                          name="contact[Name]"
6574                          value=""
6575                          autocapitalize="words"
6576                          placeholder="Name"
6577                          
6578                            required
6579                          
6580                        >
6581                        <label
6582                          class="text-field__label"
6583                          for="ContactFormName-template--20172725321898__contact_form_Cn9bjT"
6584                        >Name
6585                          
6586                            <span aria-hidden="true">*</span>
6587                        </label>
6588                      </div><div
6589                        class="text-field__wrapper mb-2.5"
6590                        
6591                      >
6592                        <input
6593                          type="email"
6594                          id="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT"
6595                          class="text-field__input"
6596                          name="contact[email]"
6597                          autocomplete="email"
6598                          autocapitalize="off"
6599                          autocorrect="off"
6600                          value=""
6601                          placeholder="Email"
6602                          x-model="email"
6603                          @input.debounce.500ms="error = validateEmail(email)"
6604                          required
6605                        >
6606                        <label
6607                          class="text-field__label"
6608                          for="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT"
6609                        >Email
6610                          <span aria-hidden="true">*</span>
6611                        </label>
6612                      </div><div
6613                        class="text-field__wrapper mb-2.5"
6614                        
6615                      >
6616                        <input
6617                          type="tel"
6618                          id="ContactFormPhone-template--20172725321898__contact_form_Cn9bjT"
6619                          class="text-field__input"
6620                          name="contact[Phone number]"
6621                          pattern="[0-9\-]*"
6622                          value=""
6623                          placeholder="Phone number"
6624                          required>
6625                        <label
6626                          class="text-field__label"
6627                          for="ContactFormPhone-template--20172725321898__contact_form_Cn9bjT"
6628                        >Phone number
6629                          
6630                            <span aria-hidden="true">*</span></label>
6631                      </div><div
6632                        class="text-field__wrapper mb-2 md:mb-3"
6633                        
6634                      >
6635                        <textarea
6636                          id="ContactFormMessage-template--20172725321898__contact_form_Cn9bjT"
6637                          class="text-field__input"
6638                          rows="4"
6639                          name="contact[Message]"
6640                          placeholder="Message"
6641                          
6642                            required
6643                          ></textarea>
6644                        <label
6645                          class="text-field__label"
6646                          for="ContactFormMessage-template--20172725321898__contact_form_Cn9bjT"
6647                        >Message
6648                          
6649                            <span aria-hidden="true">*</span></label>
6650                      </div></div>
6651              <div class="button-submit__contact-form mt-5">
6652                <custom-button>
6653                  <button
6654                    type="submit"
6655                    class="button button-primary w-full cursor-pointer empty:hidden pointer-events-auto"
6656                    :disabled="error.isError === true"
6657                  >
6658
6659
6660  
6661    <span class="button-text text-nowrap">Send</span>
6662  
6663
6664
6665                  </button>
6666                </custom-button>
6667              </div></form></div>
6668      </div>
6669      
6670         
6671          <div class="contact-information w-full lg:w-[48%] align-right  flex justify-center md:px-5 md:justify-start rtl:md:justify-end">
6672            <div class="w-full max-w-[800px]">
6673              <div class="form-heading heading-content-spacing"><h2 class="heading-medium block mt-2 leading-tight anm-fade-element" data-fade-on-intersect>
6674                    Contact infomation
6675                  </h2>
6676              </div>
6677              <ul class="flex gap-y-4 flex-col pb-9">
6678                
6679                  <li class="rte flex items-center gap-4 anm-fade-element" data-fade-on-intersect>
6680                    <span class="w-5"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
6681         style="fill:none">
6682      <path
6683          d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z"
6684          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6685      <path
6686          d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z"
6687          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6688    </svg></span>
6689                    <span>4641 E Ivy St.Mesa, AZ 85205</span>
6690                  </li>
6691                
6692                
6693                  <li class="rte flex items-center gap-4 anm-fade-element" data-fade-on-intersect>
6694                    <span class="w-5"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
6695      <path
6696          d="M3.4597 8.67394C3.42327 7.99521 2.84352 7.47451 2.16478 7.51094C1.48605 7.54737 0.965371 8.12714 1.0018 8.80586L3.4597 8.67394ZM5.04462 2.38313C4.57652 2.87596 4.59656 3.65495 5.08939 4.12306C5.58222 4.59116 6.3612 4.57113 6.82932 4.0783L5.04462 2.38313ZM14.8024 29.8203C15.3779 30.182 16.1377 30.0087 16.4994 29.4332C16.861 28.8577 16.6876 28.0979 16.1121 27.7363L14.8024 29.8203ZM22.1029 30.2241C21.4377 30.0848 20.7854 30.5113 20.6461 31.1765C20.5067 31.8418 20.9331 32.4941 21.5985 32.6334L22.1029 30.2241ZM22.9752 22.8157L23.7225 22.0288L21.9378 20.3337L21.1905 21.1206L22.9752 22.8157ZM26.1818 21.6975L29.3169 23.5021L30.5448 21.3688L27.4098 19.5643L26.1818 21.6975ZM29.9219 27.2433L27.5909 29.6975L29.3757 31.3927L31.7066 28.9386L29.9219 27.2433ZM11.0202 23.4967C4.6596 16.8001 3.59268 11.1515 3.4597 8.67394L1.0018 8.80586C1.16467 11.8404 2.45312 18.0513 9.23549 25.1918L11.0202 23.4967ZM13.2771 12.6054L13.7478 12.1099L11.963 10.4148L11.4924 10.9103L13.2771 12.6054ZM14.1175 5.94072L12.0482 3.01408L10.0384 4.43511L12.1076 7.36173L14.1175 5.94072ZM12.3847 11.7578C11.4924 10.9103 11.4912 10.9115 11.4901 10.9127C11.4897 10.9131 11.4886 10.9143 11.4878 10.9151C11.4862 10.9168 11.4846 10.9185 11.483 10.9202C11.4798 10.9237 11.4764 10.9273 11.473 10.9311C11.4661 10.9387 11.4588 10.9469 11.4511 10.9557C11.4358 10.9734 11.4189 10.9936 11.4009 11.0163C11.3648 11.0619 11.324 11.1179 11.2812 11.1848C11.1954 11.319 11.1022 11.4957 11.0234 11.7173C10.8631 12.1678 10.7757 12.7645 10.8849 13.5096C11.0994 14.9735 12.0586 16.9422 14.565 19.5809L16.3497 17.8857C14.0069 15.4192 13.4299 13.9002 13.3203 13.1527C13.2675 12.7921 13.3212 12.6021 13.3424 12.5425C13.3543 12.5089 13.3621 12.4996 13.3545 12.5115C13.3508 12.5173 13.3434 12.5282 13.331 12.5439C13.3248 12.5517 13.3173 12.5608 13.3084 12.571C13.3039 12.5762 13.2991 12.5816 13.2939 12.5873C13.2913 12.5902 13.2886 12.5931 13.2858 12.5962C13.2844 12.5977 13.283 12.5992 13.2815 12.6007C13.2808 12.6015 13.2797 12.6027 13.2793 12.6031C13.2782 12.6043 13.2771 12.6054 12.3847 11.7578ZM14.565 19.5809C17.0638 22.2118 18.9513 23.2461 20.3912 23.4799C21.13 23.5999 21.7281 23.5041 22.181 23.3255C22.4024 23.2382 22.5776 23.1357 22.7091 23.0425C22.7746 22.9959 22.8292 22.9517 22.8733 22.9132C22.8953 22.8938 22.9149 22.8757 22.9318 22.8593C22.9403 22.8513 22.948 22.8434 22.9552 22.8362C22.9588 22.8326 22.9624 22.829 22.9657 22.8255C22.9674 22.8239 22.969 22.8222 22.9705 22.8206C22.9713 22.8198 22.9725 22.8185 22.9729 22.8181C22.9741 22.8168 22.9752 22.8157 22.0829 21.9681C21.1905 21.1206 21.1917 21.1194 21.1927 21.1183C21.1932 21.1178 21.1941 21.1166 21.195 21.1158C21.1964 21.1143 21.1979 21.1129 21.1992 21.1114C21.2022 21.1084 21.205 21.1055 21.2078 21.1027C21.2132 21.0973 21.2184 21.092 21.2234 21.0873C21.2334 21.0777 21.2422 21.0695 21.2501 21.0626C21.2659 21.0489 21.2775 21.04 21.2851 21.0347C21.3003 21.0238 21.2988 21.0275 21.2778 21.0357C21.2462 21.0482 21.0972 21.1009 20.7857 21.0503C20.1252 20.943 18.6997 20.36 16.3497 17.8857L14.565 19.5809ZM12.0482 3.01408C10.385 0.661635 7.05674 0.264752 5.04462 2.38313L6.82932 4.0783C7.68726 3.17503 9.19765 3.24598 10.0384 4.43511L12.0482 3.01408ZM27.5909 29.6975C27.1329 30.1797 26.654 30.4379 26.1882 30.4839L26.4301 32.9335C27.6559 32.8124 28.648 32.1587 29.3757 31.3927L27.5909 29.6975ZM13.7478 12.1099C15.3354 10.4383 15.4478 7.82235 14.1175 5.94072L12.1076 7.36173C12.8004 8.3415 12.6941 9.64505 11.963 10.4148L13.7478 12.1099ZM29.3169 23.5021C30.664 24.2774 30.9275 26.1847 29.9219 27.2433L31.7066 28.9386C33.8481 26.6841 33.2244 22.9112 30.5448 21.3688L29.3169 23.5021ZM23.7225 22.0288C24.355 21.3629 25.3405 21.2133 26.1818 21.6975L27.4098 19.5643C25.6072 18.5267 23.3717 18.8242 21.9378 20.3337L23.7225 22.0288ZM16.1121 27.7363C14.4979 26.7218 12.7798 25.3492 11.0202 23.4967L9.23549 25.1918C11.1292 27.1856 13.0054 28.691 14.8024 29.8203L16.1121 27.7363ZM26.1882 30.4839C25.2915 30.5725 23.8722 30.5947 22.1029 30.2241L21.5985 32.6334C23.6472 33.0623 25.3212 33.043 26.4301 32.9335L26.1882 30.4839Z"
6697          fill="currentColor"/>
6698    </svg></span>
6699                    <span>888.611.9299</span>
6700                  </li>
6701                
6702                
6703                  <li class="flex items-center gap-4 anm-fade-element" data-fade-on-intersect>
6704                    <span class="w-5"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
6705      <path
6706          d="M35 10.3636C34.9989 9.20668 34.5507 8.09745 33.754 7.27936C32.9572 6.46127 31.8768 6.00116 30.75 6H5.25C4.12318 6.00116 3.04282 6.46127 2.24604 7.27936C1.44925 8.09745 1.00113 9.20668 1 10.3636L1 25.6364C1 25.7233 1.02004 25.8044 1.02497 25.89C0.996334 26.0739 1.01489 26.2623 1.0788 26.4366C1.26066 27.4366 1.777 28.3399 2.53861 28.9905C3.30021 29.6412 4.25924 29.9982 5.25 30H30.75C31.7407 29.9982 32.6998 29.6412 33.4614 28.9905C34.223 28.3399 34.7393 27.4366 34.9212 26.4367C34.9851 26.2624 35.0037 26.074 34.975 25.89C34.98 25.8044 35 25.7233 35 25.6364V10.3636ZM26.2051 17.49L32.875 13.3813V23.6079L26.2051 17.49ZM5.25 8.18182H30.75C31.3134 8.18257 31.8534 8.41268 32.2518 8.82169C32.6502 9.23069 32.8743 9.78521 32.875 10.3636V10.8369L20.733 18.3164C19.908 18.8266 18.9631 19.0962 18 19.0962C17.0369 19.0962 16.092 18.8266 15.267 18.3164L3.125 10.8369V10.3636C3.12573 9.78521 3.34985 9.23069 3.74821 8.82169C4.14656 8.41268 4.68664 8.18257 5.25 8.18182ZM3.125 13.3813L9.79488 17.49L3.125 23.6079V13.3813ZM30.75 27.8182H5.25C4.81869 27.8169 4.39798 27.6809 4.04385 27.4281C3.68972 27.1753 3.41896 26.8178 3.26761 26.4031L11.7032 18.6655L14.1733 20.1871C15.3287 20.9009 16.6516 21.2781 18 21.2781C19.3484 21.2781 20.6713 20.9009 21.8267 20.1871L24.2968 18.6655L32.7324 26.4031C32.581 26.8178 32.3103 27.1753 31.9562 27.4281C31.602 27.6809 31.1813 27.8169 30.75 27.8182Z"
6707          fill="currentColor"/>
6708    </svg></span>
6709                    <a class="text-link relative" href="mailto:[email protected]">[email protected]</a>
6710                  </li>
6711                
6712              </ul>
6713              
6714                <div class="pt-6 border-t rte anm-fade-element" data-fade-on-intersect>
6715                  <p>Available Support Hours</p><p>Mon - Fri, 8am - 4pm,</p>
6716                </div>
6717              
6718            </div>
6719          </div>
6720        
6721      
6722      
6723    </div>
6724  </div>
6725</div>
6726
6727</section><section id="shopify-section-template--20172725321898__text_columns_with_icons_HyXWVU" class="shopify-section maximize-section section-text-columns-icons"><style data-shopify>.section--template--20172725321898__text_columns_with_icons_HyXWVU {
6728    padding-top: calc(64px * var(--mobile-padding-ratio));
6729    padding-bottom: calc(72px * var(--mobile-padding-ratio));
6730  }
6731  .section--template--20172725321898__text_columns_with_icons_HyXWVU .slider-container {
6732    --swiffy-slider-item-gap: 0px;
6733  }
6734  .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-row {
6735    row-gap: 26px;
6736  }
6737  .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-column {
6738    padding: 0 13.0px;
6739  }
6740  .size-icon-template--20172725321898__text_columns_with_icons_HyXWVU {
6741    width: 28.0px;
6742    height: 28.0px;
6743  }
6744  .color-icon--template--20172725321898__text_columns_with_icons_HyXWVU {
6745    
6746      color: var(--color-text);
6747    
6748  }
6749  .dark .color-icon--template--20172725321898__text_columns_with_icons_HyXWVU {
6750    
6751      color: rgba(var(--color-text));
6752    
6753  }
6754
6755  .maximize-theme:not(.dark) .column-background-template--20172725321898__text_columns_with_icons_HyXWVU {
6756    
6757      
6758    
6759  }
6760
6761  .maximize-theme.dark .column-background-template--20172725321898__text_columns_with_icons_HyXWVU {
6762    
6763      background: inherit;
6764      
6765    
6766  }
6767  .section--template--20172725321898__text_columns_with_icons_HyXWVU .margin-columns {
6768    margin: 0 -13.0px;
6769  }
6770  .section--template--20172725321898__text_columns_with_icons_HyXWVU .swiffy-slide-progress {
6771    margin: 0 13.0px;
6772  }
6773  
6774    .text-icon-column__item::after {
6775      position: absolute;
6776      top: 0;
6777      right: 0;
6778      height: 50%;
6779      transform: translateY(50%);
6780    }
6781  
6782  @media (min-width: 768px) {
6783    .section--template--20172725321898__text_columns_with_icons_HyXWVU {
6784      padding-top: 64px;
6785      padding-bottom: 72px;
6786    }
6787    .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-row {
6788      row-gap: 48px;
6789    }
6790    .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-column {
6791      padding: 0 24.0px;
6792    }
6793    .section--template--20172725321898__text_columns_with_icons_HyXWVU .margin-columns {
6794      margin: 0 -24.0px;
6795    }
6796    .section--template--20172725321898__text_columns_with_icons_HyXWVU .swiffy-slide-progress {
6797      margin: 0 24.0px;
6798    }
6799    .size-icon-template--20172725321898__text_columns_with_icons_HyXWVU {
6800      width: 40px;
6801      height: 40px;
6802    }
6803  }</style>
6804
6805<div class="text-icon-column section--template--20172725321898__text_columns_with_icons_HyXWVU rounded-corners-container color-scheme-1 dark-color-scheme-2 page-width"
6806>
6807  
6808  <div
6809    
6810      class="text-icon-column__container overflow-hidden w-auto"
6811    
6812  ><div 
6813      class="text-icon-column__blocks margin-columns flex flex-wrap spacing-row justify-center"
6814      data-mobile-gap="0px"
6815      data-desktop-gap="0px"
6816    ><div
6817          x-slide-index="0"
6818          id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-1"
6819          class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative after:border-r md:after:border-r"
6820        >
6821          <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU"
6822            data-fade-on-intersect>
6823            
6824              <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5"
6825              >
6826                <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU">
6827                  
6828                    
6829                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
6830        <path d="M48.1912 5.67485C49.2287 4.77505 50.7713 4.77505 51.8088 5.67485L60.7643 13.4429C61.3288 13.9324 62.0679 14.1722 62.8126 14.1074L74.6313 13.0787C76.0002 12.9596 77.2482 13.8649 77.558 15.2017L80.23 26.742C80.3987 27.4692 80.8551 28.097 81.4959 28.4816L91.6631 34.5853C92.8407 35.2923 93.3174 36.7572 92.7805 38.0203L88.149 48.9247C87.8571 49.6122 87.8571 50.3878 88.149 51.0753L92.7805 61.9797C93.3174 63.2427 92.8407 64.7077 91.6631 65.4149L81.4959 71.5183C80.8551 71.9029 80.3987 72.5308 80.23 73.2582L77.558 84.7982C77.2482 86.1351 76.0002 87.0406 74.6313 86.9213L62.8126 85.8928C62.0679 85.8276 61.3288 86.0676 60.7643 86.5569L51.8088 94.3254C50.7713 95.2249 49.2287 95.2249 48.1912 94.3254L39.2355 86.5569C38.6712 86.0676 37.932 85.8276 37.1873 85.8928L25.3688 86.9213C23.9998 87.0406 22.7518 86.1351 22.4422 84.7982L19.77 73.2582C19.6016 72.5308 19.1447 71.9029 18.5041 71.5183L8.33717 65.4149C7.15943 64.7077 6.68272 63.2427 7.21928 61.9797L11.8513 51.0753C12.1431 50.3878 12.1431 49.6122 11.8513 48.9247L7.21928 38.0203C6.68272 36.7572 7.15943 35.2923 8.33717 34.5853L18.5041 28.4816C19.1447 28.097 19.6016 27.4692 19.77 26.742L22.4422 15.2017C22.7518 13.8649 23.9998 12.9596 25.3688 13.0787L37.1873 14.1074C37.932 14.1722 38.6712 13.9324 39.2355 13.4429L48.1912 5.67485Z" stroke="currentColor" stroke-width="6.5"/>
6831        <path d="M36.2109 54.5885L45.4041 63.7673L68.3871 40.8203" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
6832      </svg>
6833
6834                    
6835                  
6836                </span>
6837              </div>
6838            
6839            <div class="text-icon-column__item__text">
6840              
6841                <span class="h5 p-break-words heading-small text-center">
6842                  <p class="text-[70%]">
6843                    
6844                      
6845
6846
6847
6848
6849<span class="inline-block "
6850  
6851>
6852  Quality and Saving
6853</span>
6854                    
6855                  </p>
6856                </span>
6857              
6858              
6859                <div class="rte  margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]">
6860                  
6861
6862
6863
6864
6865<span class="inline-block "
6866  
6867>
6868  <p>Comprehensive quality control and affordable prices.</p>
6869</span>
6870                </div>
6871              
6872            </div>
6873          </div>
6874        </div><div
6875          x-slide-index="1"
6876          id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-2"
6877          class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative md:after:border-r"
6878        >
6879          <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU"
6880            data-fade-on-intersect>
6881            
6882              <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5"
6883              >
6884                <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU">
6885                  
6886                    
6887                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
6888        <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9999 10H14C12.4087 10 10.8826 10.688 9.75735 11.9128C8.63214 13.1375 8 14.7986 8 16.5306V23.0612C8 23.9272 8.31607 24.7578 8.87868 25.3701C9.44128 25.9825 10.2043 26.3265 11 26.3265C11.7956 26.3265 12.5587 25.9825 13.1213 25.3701C13.6839 24.7578 14 23.9272 14 23.0612V16.5306H52.9999V75.3061H49.9999C49.2042 75.3061 48.4412 75.6501 47.8786 76.2625C47.316 76.8749 46.9999 77.7054 46.9999 78.5714C46.9999 79.4374 47.316 80.268 47.8786 80.8803C48.4412 81.4927 49.2042 81.8367 49.9999 81.8367H55.9999C56.7955 81.8367 57.5586 81.4927 58.1212 80.8803C58.6838 80.268 58.9999 79.4374 58.9999 78.5714V16.5306C58.9999 14.7986 58.3677 13.1375 57.2425 11.9128C56.1173 10.688 54.5912 10 52.9999 10Z" fill="currentColor"/>
6889        <path fill-rule="evenodd" clip-rule="evenodd" d="M33.5004 67.1426C31.2388 67.1419 29.0374 67.9362 27.2238 69.407C25.4103 70.87
688979 24.0816 72.9468 23.4354 75.3058H14.0004V72.0405C14.0004 71.1745 13.6844 70.344 13.1218 69.7316C12.5592 69.1193 11.7961 68.7752 11.0005 68.7752C10.2048 68.7752 9.44175 69.1193 8.87914 69.7316C8.31654 70.344 8.00047 71.1745 8.00047 72.0405V78.545C7.98416 78.9798 8.05042 79.4135 8.1951 79.8192C8.33977 80.2248 8.55976 80.5936 8.84131 80.9025C9.12286 81.2114 9.45992 81.4538 9.83143 81.6145C10.2029 81.7752 10.6009 81.8507 11.0005 81.8365H23.4354C23.9918 83.8675 25.056 85.6902 26.5093 87.1008C27.9626 88.5114 29.7476 89.4543 31.6649 89.8243C33.5822 90.1942 35.5563 89.9766 37.3665 89.1957C39.1767 88.4147 40.7517 87.1013 41.9156 85.4022C43.0795 83.7031 43.7863 81.6851 43.9572 79.5739C44.128 77.4627 43.7561 75.3413 42.8831 73.4469C42.01 71.5525 40.6701 69.9596 39.0132 68.8463C37.3563 67.733 35.4476 67.1431 33.5004 67.1426ZM33.5004 83.4691C32.6104 83.4691 31.7404 83.1818 31.0003 82.6436C30.2603 82.1055 29.6835 81.3405 29.3429 80.4455C29.0024 79.5505 28.9132 78.5657 29.0869 77.6156C29.2605 76.6655 29.6891 75.7928 30.3184 75.1078C30.9478 74.4228 31.7496 73.9563 32.6225 73.7673C33.4954 73.5783 34.4002 73.6753 35.2225 74.046C36.0447 74.4167 36.7475 75.0445 37.242 75.85C37.7365 76.6555 38.0004 77.6024 38.0004 78.5711C38.0004 79.8702 37.5263 81.116 36.6824 82.0345C35.8385 82.9531 34.6939 83.4691 33.5004 83.4691Z" fill="currentColor"/>
6890        <path fill-rule="evenodd" clip-rule="evenodd" d="M94.9999 59.7953C95.0089 58.7511 94.7877 57.7198 94.3549 56.7879L83.4019 33.17C82.902 32.09 82.1363 31.1824 81.1903 30.5482C80.2442 29.914 79.155 29.5782 78.044 29.5781H65C64.2043 29.5781 63.4413 29.9221 62.8787 30.5345C62.3161 31.1469 62 31.9774 62 32.8434C62 33.7094 62.3161 34.54 62.8787 35.1523C63.4413 35.7647 64.2043 36.1087 65 36.1087H78.038L88.9999 59.743C88.9999 60.7553 88.9999 70.192 88.9999 75.3055H82.5649C81.8443 72.6747 80.2778 70.4142 78.1518 68.9372C76.0259 67.4603 73.4825 66.8656 70.9868 67.2619C68.4911 67.6582 66.2098 69.0191 64.5602 71.0956C62.9105 73.1721 62.0027 75.8256 62.0027 78.5708C62.0027 81.3159 62.9105 83.9694 64.5602 86.0459C66.2098 88.1224 68.4911 89.4833 70.9868 89.8796C73.4825 90.2759 76.0259 89.6812 78.1518 88.2043C80.2778 86.7273 81.8443 84.4668 82.5649 81.8361H91.9999C92.7956 81.8361 93.5586 81.492 94.1212 80.8797C94.6838 80.2673 94.9999 79.4368 94.9999 78.5708C94.9999 78.5708 94.9999 61.1993 94.9999 59.7953ZM72.5 83.4687C71.61 83.4687 70.7399 83.1815 69.9999 82.6433C69.2599 82.1051 68.6831 81.3401 68.3425 80.4451C68.0019 79.5501 67.9128 78.5653 68.0864 77.6152C68.2601 76.6651 68.6887 75.7924 69.318 75.1074C69.9473 74.4224 70.7492 73.9559 71.6221 73.7669C72.495 73.5779 73.3998 73.6749 74.222 74.0456C75.0443 74.4164 75.7471 75.0441 76.2416 75.8496C76.736 76.6551 77 77.602 77 78.5708C77 79.8698 76.5259 81.1156 75.6819 82.0341C74.838 82.9527 73.6934 83.4687 72.5 83.4687Z" fill="currentColor"/>
6891        <path fill-rule="evenodd" clip-rule="evenodd" d="M31.9999 36.1224C32.7956 36.1224 33.5586 35.7784 34.1212 35.166C34.6838 34.5537 34.9999 33.7231 34.9999 32.8571C34.9999 31.9911 34.6838 31.1605 34.1212 30.5482C33.5586 29.9358 32.7956 29.5918 31.9999 29.5918H7.99999C7.20434 29.5918 6.44128 29.9358 5.87868 30.5482C5.31607 31.1605 5 31.9911 5 32.8571C5 33.7231 5.31607 34.5537 5.87868 35.166C6.44128 35.7784 7.20434 36.1224 7.99999 36.1224H31.9999Z" fill="currentColor"/>
6892        <path fill-rule="evenodd" clip-rule="evenodd" d="M32 42.6523H11.999C11.2034 42.6523 10.4403 42.9964 9.8777 43.6087C9.31509 44.2211 8.99902 45.0516 8.99902 45.9176C8.99902 46.7837 9.31509 47.6142 9.8777 48.2266C10.4403 48.8389 11.2034 49.183 11.999 49.183H32C32.7956 49.183 33.5587 48.8389 34.1213 48.2266C34.6839 47.6142 34.9999 46.7837 34.9999 45.9176C34.9999 45.0516 34.6839 44.2211 34.1213 43.6087C33.5587 42.9964 32.7956 42.6523 32 42.6523Z" fill="currentColor"/>
6893        <path fill-rule="evenodd" clip-rule="evenodd" d="M32 55.7148H20C19.2043 55.7148 18.4413 56.0589 17.8787 56.6712C17.3161 57.2836 17 58.1141 17 58.9801C17 59.8462 17.3161 60.6767 17.8787 61.2891C18.4413 61.9014 19.2043 62.2455 20 62.2455H32C32.7956 62.2455 33.5587 61.9014 34.1213 61.2891C34.6839 60.6767 34.9999 59.8462 34.9999 58.9801C34.9999 58.1141 34.6839 57.2836 34.1213 56.
68936712C33.5587 56.0589 32.7956 55.7148 32 55.7148Z" fill="currentColor"/>
6894      </svg>
6895
6896                    
6897                  
6898                </span>
6899              </div>
6900            
6901            <div class="text-icon-column__item__text">
6902              
6903                <span class="h5 p-break-words heading-small text-center">
6904                  <p class="text-[70%]">
6905                    
6906                      
6907
6908
6909
6910
6911<span class="inline-block "
6912  
6913>
6914  Fast Shipping
6915</span>
6916                    
6917                  </p>
6918                </span>
6919              
6920              
6921                <div class="rte  margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]">
6922                  
6923
6924
6925
6926
6927<span class="inline-block "
6928  
6929>
6930  <p>Fast and convenient door to door delivery.</p>
6931</span>
6932                </div>
6933              
6934            </div>
6935          </div>
6936        </div><div
6937          x-slide-index="2"
6938          id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-3"
6939          class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative after:border-r md:after:border-r"
6940        >
6941          <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU"
6942            data-fade-on-intersect>
6943            
6944              <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5"
6945              >
6946                <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU">
6947                  
6948                    
6949                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
6950        <path d="M50 95C74.8118 95 95 74.8119 95 50C95 25.1882 74.8118 5 50 5C39.9049 5 30.1796 8.42616 22.3077 14.5799V5H15.3846V25.7692H36.1538V18.846H28.1626C34.5231 14.3874 42.1255 11.9229 50 11.9228C71.0703 11.9228 88.0769 28.9297 88.0769 50C88.0769 71.0703 71.0703 88.0768 50 88.0768C28.9297 88.0768 11.9231 71.0703 11.9231 50C11.9231 44.6023 13.071 39.2689 15.29 34.3485L8.97539 31.5022C6.35295 37.3172 5 43.6211 5 50C5 74.8119 25.1882 95 50 95ZM53.4615 70.7692V67.3076C59.1558 67.3076 63.8462 62.6175 63.8462 56.9232C63.8462 51.229 59.1558 46.5384 53.4615 46.5384H46.5385C44.5857 46.5384 43.0769 45.0296 43.0769 43.0768C43.0769 41.1242 44.5857 39.6152 46.5385 39.6152H53.4615C55.4143 39.6152 56.9231 41.1242 56.9231 43.0768H63.8462C63.8462 37.3826 59.1558 32.692 53.4615 32.692V29.2308H46.5385V32.692C40.8442 32.692 36.1538 37.3826 36.1538 43.0768C36.1538 48.7712 40.8442 53.4616 46.5385 53.4616H53.4615C55.4143 53.4616 56.9231 54.9704 56.9231 56.9232C56.9231 58.876 55.4143 60.3844 53.4615 60.3844H46.5385C44.5857 60.3844 43.0769 58.876 43.0769 56.9232H36.1538C36.1538 62.6175 40.8442 67.3076 46.5385 67.3076V70.7692H53.4615Z" fill="currentColor"/>
6951      </svg>
6952
6953                    
6954                  
6955                </span>
6956              </div>
6957            
6958            <div class="text-icon-column__item__text">
6959              
6960                <span class="h5 p-break-words heading-small text-center">
6961                  <p class="text-[70%]">
6962                    
6963                      
6964
6965
6966
6967
6968<span class="inline-block "
6969  
6970>
6971  Payment Security
6972</span>
6973                    
6974                  </p>
6975                </span>
6976              
6977              
6978                <div class="rte  margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]">
6979                  
6980
6981
6982
6983
6984<span class="inline-block "
6985  
6986>
6987  <p>More than 10 different secure payment methods.</p>
6988</span>
6989                </div>
6990              
6991            </div>
6992          </div>
6993        </div><div
6994          x-slide-index="3"
6995          id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-4"
6996          class="text-icon-column__item spacing-column w-1/2 md:w-1/5"
6997        >
6998          <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU"
6999            data-fade-on-intersect>
7000            
7001              <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5"
7002              >
7003                <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU">
7004                  
7005                    
7006                      <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7007        <path d="M43.2757 70.8633V84.3943C43.2582 84.9027 43.0433 85.3846 42.6766 85.738C42.3099 86.0913 41.82 86.289 41.3103 86.2883H27.0778C24.7377 85.895 22.6193 84.6691 21.1138 82.8381" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7008        <path d="M21.1135 82.9052C21.1135 82.9052 13.7261 76.4778 30.8728 59.3617H38.5312L27.0775 40.4863H6L11.7607 47.8606C11.7607 47.8606 7.89765 48.5371 7.89765 53.8818C9.92392 64.469 14.455 74.4199 21.1135 82.9052Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7009        <path d="M72.7559 45.7628L82.7866 38.9975C83.0104 38.8987 83.2532 38.8477 83.498 38.8477C83.7435 38.8477 83.9856 38.8987 84.21 38.9975C84.4718 39.0281 84.7234 39.1169 84.9458 39.2573C85.1689 39.3979 85.3574 39.5864 85.4978 39.8093L93.2914 51.4457C93.7573 52.3812 93.9994 53.4117 93.9994 54.4564C93.9994 55.501 93.7573 56.5314 93.2914 57.4669" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7010        <path d="M93.5636 56.791C93.5636 56.791 91.395 65.586 68.962 63.5564V57.6705L55.814 74.8542L68.2843 94.0003L68.962 85.0027C68.962 85.0027 71.4698 88.0468 75.7392 85.0027C82.9002 76.424 88.8934 66.9378 93.5636 56.791Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7011        <path d="M32.0931 31.6219L22.9437 27.4274C22.4924 27.1947 22.1447 26.8017 21.9691 26.3259C21.7935 25.8501 21.8027 25.3259 21.9948 24.8566L29.721 9.43152C30.2371 8.51827 30.9589 7.73729 31.8293 7.15024C32.6997 6.56319 33.6948 6.18613 34.7362 6.04883" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7012        <path d="M34.7354 6.05025C34.7354 6.05025 43.0715 6.05025 53.6442 26.3463L48.1545 33.1117H70.9266L78.9915 11.8684L69.5031 14.7776C69.3652 13.3097 68.8327 11.9062 67.9619 10.7154C67.091 9.52454 65.9142 8.59063 64.5557 8.0122C59.8844 6.46848 54.9666 5.80323 50.0521 6.05025H34.7354Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
7013      </svg>
7014
7015                    
7016                  
7017                </span>
7018              </div>
7019            
7020            <div class="text-icon-column__item__text">
7021              
7022                <span class="h5 p-break-words heading-small text-center">
7023                  <p class="text-[70%]">
7024                    
7025                      
7026
7027
7028
7029
7030<span class="inline-block "
7031  
7032>
7033  Have Questions?
7034</span>
7035                    
7036                  </p>
7037                </span>
7038              
7039              
7040                <div class="rte  margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]">
7041                  
7042
7043
7044
7045
7046<span class="inline-block "
7047  
7048>
7049  <p>24/7 Customer Service - We’re here and happy to help!</p>
7050</span>
7051                </div>
7052              
7053            </div>
7054          </div>
7055        </div></div>
7056    
7057
7058
7059<div 
7060  class="swiffy-slide-indicator flex-row gap-1.5 justify-center items-center  mt-3  lg:hidden md:hidden hidden"
7061>
7062  
7063    <div class="indicator-arrow__button w-10 h-10 p-3 rotate-180 rtl:rotate-0 indicator-arrow-prev active">
7064      <svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
7065         style="fill: none">
7066      <path fill-rule="evenodd" clip-rule="evenodd"
7067            d="M4.60535 1.01377C4.9559 0.702972 5.49268 0.734466 5.80427 1.08412L11.4658 7.43705C11.7518 7.75799 11.7518 8.24162 11.4658 8.56256L5.80427 14.9155C5.49268 15.2651 4.9559 15.2966 4.60535 14.9858C4.25481 14.675 4.22323 14.1396 4.53483 13.79L9.69485 7.9998L4.53483 2.20963C4.22323 1.85998 4.25481 1.32457 4.60535 1.01377Z"
7068            fill="currentColor"/>
7069    </svg>
7070    </div>
7071  
7072  <div class="swiffy-slide-progress-container">
7073    <div class="swiffy-slide-progress">
7074      <div 
7075        class="swiffy-slide-progress-bar progress-bar-active-width"
7076      ></div>
7077    </div>
7078  </div>
7079  
7080    <div class="indicator-arrow__button w-10 h-10 p-3 rtl:rotate-180 indicator-arrow-next active">
7081      <svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
7082         style="fill: none">
7083      <path fill-rule="evenodd" clip-rule="evenodd"
7084            d="M4.60535 1.01377C4.9559 0.702972 5.49268 0.734466 5.80427 1.08412L11.4658 7.43705C11.7518 7.75799 11.7518 8.24162 11.4658 8.56256L5.80427 14.9155C5.49268 15.2651 4.9559 15.2966 4.60535 14.9858C4.25481 14.675 4.22323 14.1396 4.53483 13.79L9.69485 7.9998L4.53483 2.20963C4.22323 1.85998 4.25481 1.32457 4.60535 1.01377Z"
7085            fill="currentColor"/>
7086    </svg>
7087    </div>
7088  
7089</div>
7090  </div>
7091</div>
7092
7093</section>
7094  </main>
7095
7096  <!-- BEGIN sections: footer-group -->
7097<div id="shopify-section-sections--20172716638378__footer" class="shopify-section shopify-section-group-footer-group section-footer">
7098<style data-shopify>.section-sections--20172716638378__footer-padding {
7099      padding-top: 30.0px;
7100      padding-bottom: 0.0px;
7101    }
7102    
7103    @media screen and (min-width: 768px) {
7104      .section-sections--20172716638378__footer-padding {
7105        padding-top: 60px;
7106        padding-bottom: 0px;
7107      }
7108    }</style><footer 
7109    id="x-footer" 
7110    class="x-footer full-width-padded rounded-corners-container mb-4 md:mb-[30px]"
7111  ><div class="section-divider w-full">
7112        <div class="divider m-auto border-t"></div>
7113      </div>
7114    <div class="footer section-sections--20172716638378__footer-padding selection:color-bg-[rgba(var(--color-text),0.2)]"><div class="footer-main md:grid md:gap-[var(--spacing-column)] md:grid-cols-3 lg:grid-cols-5" 
7115        style="--spacing-column: 32px; --rounded-corners: 6px;"
7116      ><div class="footer-col footer-col-contact text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open"  class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:pointer-events-none md:cursor-default">
7117                      <p class="h5">Contact us</p>
7118                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5"  x-show="open">
7119                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7120         class="" fill="none" viewBox="0 0 10 2">
7121      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
7122            fill="currentColor">
7123    </svg>
7124                      </span>
7125                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5"  x-cloak x-show="!open">
7126                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7127         class="" fill="none" viewBox="0 0 10 10">
7128      <path fill-rule="evenodd" clip-rule="evenodd"
7129            d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
7130            fill="currentColor">
7131    </svg>
7132                      </span>
7133                    </div><div
7134                    class="footer-collapse__content md:!block md:!h-auto" 
7135                    x-show="open" x-collapse
7136                  >
7137                    <div>
7138                        <div class="mb-6">
7139<div class="inline-flex items-center gap-x-4">
7140  
7141    <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
7142      
7143        
7144          <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7145        <path d="M61.0757 94.166C57.3649 94.1617 53.7048 93.3023 50.3785 91.6544C41.1308 87.114 32.6669 81.1222 25.307 73.9056C18.1033 66.5326 12.1221 58.0536 7.58988 48.7894C5.39948 44.2698 4.67306 39.1777 5.51212 34.2244C6.35117 29.2712 8.71379 24.7042 12.2699 21.1615L18.0363 15.3848C19.4068 14.0172 21.2624 13.2494 23.1969 13.2494C25.1313 13.2494 26.9869 14.0172 28.3574 15.3848L36.9653 24.0499C38.1862 25.3059 38.92 26.9569 39.0349 28.7062C39.1498 30.4556 38.6382 32.1887 37.5921 33.5941L33.4135 39.4545C35.3506 45.7875 38.825 51.5406 43.5256 56.1987C48.098 60.7031 53.6886 64.0348 59.8221 65.9103L65.6721 61.7242C67.0832 60.6703 68.8247 60.1583 70.5806 60.2812C72.3364 60.404 73.99 61.1537 75.241 62.394L83.8489 71.0172C85.214 72.3902 85.9805 74.2491 85.9805 76.187C85.9805 78.1248 85.214 79.9837 83.8489 81.3567L78.0825 87.1334C75.8479 89.3675 73.1958 91.1384 70.2776 92.3451C67.3595 93.5
7145518 64.2326 94.1705 61.0757 94.166ZM23.2178 19.529C23.0759 19.5283 22.9355 19.5578 22.8058 19.6156C22.6762 19.6733 22.5602 19.7579 22.4656 19.8639L16.6992 25.5987C14.0594 28.2304 12.3122 31.6268 11.7049 35.3077C11.0975 38.9886 11.6606 42.7676 13.3145 46.1103C17.6314 54.7246 23.2715 62.6066 30.0288 69.4684C36.8784 76.2378 44.7463 81.8879 53.3453 86.2125C56.682 87.8694 60.4543 88.4335 64.1286 87.8251C67.803 87.2166 71.1934 85.4663 73.8203 82.8218L79.3778 76.8777C79.4778 76.7837 79.5574 76.6702 79.6119 76.5442C79.6663 76.4182 79.6944 76.2824 79.6944 76.1451C79.6944 76.0078 79.6663 75.872 79.6119 75.746C79.5574 75.62 79.4778 75.5065 79.3778 75.4126L71.0207 66.7893C70.83 66.6215 70.585 66.529 70.3312 66.529C70.0774 66.529 69.8324 66.6215 69.6417 66.7893L62.6217 72.1056C62.2773 72.3592 61.884 72.5385 61.4669 72.6322C61.0497 72.7258 60.6177 72.7318 60.1982 72.6498C52.2274 70.6891 44.9798 66.4925 39.3053 60.5521C33.1615 54.8276 28.807 47.4409 26.7695 39.2871C26.6902 38.8667 26.6974 38.4344 26.7908 38.0169C26.8842 37.5994 27.0618 37.2054 27.3128 36.8592L32.6196 29.8266C32.787 29.6357 32.8794 29.3901 32.8794 29.1359C32.8794 28.8817 32.787 28.6362 32.6196 28.4452L23.9281 19.8639C23.8417 19.759 23.7332 19.6745 23.6104 19.6166C23.4876 19.5587 23.3535 19.5288 23.2178 19.529ZM90.9943 57.5382C93.714 52.3758 95.1476 46.6312 95.1729 40.794C95.1729 35.9734 94.223 31.2002 92.3777 26.7481C90.5325 22.296 87.8281 18.2526 84.4196 14.8498C81.0112 11.4469 76.9658 8.75155 72.5153 6.91823C68.0649 5.08491 63.2969 4.1497 58.4849 4.16623C52.6581 4.19152 46.9238 5.62766 41.7706 8.35227C41.0604 8.75106 40.5276 9.40476 40.2794 10.1816C40.0313 10.9584 40.0863 11.8005 40.4335 12.5383C40.8312 13.2499 41.4865 13.7814 42.2642 14.0229C43.0418 14.2644 43.8823 14.1975 44.6121 13.836C48.8699 11.6173 53.602 10.468 58.4014 10.4871C66.4399 10.476 74.1542 13.6615 79.85 19.3439C85.5458 25.0264 88.7575 32.7412 88.7796 40.794C88.7987 45.602 87.6515 50.3425 85.4368 54.608C85.0759 55.339 85.0091 56.181 85.2502 56.9601C85.4912 57.7391 86.0218 58.3956 86.7321 58.794C87.1903 59.0087 87.6889 59.1228 88.1946 59.1289C88.7596 59.1333 89.3158 58.9887 89.8073 58.7094C90.2987 58.4302 90.7081 58.0262 90.9943 57.5382ZM66.8421 49.1661C67.356 48.5905 67.6401 47.8453 67.6401 47.0731C67.6401 46.3008 67.356 45.5557 66.8421 44.9801L61.6189 39.4964V28.2359C61.6189 27.4033 61.2887 26.6047 60.701 26.016C60.1132 25.4272 59.3161 25.0964 58.4849 25.0964C57.6538 25.0964 56.8566 25.4272 56.2689 26.016C55.6812 26.6047 55.351 27.4033 55.351 28.2359V40.794C55.3517 41.6264 55.6824 42.4244 56.2703 43.0126L62.6635 49.1661C63.2381 49.6809 63.9819 49.9656 64.7528 49.9656C65.5237 49.9656 66.2675 49.6809 66.8421 49.1661Z" fill="currentColor"/>
7146      </svg>
7147
7148        
7149      
7150    </span>
7151  
7152  
7153    <div>
7154      <p class="empty:hidden p-break-words mt-1 mb-1">
7155        Phone Number
7156      </p>
7157      
7158        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7159          888.611.9299
7160        </p>
7161      
7162    </div>
7163  
7164</div>
7165</div><div class="mb-6">
7166<div class="inline-flex items-center gap-x-4">
7167  
7168    <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
7169      
7170        
7171          <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7172        <path d="M81.9696 5H37.0435C36.9861 5 36.9314 5.02469 36.8935 5.06779L22.5964 21.2951C22.4826 21.4243 22.5743 21.6273 22.7465 21.6273H96.6756C96.8491 21.6273 96.9403 21.4216 96.8238 21.293L82.1178 5.0657C82.0799 5.02386 82.026 5 81.9696 5Z" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7173        <path d="M30.0981 38.2539V47.6068" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7174        <path d="M91.4112 38.2539V75.6654H45.686" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7175        <path d="M41.5288 53.5826V49.6855H79.9796V75.6658" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7176        <path d="M61.2739 50.7266L61.2739 71.5107" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7177        <path d="M22.8232 20.5879V27.8624C22.8232 33.0278 27.0107 37.2152 32.1761 37.2152V37.2152C37.3416 37.2152 41.529 33.0278 41.529 27.8624V20.5879" stroke="currentColor" stroke-width="6"/>
7178        <path d="M41.5288 20.5879V27.8624C41.5288 33.0278 45.7162 37.2152 50.8817 37.2152V37.2152C56.0471 37.2152 60.2346 33.0278 60.2346 27.8624V20.5879" stroke="currentColor" stroke-width="6"/>
7179        <path d="M60.2349 20.5879V27.8624C60.2349 33.0278 64.4223 37.2152 69.5877 37.2152V37.2152C74.7532 37.2152 78.9406 33.0278 78.9406 27.8624V20.5879" stroke="currentColor" stroke-width="6"/>
7180        <path d="M78.9409 20.5879V28.382C78.9409 33.2604 82.8957 37.2152 87.7742 37.2152V37.2152C92.6527 37.2152 96.6075 33.2604 96.6075 28.382V20.5879" stroke="currentColor" stroke-width="6"/>
7181        <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0586 51.078C21.2416 50.6094 20.2484 50.6094 
718119.4314 51.078L2.39121 60.8531C1.53257 61.3456 1 62.2803 1 63.2945V82.8446C1 83.8589 1.53257 84.7935 2.39121 85.286L19.4314 95.0611C20.2484 95.5297 21.2416 95.5297 22.0586 95.0611L39.0987 85.286C39.9574 84.7935 40.4899 83.8589 40.4899 82.8446V63.2945C40.4899 62.2803 39.9574 61.3456 39.0987 60.8531L22.0586 51.078ZM9.27436 63.2945L20.745 56.7143L32.2156 63.2945L20.745 69.8747L9.27436 63.2945ZM23.4498 74.7129L35.0804 68.041V81.2013L23.4498 87.8732V74.7129ZM18.0402 74.7129V87.8732L6.40958 81.2013V68.041L18.0402 74.7129Z" fill="currentColor"/>
7182      </svg>
7183
7184        
7185      
7186    </span>
7187  
7188  
7189    <div>
7190      <p class="empty:hidden p-break-words mt-1 mb-1">
7191        Address
7192      </p>
7193      
7194        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7195          4641 E Ivy St.Mesa, AZ 85205
7196        </p>
7197      
7198    </div>
7199  
7200</div>
7201</div><div class="mb-6">
7202<div class="inline-flex items-center gap-x-4">
7203  
7204    <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]">
7205      
7206        
7207          <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7208        <path d="M95.9991 40.1425V72.9993C95.9991 75.6136 94.9606 78.1207 93.112 79.9693C91.2635 81.8179 88.7563 82.8564 86.1421 82.8564V92.7134C86.1388 93.3621 85.9436 93.9953 85.5811 94.5332C85.2186 95.0712 84.7049 95.4897 84.1049 95.7362C83.715 95.9202 83.2874 96.0102 82.8564 95.9991C82.424 96.0016 81.9953 95.9187 81.595 95.7552C81.1946 95.5917 80.8306 95.3508 80.5235 95.0462L68.3665 82.8564H33.5711C30.9569 82.8564 28.4497 81.8179 26.6012 79.9693C24.7526 78.1207 23.7141 75.6136 23.7141 72.9993C23.7141 72.1279 24.0603 71.2922 24.6764 70.676C25.2926 70.0598 26.1284 69.7136 26.9998 69.7136C27.8712 69.7136 28.7069 70.0598 29.3231 70.676C29.9393 71.2922 30.2855 72.1279 30.2855 72.9993C30.2855 73.8707 30.6316 74.7065 31.2478 75.3226C31.864 75.9388 32.6997 76.285 33.5711 76.285H69.7136C70.1461 76.2825 70.5747 76.3654 70.975 76.5289C71.3754 76.6924 71.7395 76.9333 72.0465 77.2378L79.5707 84.7949V79.5707C79.5707 78.6993 79.9169 77.8635 80.533 77.2474C81.1492 76.6312 81.9849 76.285 82.8564 76.285H86.1421C87.0135 76.285 87.8492 75.9388 88.4654 75.3226C89.0816 74.7065 89.4277 73.8707 89.4277 72.9993V40.1425C89.4277 39.2711 89.0816 38.4354 88.4654 37.8192C87.8492 37.203 87.0135 36.8568 86.1421 36.8568C85.2706 36.8568 84.4349 36.5106 83.8187 35.8945C83.2025 35.2783 82.8564 34.4426 82.8564 33.5711C82.8564 32.6997 83.2025 31.864 83.8187 31.2478C84.4349 30.6316 85.2706 30.2855 86.1421 30.2855C88.7563 30.2855 91.2635 31.324 93.112 33.1725C94.9606 35.0211 95.9991 37.5282 95.9991 40.1425ZM31.6326 56.5709L19.4756 68.7608C19.1685 69.0653 18.8044 69.3062 18.4041 69.4697C18.0038 69.6333 17.5751 69.7161 17.1427 69.7136C16.7117 69.7247 16.2841 69.6347 15.8942 69.4508C15.2941 69.2043 14.7805 68.7857 14.418 68.2478C14.0555 67.7098 13.8603 67.0766 13.857 66.428V56.5709C11.2428 56.5709 8.73562 55.5324 6.88706 53.6838C5.03851 51.8353 4 49.3281 4 46.7139V13.857C4 11.2428 5.03851 8.73562 6.88706 6.88706C8.73562 5.03851 11.2428 4 13.857 4H66.428C69.0422 4 71.5494 5.03851 73.3979 6.88706C75.2465 8.73562 76.285 11.2428 76.285 13.857V46.7139C76.285 49.3281 75.2465 51.8353 73.3979 53.6838C71.5494 55.5324 69.0422 56.5709 66.428 56.5709H31.6326ZM30.2855 49.9995H66.428C67.2994 49.9995 68.1351 49.6534 68.7513 49.0372C69.3675 48.421 69.7136 47.5853 69.7136 46.7139V13.857C69.7136 12.9856 69.3675 12.1499 68.7513 11.5337C68.1351 10.9175 67.2994 10.5714 66.428 10.5714H13.857C12.9856 10.5714 12.1499 10.9175 11.5337 11.5337C10.9175 12.1499 10.5714 12.9856 10.5714 13.857V46.7139C10.5714 47.5853 10.9175 48.421 11.5337 49.0372C12.1499 49.6534 12.9856 49.9995 13.857 49.9995H17.1427C18.0141 49.9995 18.8499 50.3457 19.4661 50.9619C20.0822 51.5781 20.4284 52.4138 20.4284 53.2852V58.5095L27.9526 50.9524C28.2596 50.6479 28.6237 50.4069 29.0241 50.2434C29.4244 50.0799 29.853 49.997 30.2855 49.9995ZM40.1425 26.9998C39.4927 26.9998 38.8574 27.1925 38.3171 27.5535C37.7767 27.9145 37.3556 28.4277 37.1069 29.0281C36.8582 29.6285 36.7932 30.2891 36.92 30.9265C37.0467 31.5638 37.3597 32.1493 37.8192 32.6088C38.2787 33.0683 38.8641 33.3812 39.5015 33.508C40.1389 33.6348 40.7995 33.5697 41.3999 33.321C42.0003 33.0723 42.5134 32.6512 42.8744 32.1109C43.2355 31.5706 43.4282 30.9353 43.4282 30.2855C43.4282 29.414 43.082 28.5783 42.4658 27.9621C41.8496 27.3459 41.0139 26.9998 40.1425 26.9998ZM56.5709 26.9998C55.9211 26.9998 55.2858 27.1925 54.7455 27.5535C54.2052 27.9145 53.784 28.4277 53.5353 29.0281C53.2867 29.6285 53.2216 30.2891 53.3484 30.9265C53.4751 31.5638 53.7881 32.1493 54.2476 32.6088C54.7071 33.0683 55.2925 33.3812 55.9299 33.508C56.5673 33.6348 57.2279 33.5697 57.8283 33.321C58.4287 33.0723 58.9418 32.6512 59.3029 32.1109C59.6639 31.5706 59.8566 30.9353 59.8566 30.2855C59.8566 29.414 59.5104 28.5783 58.8942 27.9621C58.2781 27.3459 57.4423 26.9998 56.5709 26.9998ZM23.7141 26.9998C23.0642 26.9998 22.429 27.1925 21.8887 27.5535C21.3483 27.9145 20.9272 28.4277 20.6785 29.0281C20.4298 29.6285 20.3648 30.2891 20.4915 30.9265C20.6183 31.5638 20.9313 32.1493 21.3908 32.6088C21.8503 33.0683 22.4357 33.3812 23.0731 33.508C23.7104 33.6348 24.3711 33.5697 24.9715 33.321C25.5718 33.0723 26.085 32.6512 26.446 32.1109C26.8071 31.5706 26.9998 30.9353 26.9998 30.2855C26.9998 29.414 26.6536 28.5783 26.0374 27.9621C25.4212 27.3459 24.5855 26.9998 23.7141 26.9998Z" fill="currentColor"/>
7209      </svg>
7210
7211        
7212      
7213    </span>
7214  
7215  
7216    <div>
7217      <p class="empty:hidden p-break-words mt-1 mb-1">
7218        Email Address
7219      </p>
7220      
7221        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7222          [email protected]
7223        </p>
7224      
7225    </div>
7226  
7227</div>
7228</div>
7229                      
7230</div>
7231                  </div>
7232                </div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default">
7233                      <p class="h5">Nacho Info</p>
7234                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5"  x-show="open">
7235                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7236         class="" fill="none" viewBox="0 0 10 2">
7237      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
7238            fill="currentColor">
7239    </svg>
7240                      </span>
7241                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5"  x-cloak x-show="!open">
7242                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7243         class="" fill="none" viewBox="0 0 10 10">
7244      <path fill-rule="evenodd" clip-rule="evenodd"
7245            d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
7246            fill="currentColor">
7247    </svg>
7248                      </span>
7249                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7250                    
7251                      x-show="open" x-collapse
7252                    ><li>
7253                          <a href="/pages/whats-nacho" class="relative inline-block text-link-animation">
7254                            What's NACHO
7255                          </a>
7256                        </li><li>
7257                          <a href="/pages/patents" class="relative inline-block text-link-animation">
7258                            Patents
7259                          </a>
7260                        </li><li>
7261                          <a href="/pages/product-information-sheets" class="relative inline-block text-link-animation">
7262                            Instruction Sheets
7263                          </a>
7264                        </li><li>
7265                          <a href="/products/gift-card" class="relative inline-block text-link-animation">
7266                            Gift Card
7267                          </a>
7268                        </li><li>
7269                          <a href="/pages/career" class="relative inline-block text-link-animation">
7270                            Careers
7271                          </a>
7272                        </li><li>
7273                          <a href="/pages/privacy-policy" class="relative inline-block text-link-animation">
7274                            Privacy Policy
7275                          </a>
7276                        </li><li>
7277                          <a href="/pages/warranty-policy" class="relative inline-block text-link-animation">
7278                            Warranty Policy
7279                          </a>
7280                        </li><li>
7281                          <a href="/pages/return-policy" class="relative inline-block text-link-animation">
7282                            Refund policy
7283                          </a>
7284                        </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default">
7285                      <p class="h5">Customer Support</p>
7286                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5"  x-show="open">
7287                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7288         class="" fill="none" viewBox="0 0 10 2">
7289      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
7290            fill="currentColor">
7291    </svg>
7292                      </span>
7293                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5"  x-cloak x-show="!open">
7294                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7295         class="" fill="none" viewBox="0 0 10 10">
7296      <path fill-rule="evenodd" clip-rule="evenodd"
7297            d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
7298            fill="currentColor">
7299    </svg>
7300                      </span>
7301                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7302                    
7303                      x-show="open" x-collapse
7304                    ><li>
7305                          <a href="/pages/terms-and-conditions" class="relative inline-block text-link-animation">
7306                            Terms & Conditions
7307                          </a>
7308                        </li><li>
7309                          <a href="/pages/faqs" class="relative inline-block text-link-animation">
7310                            FAQ's
7311                          </a>
7312                        </li><li>
7313                          <a href="/pages/dealer-application" class="relative inline-block text-link-animation">
7314                            Dealer Request
7315                          </a>
7316                        </li><li>
7317                          <a href="/pages/dealer-locator" class="relative inline-block text-link-animation">
7318                            Dealer Locator
7319                          </a>
7320                        </li><li>
7321                          <a href="/pages/govx" class="relative inline-block text-link-animation">
7322                            Military Discount
7323                          </a>
7324                        </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default">
7325                      <p class="h5">Orders</p>
7326                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5"  x-show="open">
7327                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7328         class="" fill="none" viewBox="0 0 10 2">
7329      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
7330            fill="currentColor">
7331    </svg>
7332                      </span>
7333                      <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5"  x-cloak x-show="!open">
7334                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7335         class="" fill="none" viewBox="0 0 10 10">
7336      <path fill-rule="evenodd" clip-rule="evenodd"
7337            d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
7338            fill="currentColor">
7339    </svg>
7340                      </span>
7341                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7342                    
7343                      x-show="open" x-collapse
7344                    ><li>
7345                          <a href="/pages/product-registration-1" class="relative inline-block text-link-animation">
7346                            Product Registration
7347                          </a>
7348                        </li><li>
7349                          <a href="https://account.nachooffroadtechnology.com/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY4LCJuYmYiOjE3OTE1OTk4Njh9.coe_RTWI6V9SPiAwaM3cSP7twBzy2rHvKg2vpvKjDtI" class="relative inline-block text-link-animation">
7350                            My Orders
7351                          </a>
7352                        </li><li>
7353                          <a href="/pages/warranty-claim" class="relative inline-block text-link-animation">
7354                            Warranty Claim
7355                          </a>
7356                        </li><li>
7357                          <a href="https://nacholightingco.com/march-rebate-26" class="relative inline-block text-link-animation">
7358                            Rebate Form
7359                          </a>
7360                        </li></ul></div></div><div class="footer-col footer-col-email_footer text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none">
7361                  <div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:cursor-default md:pointer-events-none">
7362                    <p class="h5">Newsletter</p>
7363                    <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5"  x-show="open">
7364                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7365         class="" fill="none" viewBox="0 0 10 2">
7366      <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z"
7367            fill="currentColor">
7368    </svg>
7369                    </span>
7370                    <span class="md:hidden absolute w-3	h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5"  x-cloak x-show="!open">
7371                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7372         class="" fill="none" viewBox="0 0 10 10">
7373      <path fill-rule="evenodd" clip-rule="evenodd"
7374            d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z"
7375            fill="currentColor">
7376    </svg>
7377                    </span>
7378                  </div><div class="footer-collapse__content md:!h-auto md:!block"
7379                    x-show="open"
7380                    x-collapse
7381                  >
7382                    <div class="flex-1 md:mt-5">
7383                      
7384
7385                      
7386                        <div class="footer__email__subheading rte  mt-0.5">
7387                          <p>Sign up for exclusive updates, new arrivals & insider only discounts.</p>
7388                        </div>
7389                      
7390
7391                      
7392                    </div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form grow flex-1 mx-0.5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
7393                      <div class="mt-2 md:mt-4 mb-1" x-data="{ email: '', error: validateEmail('') }">
7394                        <div class="text-field__wrapper text-field__has-button">
7395                          <div class="text-field__content">
7396                            <input
7397                              id="NewsletterForm--sections--20172716638378__footer"
7398                              type="email"
7399                              name="contact[email]"
7400                              class="text-field__input"
7401                              aria-required="true"
7402                              autocorrect="off"
7403                              autocapitalize="off"
7404                              autocomplete="email"
7405                              
7406                                placeholder="Your email"
7407                                x-model="email"
7408                                @input.debounce.500ms="error = validateEmail(email)"
7409                                required
7410                              >
7411                            <label 
7412                              class="text-field__label"
7413                              for="NewsletterForm--sections--20172716638378__footer"
7414                            >
7415                              Your email
7416                            </label>
7417                          </div>
7418                          <custom-button>
7419                            <button 
7420                              type="submit"
7421                              class="button button-primary pt-2.5 pb-2.5 pl-3.5 pr-3.5 rounded-corners ml-1"
7422                              :disabled="error.isError === true"
7423                            >
7424                              <span class="button-text lg:hidden xl:block">
7425                                Subscribe
7426                              </span>
7427                              
7428                                <span class="w-4 h-4 hidden lg:block xl:hidden">
7429                                  <svg
7430        class="w-full h-full"
7431        viewBox="0 0 1024 1024"
7432        version="1.1"
7433        xmlns="http://www.w3.org/2000/svg"
7434    >
7435      <path fill="currentColor"
7436            d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"/>
7437    </svg>
7438                                </span>
7439                              
7440                            </button>
7441                          </custom-button>
7442                        </div>
7443                        <div 
7444                          id="footer__newsletter__error--sections--20172716638378__footer"
7445                          class="flash-message error-message mt-1"
7446                          x-show="error.isError === true && error.isInvalid === true"
7447                          x-cloak
7448                        >
7449                          <p>Email is invalid</p>
7450                        </div></div></form><div class="mt-4 text-center md:text-left">
7451                        
7452  <ul class="social inline-flex flex-wrap gap-2.5 ltr justify-left"><li class="social-link">
7453        <a
7454          href="https://www.facebook.com/thenachoexperience"
7455          target="blank"
7456          aria-label="Facebook"
7457          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7458        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7459      <path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7460    </svg></a>
7461      </li><li class="social-link">
7462        <a
7463          href="https://www.instagram.com/nacho_offroadlighting/"
7464          target="blank"
7465          aria-label="Instagram"
7466          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7467        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7468      <path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7469      <path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"/>
7470      <path d="M17.5 6.51013L17.51 6.49902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7471    </svg></a>
7472      </li><li class="social-link">
7473        <a
7474          href="https://www.tiktok.com/@nacho_offroadlights"
7475          target="blank"
7476          aria-label="TikTok"
7477          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7478        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7479      <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7480      <path d="M10 12C8.34315 12 7 13.3431 7 15C7 16.6569 8.34315 18 10 18C11.6569 18 13 16.6569 13 15V6C13.3333 7 14.6 9 17 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7481    </svg></a>
7482      </li><li class="social-link">
7483        <a
7484          href="https://www.youtube.com/@nacho_offroadlights/featured"
7485          target="blank"
7486          aria-label="YouTube"
7487          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7488        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7489      <path d="M14 12.0006L10.5 14.2541V9.74707L14 12.0006Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7490      <path d="M2 12.7972V11.2028C2 7.94042 2 6.30927 2.90549 5.25973C3.81099 4.2102 5.23656 4.16476 8.08769 4.0739C9.43873 4.03085 10.8188 4 12 4C13.1812 4 14.5613 4.03085 15.9123 4.0739C18.7634 4.16476 20.189 4.2102 21.0945 5.25973C22 6.30927 22 7.94042 22 11.2028V12.7972C22 16.
74900595 22 17.6907 21.0945 18.7402C20.189 19.7897 18.7635 19.8352 15.9124 19.9261C14.5613 19.9691 13.1812 20 12 20C10.8188 20 9.43867 19.9691 8.0876 19.9261C5.23651 19.8352 3.81097 19.7897 2.90548 18.7402C2 17.6907 2 16.0595 2 12.7972Z" stroke="currentColor" stroke-width="1.5"/>
7491    </svg></a>
7492      </li><li class="social-link">
7493        <a
7494          href="https://www.linkedin.com/company/nacho-lighting-co"
7495          target="blank"
7496          aria-label="Linkedin"
7497          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7498        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7499      <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7500      <path d="M7 17V13.5V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7501      <path d="M11 17V13.75M11 13.75V10M11 13.75C11 10 17 10 17 13.75V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7502      <path d="M7 7.01013L7.01 6.99902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7503    </svg></a>
7504      </li><li class="social-link">
7505        <a
7506          aria-label="Email"
7507          href="mailto:[email protected]"
7508          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7509        ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7510      <path
7511          d="M35 10.3636C34.9989 9.20668 34.5507 8.09745 33.754 7.27936C32.9572 6.46127 31.8768 6.00116 30.75 6H5.25C4.12318 6.00116 3.04282 6.46127 2.24604 7.27936C1.44925 8.09745 1.00113 9.20668 1 10.3636L1 25.6364C1 25.7233 1.02004 25.8044 1.02497 25.89C0.996334 26.0739 1.01489 26.2623 1.0788 26.4366C1.26066 27.4366 1.777 28.3399 2.53861 28.9905C3.30021 29.6412 4.25924 29.9982 5.25 30H30.75C31.7407 29.9982 32.6998 29.6412 33.4614 28.9905C34.223 28.3399 34.7393 27.4366 34.9212 26.4367C34.9851 26.2624 35.0037 26.074 34.975 25.89C34.98 25.8044 35 25.7233 35 25.6364V10.3636ZM26.2051 17.49L32.875 13.3813V23.6079L26.2051 17.49ZM5.25 8.18182H30.75C31.3134 8.18257 31.8534 8.41268 32.2518 8.82169C32.6502 9.23069 32.8743 9.78521 32.875 10.3636V10.8369L20.733 18.3164C19.908 18.8266 18.9631 19.0962 18 19.0962C17.0369 19.0962 16.092 18.8266 15.267 18.3164L3.125 10.8369V10.3636C3.12573 9.78521 3.34985 9.23069 3.74821 8.82169C4.14656 8.41268 4.68664 8.18257 5.25 8.18182ZM3.125 13.3813L9.79488 17.49L3.125 23.6079V13.3813ZM30.75 27.8182H5.25C4.81869 27.8169 4.39798 27.6809 4.04385 27.4281C3.68972 27.1753 3.41896 26.8178 3.26761 26.4031L11.7032 18.6655L14.1733 20.1871C15.3287 20.9009 16.6516 21.2781 18 21.2781C19.3484 21.2781 20.6713 20.9009 21.8267 20.1871L24.2968 18.6655L32.7324 26.4031C32.581 26.8178 32.3103 27.1753 31.9562 27.4281C31.602 27.6809 31.1813 27.8169 30.75 27.8182Z"
7512          fill="currentColor"/>
7513    </svg></a>
7514      </li><li class="social-link">
7515        <a
7516          aria-label="Phone number"
7517          href="tel:888-611-9299"
7518          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7519        ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7520      <path
7521          d="M3.4597 8.67394C3.42327 7.99521 2.84352 7.47451 2.16478 7.51094C1.48605 7.54737 0.965371 8.12714 1.0018 8.80586L3.4597 8.67394ZM5.04462 2.38313C4.57652 2.87596 4.59656 3.65495 5.08939 4.12306C5.58222 4.59116 6.3612 4.57113 6.82932 4.0783L5.04462 2.38313ZM14.8024 29.8203C15.3779 30.182 16.1377 30.0087 16.4994 29.4332C16.861 28.8577 16.6876 28.0979 16.1121 27.7363L14.8024 29.8203ZM22.1029 30.2241C21.4377 30.0848 20.7854 30.5113 20.6461 31.1765C20.5067 31.8418 20.9331 32.4941 21.5985 32.6334L22.1029 30.2241ZM22.9752 22.8157L23.7225 22.0288L21.9378 20.3337L21.1905 21.1206L22.9752 22.8157ZM26.1818 21.6975L29.3169 23.5021L30.5448 21.3688L27.4098 19.5643L26.1818 21.6975ZM29.9219 27.2433L27.5909 29.6975L29.3757 31.3927L31.7066 28.9386L29.9219 27.2433ZM11.0202 23.4967C4.6596 16.8001 3.59268 11.1515 3.4597 8.67394L1.0018 8.80586C1.16467 11.8404 2.45312 18.0513 9.23549 25.1918L11.0202 23.4967ZM13.2771 12.6054L13.7478 12.1099L11.963 10.4148L11.4924 10.9103L13.2771 12.6054ZM14.1175 5.94072L12.0482 3.01408L10.0384 4.43511L12.1076 7.36173L14.1175 5.94072ZM12.3847 11.7578C11.4924 10.9103 11.4912 10.9115 11.4901 10.9127C11.4897 10.9131 11.4886 10.9143 11.4878 10.9151C11.4862 10.9168 11.4846 10.9185 11.483 10.9202C11.4798 10.9237 11.4764 10.9273 11.473 10.9311C11.4661 10.9387 11.4588 10.9469 11.4511 10.9557C11.4358 10.9734 11.4189 10.9936 11.4009 11.0163C11.3648 11.0619 11.324 11.1179 11.2812 11.1848C11.1954 11.319 11.1022 11.4957 11.0234 11.7173C10.8631 12.1678 10.7757 12.7645 10.8849 13.5096C11.0994 14.9735 12.0586 16.9422 14.565 19.5809L16.3497 17.8857C14.0069 15.4192 13.4299 13.9002 13.3203 13.1527C13.2675 12.7921 13.3212 12.6021 13.3424 12.5425C13.3543 12.5089 13.3621 12.4996 13.3545 12.5115C13.3508 12.5173 13.3434 12.5282 13.331 12.5439C13.3248 12.5517 13.3173 12.5608 13.3084 12.571C13.3039 12.5762 13.2991 12.5816 13.2939 12.5873C13.2913 12.5902 13.2886 12.5931 13.2858 12.5962C13.2844 12.5977 13.283 12.5992 13.2815 12.6007C13.28
752108 12.6015 13.2797 12.6027 13.2793 12.6031C13.2782 12.6043 13.2771 12.6054 12.3847 11.7578ZM14.565 19.5809C17.0638 22.2118 18.9513 23.2461 20.3912 23.4799C21.13 23.5999 21.7281 23.5041 22.181 23.3255C22.4024 23.2382 22.5776 23.1357 22.7091 23.0425C22.7746 22.9959 22.8292 22.9517 22.8733 22.9132C22.8953 22.8938 22.9149 22.8757 22.9318 22.8593C22.9403 22.8513 22.948 22.8434 22.9552 22.8362C22.9588 22.8326 22.9624 22.829 22.9657 22.8255C22.9674 22.8239 22.969 22.8222 22.9705 22.8206C22.9713 22.8198 22.9725 22.8185 22.9729 22.8181C22.9741 22.8168 22.9752 22.8157 22.0829 21.9681C21.1905 21.1206 21.1917 21.1194 21.1927 21.1183C21.1932 21.1178 21.1941 21.1166 21.195 21.1158C21.1964 21.1143 21.1979 21.1129 21.1992 21.1114C21.2022 21.1084 21.205 21.1055 21.2078 21.1027C21.2132 21.0973 21.2184 21.092 21.2234 21.0873C21.2334 21.0777 21.2422 21.0695 21.2501 21.0626C21.2659 21.0489 21.2775 21.04 21.2851 21.0347C21.3003 21.0238 21.2988 21.0275 21.2778 21.0357C21.2462 21.0482 21.0972 21.1009 20.7857 21.0503C20.1252 20.943 18.6997 20.36 16.3497 17.8857L14.565 19.5809ZM12.0482 3.01408C10.385 0.661635 7.05674 0.264752 5.04462 2.38313L6.82932 4.0783C7.68726 3.17503 9.19765 3.24598 10.0384 4.43511L12.0482 3.01408ZM27.5909 29.6975C27.1329 30.1797 26.654 30.4379 26.1882 30.4839L26.4301 32.9335C27.6559 32.8124 28.648 32.1587 29.3757 31.3927L27.5909 29.6975ZM13.7478 12.1099C15.3354 10.4383 15.4478 7.82235 14.1175 5.94072L12.1076 7.36173C12.8004 8.3415 12.6941 9.64505 11.963 10.4148L13.7478 12.1099ZM29.3169 23.5021C30.664 24.2774 30.9275 26.1847 29.9219 27.2433L31.7066 28.9386C33.8481 26.6841 33.2244 22.9112 30.5448 21.3688L29.3169 23.5021ZM23.7225 22.0288C24.355 21.3629 25.3405 21.2133 26.1818 21.6975L27.4098 19.5643C25.6072 18.5267 23.3717 18.8242 21.9378 20.3337L23.7225 22.0288ZM16.1121 27.7363C14.4979 26.7218 12.7798 25.3492 11.0202 23.4967L9.23549 25.1918C11.1292 27.1856 13.0054 28.691 14.8024 29.8203L16.1121 27.7363ZM26.1882 30.4839C25.2915 30.5725 23.8722 30.5947 22.1029 30.2241L21.5985 32.6334C23.6472 33.0623 25.3212 33.043 26.4301 32.9335L26.1882 30.4839Z"
7522          fill="currentColor"/>
7523    </svg></a>
7524      </li></ul>
7525
7526                      </div></div>
7527                  </div></div><div class="footer-col footer-col-subfooter text-left p-break-words md:col-span-3 lg:col-span-5" >
7528                <style data-shopify>
7529                  .sub-footer {
7530                    padding-top: 10.0px;
7531                    padding-bottom: 10.0px;
7532                  }
7533                  
7534                  @media screen and (min-width: 768px) {
7535                    .sub-footer {
7536                      padding-top: 20px;
7537                      padding-bottom: 20px;
7538                    }
7539                  }
7540                </style>
7541                <div 
7542                  class="sub-footer sub-footer-row text-small pt-5 pb-5 lg:pt-10 lg:pb-10 w-full flex flex-col md:flex gap-y-4 md:justify-between items-center md:border-t"
7543                ><div class="flex flex-row items-center">
7544                      <span class="text-center lg:mt-0 lg:text-left p-break-words"><span>&copy;</span> 
7545                            <span class="inline-block rte"><p>2026, Nacho Lighting Co.</p></span>
7546                          
7547<span class="text-link"></span>
7548                      </span>
7549                    </div>
7550</div></div></div></div>
7551  </footer>
7552</div>
7553<!-- END sections: footer-group -->
7554
7555  <div id="maximize-popup" class="fixed inset-0 z-[60] pointer-events-none md:block flex flex-col-reverse justify-center">
7556  
7557</div><div id="popup-minimal-left" class="fixed z-30 bottom-4 md:bottom-8 left-4 md:left-8 pr-4 md:pr-8 pointer-events-auto text-left"></div>
7558
7559  
7560    <style data-shopify>
7561  .scroll-to-top__button svg {
7562    fill: currentColor;
7563  }
7564  .scroll-to-top__button {
7565    bottom: 40px;
7566  }
7567  @media(min-width: 768px) {
7568    .scroll-to-top__button {
7569      bottom: 40px;
7570    }
7571  }
7572</style>
7573<div
7574  x-data="xScrollTop"
7575  x-init="scrollFunction()"
7576  @scroll.window="scrollFunction()"
7577  class=" md:block"
7578>
7579  <custom-button>
7580    <button 
7581      x-show="show" x-cloak 
7582      @click="scrollTop()" 
7583      class="scroll-to-top__button anm-button-secondary !fixed flex items-center justify-center color-text-[rgba(var(--color-secondary-button-text))] color-bg-[rgba(var(--color-secondary-button-no-alpha),0.6)] z-30 p-3 w-11 h-11 md:w-14 md:h-14 md:p-4 border-0 rounded-full overflow-hidden left-5"
7584      x-transition:enter="transition-all ease-in-out duration-500"
7585      x-transition:enter-start="opacity-0 transform translate-y-1/3"
7586      x-transition:enter-end="opacity-100 translate-y-0"
7587      x-transition:leave="transition-all ease-in-out duration-500"
7588      x-transition:leave-end="opacity-0 transform translate-y-1/3"
7589      aria-label="scroll top"
7590    >
7591      
7592        <span class="inline-block w-5 h-5">
7593          <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
7594         style="fill: none;">
7595      <path
7596          d="M9.98019 5.00014C9.6324 5.00512 9.3003 5.14096 9.05431 5.37884L1.4114 12.7724C1.28299 12.8916 1.18048 13.0344 1.10985 13.1925C1.03922 13.3505 1.0019 13.5206 1.00007 13.6927C0.998244 13.8649 1.03195 14.0357 1.09921 14.1951C1.16647 14.3544 1.26594 14.4993 1.39179 14.621C1.51763 14.7427 1.66732 14.839 1.8321 14.904C1.99687 14.9691 2.17341 15.0017 2.35137 14.9999C2.52933 14.9982 2.70514 14.9621 2.8685 14.8937C3.03185 14.8254 3.17947 14.7262 3.30271 14.602L10 8.12322L16.6973 14.602C16.8205 14.7262 16.9681 14.8254 17.1315 14.8937C17.2949 14.9621 17.4707 14.9982 17.6486 14.9999C17.8266 15.0017 18.0031 14.9691 18.1679 14.904C18.3327 14.839 18.4824 14.7427 18.6082 14.621C18.7341 14.4993 18.8335 14.3544 18.9008 14.1951C18.9681 14.0357 19.0018 13.8649 18.9999 13.6927C18.9981 13.5206 18.9608 13.3505 18.8902 13.1925C18.8195 13.0344 18.717 12.8916 18.5886 12.7724L10.9457 5.37884C10.8191 5.25646 10.6685 5.15988 10.5027 5.09483C10.3368 5.02978 10.1591 4.99759 9.98019 5.00014ZM9.99997 11.2972C9.49321 11.2972 9.00721 11.492 8.64888 11.8386C8.29055 12.1853 8.08924 12.6554 8.08924 13.1456C8.08924 13.6359 8.29055 14.106 8.64888 14.4527C9.00721 14.7993 9.49321 14.994 9.99997 14.994C10.5067 14.994 10.9927 14.7993 11.3511 14.4527C11.7094 14.106 11.9107 13.6359 11.9107 13.1456C11.9107 12.6554 11.7094 12.1853 11.3511 11.8386C10.9927 11.492 10.5067 11.2972 9.99997 11.2972Z"
7597          fill="currentColor"/>
7598    </svg>
7599  
7600        </span>
7601      
7602    </button>
7603  </custom-button>
7604</div>
7605
7606<script>
7607  requestAnimationFrame(() => {
7608    document.addEventListener('alpine:init', () => {
7609      Alpine.data('xScrollTop', () => ({
7610        show: false,
7611        scrollTop() {
7612          window.scrollTo({top: 0, behavior: 'smooth'});
7613        },
7614        scrollFunction() {
7615          const position = window.innerWidth < 1025 ? 300 : 900;
7616          this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
7617            ? true : false;
7618        }
7619      }));
7620    });
7621  });
7622</script>
7622
7623  
7624
7625  
7626
7627  <ul hidden>
7628    <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
7629    </li>
7630    <li id="a11y-new-window-message">Opens in a new window.
7631    </li>
7632  </ul>
7632<script>
7633    window.Maximize = {
7634      sliderScript: '//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223',
7635      loadedScript: [],
7636      loginToViewPrice: {
7637        mode: 'none',
7638        customerCanView: true,
7639        loginUrl: 'https://nacholightingco.com/customer_authentication/redirect?locale=en&region_country=US',
7640      },
7641      cart_add_url: '/cart/add',
7642      variantStrings: {
7643        addToCart: `Add to cart`,
7644        soldOut: `Sold out`,
7645        unavailable: `Unavailable`,
7646      },
7647      cartTranslations: {
7648        removeDiscountSuccess: `[code] has been removed.`,
7649        removeDiscountFailure: `An error occurred, please refresh the page and try again.`,
7650      },
7651      routes: {
7652        addToCart: '/cart/add',
7653        cartChange: '/cart/change',
7654        cartUpdate: '/cart/update',
7655        cart: '/cart',
7656        search_url: '/search',
7657        predictiveSearch: '/search/suggest',
7658        productRecommendations: '/recommendations/products'
7659      },
7660      isCartPage: false,
7661      isEnableCartDrawer: true,
7662      cartProperties: {
7663        additionalFee: '_item_id'
7664      },
7665      isProductPage: false,
7666      rtl: false,
7667      isDesignMode:false,
7668      hasMousePointer: window.matchMedia('(hover: hover)').matches,
7669      giftWrappingVariantId: false,
7670      isShowPopupOverlay: false,
7671      checkFileNotLoaded: function () {
7672        const fileName = document.currentScript.src.split('/').pop().split('?')[0];
7673        if (!window.Maximize.loadedScript.includes(fileName)) {
7674          window.Maximize.loadedScript.push(fileName)
7675          return true;
7676        } else {
7677          return false;
7678        }
7679      },
7680      buttonHoverAnm: 'thicken'
7681    };
7682
7683    // Shared JSON parser used across multiple defer scripts (theme.js, cart-drawer.js, etc.).
7684    // Defined here in an inline script so it is synchronously available before any defer script runs.
7685    window.xParseJSON = function(jsonString) {
7686      jsonString = String.raw`${jsonString}`;
7687      jsonString = jsonString.replaceAll("\\", "\\\\").replaceAll('\\"', '"');
7688      return JSON.parse(jsonString);
7689    };
7690  </script>
7690<script src="//nacholightingco.com/cdn/shop/t/30/assets/theme.js?v=2882019224224079701789788223" defer></script>
7690
7691  
7691<script src="//nacholightingco.com/cdn/shop/t/30/assets/custom-elements.js?v=29540144308327494911789788223" defer></script>
7691
7692  
7692<script src="//nacholightingco.com/cdn/shop/t/30/assets/new-cart-helper.js?v=126254080501321393201789788223" defer></script>
7692
7693  
7694  
7694<script src="//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223" defer></script>
7694
7695  
7695<script src="//nacholightingco.com/cdn/shop/t/30/assets/header.js?v=131688355276325604361789788223" defer></script>
7695
7696  
7696<script src="//nacholightingco.com/cdn/shop/t/30/assets/animation-card.js?v=21159888398740685721789788223" defer></script>
7696
7697  
7697<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-form.js?v=46098878869241455481789788223" defer></script>
7697
7698  
7698<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-card.js?v=171635390480007693341789788223" defer></script>
7698
7699  
7699<script src="//nacholightingco.com/cdn/shop/t/30/assets/vendors.js?v=21726020999429958561789788223" defer></script>
7699
7700  
7700<script>
7701    window.addEventListener("load", (event) => {
7702      deferScriptLoad('instant.page', '//nacholightingco.com/cdn/shop/t/30/assets/instant.page.v5.1.1.js?v=43232110432331176871789788223', () => {
7703      }, true);
7704    });
7705  </script>
7705
7706</div>
7707<style> .powrMark__text {display: none !important;} @media (max-width: 767px) {html:root {--h5-font-size: 20px; --h6-font-size: 18px; --h7-font-size: 16px; --body-font-size-x-small: 12px; --body-font-size-xx-small: 12px; } html:root .block-title-size {--heading-font-size-small: 18px; } input, select, textarea {font-size: 16px !important; }} html:not(.dark) #fulfilled-reviews-all,html:not(.dark) #fulfilled-reviews-all [class*="kl_reviews"]:not(.kl_reviews__button):not([class*="star"]),html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters * {color: #080808 !important;} html:not(.dark) #fulfilled-reviews-all :is( .kl_reviews__review__timestamp, .kl_reviews__review__variant, .kl_reviews__histogram__rating, .kl_reviews__histogram__value, .kl_reviews__summary__average_denominator, .kl_reviews__summary__stars__count ) {color: #555 !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters :is(select, input, button) {background: rgba(0, 0, 0, 0.06) !important; border-color: rgba(0, 0, 0, 0.2) !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters svg path {fill: #555 !important;} </style>
7708<div id="shopify-block-AYWxDRlM0T0U5UE1we__11576833278641654045" class="shopify-block shopify-app-block">
7709
7710
7711
7712
7713
7714
7715
7716
7717
7718
7719
7720
7721
7722
7723
7724
7725
7726
7727  
7728    
7729  
7730    
7731  
7732    
7733  
7734    
7735  
7736    
7737  
7738    
7739  
7740    
7741  
7742    
7743  
7744
7745
7746
7747
7748
7749
7750</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block">
7751
7752
7753  
7753<script>
7754    window.lbupsellVersion = 2;
7755  </script>
7755
7756
7757
7758
7759<script>
7760
7761  
7762    window.lbupsellToken = "4f8012d7ffd553392a1a5115c0784382"
7763  
7764  
7765</script>
7765
7766
7767<script>
7768
7769  window.lbInitMode = "immediate";
7770  
7771  window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-upsell-components.esm.js";</script>
7771
7772
7773<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-utils.js" defer="defer"></script>
7773
7774
7775</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
7775<script>
7776  (function () {
7777    const cartAttributes = {};
7778
7779    // Helper function to retrieve the UTM from Url
7780    function getUTMFromUrl() {
7781      const url_string = window.location.href;
7782      const url = new URL(url_string);
7783
7784      const utm_id = url.searchParams.get("utm_id");
7785      const utm_source = url.searchParams.get("utm_source");
7786      const utm_medium = url.searchParams.get("utm_medium");
7787      const utm_campaign = url.searchParams.get("utm_campaign");
7788      const utm_term = url.searchParams.get("utm_term");
7789      const ref = url.searchParams.get("ref");
7790
7791      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
7792        return null;
7793      }
7794
7795      let utmParameters = {};
7796      
7797        if (utm_id) {
7798          utmParameters.utm_id = utm_id;
7799        }
7800        if (utm_source) {
7801          utmParameters.utm_source = utm_source;
7802        }
7803        if (utm_medium) {
7804          utmParameters.utm_medium = utm_medium;
7805        }
7806        if (utm_campaign) {
7807          utmParameters.utm_campaign = utm_campaign;
7808        }
7809        if (utm_term) {
7810          utmParameters.utm_term = utm_term;
7811        }
7812        if (ref) {
7813          utmParameters.ref = ref;
7814        }
7815      
7816
7817      return Object.keys(utmParameters).length === 0
7818        ? null
7819        : utmParameters;
7820    }
7821
7822    // Helper function to retrieve the UTM from Cookie
7823    function getUTMAttributes() {
7824      const urlUtmParams = getUTMFromUrl();
7825
7826      if (urlUtmParams) {
7827          return urlUtmParams;
7828      }
7829
7830      // No longer reading from deprecated Shopify cookies
7831      return undefined;
7832    }
7833
7834    function saveUtmParameters() {
7835      const utmParams = getUTMAttributes();
7836      if (utmParams) {
7837        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
7838        if (cartHasUtmAttributes) {
7839          // Don't call API if it already contains our UTM parameters
7840          return;
7841        }
7842
7843        // Handle both Shopify.routes.root and routes.root_url for better compatibility
7844        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
7845          || (window.routes && window.routes.root_url) 
7846          || '/';
7847        
7848        var updateCart = fetch(rootUrl + 'cart/update.js',
7849        {
7850          headers: {
7851            'Content-Type': 'application/json',
7852          },
7853          method: "POST",
7854          body: JSON.stringify({
7855            attributes: {
7856              ...utmParams
7857            },
7858          })
7859        })
7860        .then(response => response.json())
7861        .then(data => {
7862          return data
7863        });
7864      }
7865    }
7866
7867    saveUtmParameters();
7868  })();
7869</script>
7869
7870
7871
7872
7873
7874</div><div id="shopify-block-AamljVU9tMHJLSENyT__12016176150940211849" class="shopify-block shopify-app-block">
7874<script>
7875  document.addEventListener('DOMContentLoaded', function () {
7876    const script = document.createElement('script');
7877    script.src = "https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-vendors.min.js";
7878    script.defer = true;
7879    document.body.appendChild(script);
7880  });
7881</script>
7881
7882<div style="display:none !important;" id="otsb_trademark_t"><div class="otsb_trademark_root" >Powered by <a href="https://apps.shopify.com/ot-section-builder?utm_source=trademark&utm_medium=referral&utm_campaign=otsb" target="_blank" rel="nofollow">Omni Themes</a></div></div>
7883<div class="otsb__root">
7884  <div id="otsb-popup-minimal-left"></div>
7885  <div id="otsb-popup-minimal-right"></div>
7886</div>
7887
7888</div><div id="shopify-block-AQ3pDcHdQK1g2bEpSQ__1115855741281207229" class="shopify-block shopify-app-block">
7889
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899
7900
7901  
7902    
7903  
7904
7905
7906
7907
7908  
7909
7910
7911
7912
7913  
7914    
7915  
7916    
7917  
7918    
7919  
7920    
7921  
7922    
7923  
7924    
7925  
7926    
7927  
7928    
7929  
7930
7931
7932
7933
7934
7935
7936</div>
7936<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7936
7937<shopify-chat></shopify-chat>
7938</body>
7939</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.