PageSourceSearch

https://nacholightingco.com/search

html nacholightingco.com collected 2026-10-10 02:37:46 UTC 446,685 bytes, 8,081 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/search">
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    Search
23 &ndash; NACHO Lighting Co.</title>
24    <meta name="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.">
25  
26
27  
28  
29  <meta property="og:site_name" content="NACHO Lighting Co.">
30  <meta property="og:url" content="https://nacholightingco.com/search">
31  <meta property="og:title" content="Search">
32  <meta property="og:type" content="website">
33  <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">
34    <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">
35    <meta property="og:image:width" content="2000">
36    <meta property="og:image:height" content="840"><meta name="twitter:card" content="summary_large_image">
37  <meta name="twitter:title" content="Search">
38  <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.">
39  <style data-shopify>@font-face {
40  font-family: Inter;
41  font-weight: 600;
42  font-style: normal;
43  font-display: swap;
44  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"),
45       url("//nacholightingco.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff");
46}
47
48  @font-face {
49  font-family: "DM Sans";
50  font-weight: 400;
51  font-style: normal;
52  font-display: swap;
53  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
54       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
55}
56
57  @font-face {
58  font-family: Inter;
59  font-weight: 500;
60  font-style: normal;
61  font-display: swap;
62  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
63       url("//nacholightingco.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
64}
65
66  @font-face {
67  font-family: "DM Sans";
68  font-weight: 500;
69  font-style: normal;
70  font-display: swap;
71  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"),
72       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff");
73}
74
75
76  @font-face {
77  font-family: "DM Sans";
78  font-weight: 700;
79  font-style: normal;
80  font-display: swap;
81  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
82       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
83}
84
85  @font-face {
86  font-family: "DM Sans";
87  font-weight: 400;
88  font-style: italic;
89  font-display: swap;
90  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
91       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
92}
93
94  @font-face {
95  font-family: "DM Sans";
96  font-weight: 700;
97  font-style: italic;
98  font-display: swap;
99  src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
100       url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
101}
102
103  @font-face {
104  font-family: Inter;
105  font-weight: 400;
106  font-style: normal;
107  font-display: swap;
108  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
109       url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
110}
111
112  @font-face {
113  font-family: Inter;
114  font-weight: 400;
115  font-style: normal;
116  font-display: swap;
117  src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
118       url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
119}
120
121</style><style data-shopify>
122  @font-face {
123    font-family: 'Apotek Comp';
124    src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-apotek-comp-medium.otf?v=178408361545140295061789788223') format('opentype');
125    font-weight: 500;
126    font-style: normal;
127    font-display: swap;
128  }
129
130  @font-face {
131    font-family: 'Code Saver';
132    src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-codesaver-regular.otf?v=180845333470788268811789788223') format('opentype');
133    font-weight: 400;
134    font-style: normal;
135    font-display: swap;
136  }
137</style>
138<link href="//nacholightingco.com/cdn/shop/t/30/assets/theme.css?v=47267817206
138798060151789788223" rel="stylesheet" type="text/css" media="all" /><style data-shopify>
139  /* Font size */
140  :root {
141    --heading-font-family: 'Apotek Comp', sans-serif;
142    --heading-font-style: 'normal';
143    --heading-font-weight: '500';
144    --heading-base-size: 2rem;
145    --heading-font-scale: 1.2;
146    --heading-text-transform: uppercase;
147    --subheading-base-size: 14px;
148
149    --rating-star-size: 1.134rem;
150  
151    --menu-font-family: 'Apotek Comp', sans-serif;
152    --menu-font-style: 'normal';
153    --menu-font-weight: '500';
154    --menu-letter-spacing: 0px;
155    
156    --body-font-scale: 1.2;
157    --body-base-size: 0.875rem;
158    --body-font-family: 'Code Saver', sans-serif;
159    --body-font-style: 'normal';
160    --body-font-weight: '400';
161    --button-font: 'Code Saver', sans-serif;
162    --button-font-style: 'normal';
163    --button-font-weight: '400';
164    --button-font-size: 0.864rem;
165    --shopify-accelerated-checkout-button-border-radius: 0;
166    --button-border-radius: 0;
167
168    --mobile-padding-ratio: 0.5;
169    --page-width: 1600px;
170
171    --rounded-corners: 10px;
172    --rounded-corners-large: 0;
173    --rounded-corners-small: 6px;
174
175    --padding-content-page-width: 16px;
176    --padding-content-full-width: 16px;
177    --padding-content-full-width-padded: 16px;
178    --full-width-padded: 16px;
179
180    --total-padding-page-width: 64px;
181    --total-padding-full-width: 64px;
182    --total-padding-full-width-padded: 128px;
183
184    --text-animation-duration: 700ms;
185    --drawer-transition-duration: 500ms;
186    --card-animation-duration: 400ms;
187    --reveal-transition-duration: 500ms;
188    --header-menu-transition-duration: 300ms;
189    --header-menu-transition-delay: 150ms;
190    --menu-promotion-duration: 1000ms;
191    --menu-item-delay-transition: 450ms;
192    --menu-icon-transition: 300ms;
193    --menu-rect-hover-transition: 350ms;
194    --menu-link-animation: 1s;
195    --transition-slideshow-content: 500ms;
196    --button-animation-duration: 500ms;
197    --popup-animation-duration: 500ms;
198    --choose-option-animation-duration: 300ms;
199    --dropdown-animation-duration: 150ms;
200    --text-link-and-title-link-animation-duration: 400ms;
201    --button-text-link-animation-duration: 400ms;
202    
203    --fade-element-translate-y: 20px;
204    --flow-card-duration: 500ms;
205    --announcement-height: 0px;
206    --top-header: 0px;
207    --segmented-banner-animation-duration-mobile: 1000ms;
208    --segmented-banner-animation-duration-desktop: 1600ms;
209    --product-info-media-width: 100%;
210    --line-height-heading: 1.4;
211    --line-height-body: 1.6;
212    --line-height-button: 1.4;
213    --border-radius-popup: 0;
214    --border-radius-drawer: 0;
215    --border-radius-countdown-timer: 0;
216    --progress-bar-active-width: 20%;
217    --border-radius-checkbox: 0;
218    --padding-bottom-product-template-block: 16px;
219    --spacing-between-heading-and-content: 16px;
220    --pad-top-m: 0px;
221    --pad-right-m: 0px;
222    --pad-left-m: 0px;
223    --pad-bottom-m: 0px;
224    --pad-top: 0px;
225    --pad-right: 0px;
226    --pad-left: 0px;
227    --pad-bottom: 0px;
228    --block-width: 1.0;
229    --image-hover-scale: 1.2;
230    --image-transition-duration: 500ms;
231    --tab-animation-duration: 300ms;
232    --tab-animation-scale: 0.97;
233    --tab-animation-offset: 4px;
234  }
235
236  :root, #x-header-container header {
237    --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75 * 0.55);
238    --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65);
239    --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75 * 0.75);
240    --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65 * 0.75
240);
241    --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.75);
242    --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.8);
243    --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8);
244    --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 0.7);
245    --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85);
246    --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 1.2);
247    --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 2.5);
248
249    --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9 * 0.9);
250    --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9);
251    --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2 * 0.9);
252
253    --body-font-size: calc(var(--body-base-size) * var(--body-font-scale) * 0.9);
254    --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9 * 0.9);
255    --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8 * 0.9);
256    --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7 * 0.9);
257    --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2 * 0.9);
258    --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5 * 0.9);
259  }
260  :root #x-header-container header,
261  :root #x-header-container header *:before {
262    --body-font-scale: 2.0;
263    --heading-font-scale: 2.0;
264  }
265  .block-title-size {
266    --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.85);
267    --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.85);
268    --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8 * 0.85);
269  }
270  @media (min-width: 768px){
271    :root, #x-header-container header {
272      --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75);
273      --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale));
274      --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75);
275      --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65);
276      --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55);
277      --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45);
278      --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4);
279      --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.7);
280      --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale));
281      --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.2);
282      --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 2.5);
283
284      --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9);
285      --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale));
286      --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2);
287
288      --body-font-size: calc(var(--body-base-size) * var(--body-font-scale));
289      --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9);
290      --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8);
291      --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7);
292      --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2);
293      --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5);
294
295      --product-info-media-width: 50%;
296    }
297
298    :root {
299      --button-font-size: 1.08rem;
300      --padding-content-page-width: 32px;
301      --padding-content-full-width: 32px;
302      --padding-content-full-width-padded: 32px;
303      --full-width-padded: 32px;
304      --border-radius-popup: 0;
305      --border-radius-drawer: 0;
306      --padding-bottom-product-template-block: 20px;
307      --spacing-between-heading-and-content: 26px;
308      --page-width 1600px;
309      --max-width-block-text: 950px;
310      --max-width-page-content: 950px;
311    }
312
313    .block-title-size {
314      --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45);
315      --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55);
316      --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8);
317    }
318  }
319  /* Colors */
320  :root,
321  *:before, .color-scheme-theme {
322    --color-background: 255 255 255 / 1.0;
323    --color-background-no-alpha: 255 255 255;
324    
325      --gradient-background: #ffffff;
326      --gradient-background-no-alpha: rgb(255 255 255);
327    
328    --color-highlight: 255 90 0 / 1.0;
329    --color-highlight-no-alpha: 255 90 0;
330    --color-link: 255 90 0 / 1.0;
331    --color-link-no-alpha: 255 90 0;
332    --color-heading: 0 0 0 / 1.0;
333    --color-heading-no-alpha: 0 0 0;
334    --color-text: 0 0 0 / 1.0;
335    --color-text-no-alpha: 0 0 0;
336    --color-line-and-border: 197 197 197 / 1.0;
337    --color-line-and-border-no-alpha: 197 197 197;
338    --color-vendor: 0 0 0 / 0.4;
339    --color-vendor-no-alpha: 0 0 0;
340    
341    --color-button: 255 90 0 / 1.0;
342    --color-button-no-alpha: 255 90 0;
343    --color-button-text: 0 0 0 / 1.0;
344    --color-button-text-no-alpha: 0 0 0;
345    --color-button-hover: 0 0 0 / 1.0;
346    --color-button-hover-no-alpha: 0 0 0;
347    --color-button-text-hover: 255 90 0 / 1.0;
348    --color-button-text-hover-no-alpha: 255 90 0;
349    --color-secondary-button: 0 0 0 / 1.0;
350    --color-secondary-button-no-alpha: 0 0 0;
351    --color-secondary-button-text: 255 255 255 / 1.0;
352    --color-secondary-button-text-no-alpha: 255 255 255;
353    --color-secondary-button-hover: 0 0 0 / 1.0;
354    --color-secondary-button-hover-no-alpha: 0 0 0;
355    --color-secondary-button-text-hover: 255 90 0 / 1.0;
356    --color-secondary-button-text-hover-no-alpha: 255 90 0;
357    --color-button-link: 255 255 255 / 1.0;
358    --color-button-link-no-alpha: 255 255 255;
359    --color-button-link-label-hover: 255 90 0 / 1.0;
360    --color-button-link-label-hover-no-alpha: 255 90 0;
361    --button-padding-y-mobile: 10px;
362    --button-padding-x-mobile: 26px;
363    --button-padding-y-desktop: 12px;
364    --button-padding-x-desktop: 33px;
365    --input-border-radius: 0.25rem;
366
367    --error-background-color:    / ;
368    --error-background-color-no-alpha:   ;
369    --error-message-color: 255 0 0 / 1.0;
370    --error-message-color-no-alpha: 255 0 0;
371    --success-background-color:    / ;
372    --success-background-color-no-alpha:   ;
373    --success-message-color: 19 162 117 / 1.0;
374    --success-message-color-no-alpha: 19 162 117;
375    --color-price: 0 0 0 / 1.0;
376    --color-price-no-alpha: 0 0 0;
377    --color-sale-price: 255 90 0 / 1.0;
378    --color-sale-price-no-alpha: 255 90 0;
379    --rating-color: 255 90 0 / 1.0;
380    --rating-color-no-alpha: 255 90 0;
381    --color-in-stock: 255 90 0 / 1.0;
382    --color-in-stock-no-alpha: 255 90 0;
383    --color-low-stock: 228 105 105 / 1.0;
384    --color-low-stock-no-alpha: 228 105 105;
385    --color-out-of-stock: 197 197 197 / 1.0;
386    --color-out-of-stock-no-alpha: 197 197 197;
387    --color-out-of-stock-continue-selling: 19 120 41 / 1.0;
388    --color-pre-order: 19 120 41 / 1.0;
389
390    --color-overlay: 16 15 15 / 0.5;
391    --color-overlay-no-alpha: 16 15 15;
392    --color-border-footer: 0 0 0 / 1.0;
393    --color-border-footer-no-alpha: 0 0 0;
394    --color-pulse-speech: 0 81 186 / 1.0;
395    --color-pulse-speech-no-alpha: 0 81 186;--color-breadcrumb-text: 255 255 255 / 1.0;
396      --color-breadcrumb-text-no-alpha: 255 255 255;--color-breadcrumb-text-link: 255 255 255 / 1.0;
397      --color-breadcrumb-text-link-no-alpha: 255 255 255;
398    --product-card-padding: 0px;
399    --product-card-padding-mobile: 0px;
400    --swatch-option-ratio: 1 / 1;
401    --swatch-option-border-radius: 0px;
402    --swatch-option-width: 34px;
403    --swatch-option-height: 34px;
404    --border-radius-flash-message: 0;
405    --border-radius-select-element: 0;
406
407    --color-skeleton: 240 241 243 / 1;
408    --color-skeleton-no-alpha: 240 241 243;
409    --color-background-placeholder-image: 225 230 231 / 1;
410    --color-background-placeholder-image-no-alpha: 229 234 235;
411    --color-icon-placeholder-image: 184 191 198 / 1;
412    --color-icon-placeholder-image-no-alpha: 184 191 198;
413    
414      --color-background-popup: 0 0 0 / 0;
415      --color-background-popup-no-alpha: 0 0 0;
416    
417    --color-scrollbar: 0 0 0 / 1.0;
418    --color-scrollbar-no-alpha: 0 0 0;
419    
420      --element-background: rgba(255 255 255 / 1.0);
421    
422  }
423
424  .maximize-theme:not(.dark) .section-header,
425  .maximize-theme:not(.dark) .section-header *:before {
426    
427      --gradient-background: #ffffff;
428      --gradient-background-no-alpha: rgb(255 255 255);
429    
430    
431      --color-highlight: 255 90 0 / 1.0;
432      --color-highlight-no-alpha: 255 90 0;
433      --color-link: 255 90 0 / 1.0;
434      --color-link-no-alpha: 255 90 0;
435    
436    
437      --color-text-header: 0 0 0 / 1.0;
438      --color-text-header-no-alpha: 0 0 0;
439      --color-text: var(--color-text-header);
440      --color-text-no-alpha: var(--color-text-header-no-alpha);
441    
442    
443      --color-cart: 255 90 0 / 1.0;
444      --color-cart-no-alpha: 255 90 0;
445    
446    
447      --color-cart-text: 255 255 255 / 1.0;
448      --color-cart-text-no-alpha: 255 255 255;
449    
450    
451      --color-border-header: 255 90 0 / 1.0;
452      --color-border-header-no-alpha: 255 90 0;
453    
454    
455      --color-background: 255 255 255 / 1.0;
456      --color-background-no-alpha: 255 255 255;
457    
458    --color-background-header: var(--color-background);
459    --color-icon-header: 0 0 0 / 1.0;
460    --color-icon-header-no-alpha: 0 0 0;
461    --color-line-and-border: var(--color-border-header);
462    --color-line-and-border-no-alpha: var(--color-border-header-no-alpha);
463  }
464
465  #x-footer,
466  #x-footer *:before {
467    --test-color-bg: #ffffff;
468    --test-color-gradient: ;
469    --color-background: 255 255 255 / 1.0;
470    --color-background-no-alpha: 255 255 255;
471    
472      --gradient-background: #ffffff;
473      --gradient-background-no-alpha: rgb(255 255 255);
474    
475
476    --color-highlight: 255 90 0 / 1.0;
477    --color-highlight-no-alpha: 255 90 0;
478    --color-link: 255 90 0 / 1.0;
479    --color-link-no-alpha: 255 90 0;
480    --color-text: 0 0 0 / 1.0;
481    --color-text-no-alpha: 0 0 0;
482    --color-icon-footer: 0 0 0 / 1.0;
483    --color-icon-footer-no-alpha: 0 0 0;
484    --color-line-and-border: 0 0 0 / 1.0;
485    --color-line-and-border-no-alpha: 0 0 0;
486  }
487
488  .maximize-theme:not(.dark) .product-card__wrapper, .maximize-theme:not(.dark) .product-card__wrapper *:before {
489    
490    
491    
492    /*  */
493    
494    
495    
496  }
497  
498
499  /* Dark Mode */
500  .dark,
501  .dark *:before, .dark .color-scheme-theme {
502    --color-background: 0 0 0 / 1.0;
503    --color-background-no-alpha: 0 0 0;
504    
505      --gradient-background: #000000;
506      --gradient-background-no-alpha: rgb(0 0 0);
507    
508
509    --color-highlight: 255 90 0 / 1.0;
510    --color-highlight-no-alpha: 255 90 0;
511    --color-link: 255 90 0 / 1.0;
512    --color-link-no-alpha: 255 90 0;
513    --color-heading: 255 255 255 / 1.0;
514    --color-heading-no-alpha: 255 255 255;
515    --color-text: 241 242 242 / 1.0;
516    --color-text-no-alpha: 241 242 242;
517    --color-line-and-border: 33 32 32 / 1.0;
518    --color-line-and-border-no-alpha: 33 32 32;
519    --color-vendor: 255 255 255 / 0.4;
520    --color-vendor-no-alpha: 255 255 255;
521    
522    --color-button: 255 90 0 / 1.0;
523    --color-button-no-alpha: 255 90 0;
524    --color-button-text: 0 0 0 / 1.0;
525    --color-button-text-no-alpha: 0 0 0;
526    --color-button-hover: 255 255 255 / 1.0;
527    --color-button-hover-no-alpha: 255 255 255;
528    --color-button-text-hover: 0 0 0 / 1.0;
529    --color-button-text-hover-no-alpha: 0 0 0;
530    --color-secondary-button: 255 255 255 / 1.0;
531    --color-secondary-button-no-alpha: 255 255 255;
532    --color-secondary-button-text: 0 0 0 / 1.0;
533    --color-secondary-button-text-no-alpha: 0 0 0;
534    --color-secondary-button-hover: 255 90 0 / 1.0;
535    --color-secondary-button-hover-no-alpha: 255 90 0;
536    --color-secondary-button-text-hover: 0 0 0 / 1.0;
537    --color-secondary-button-text-hover-no-alpha: 0 0 0;
538    --color-button-link: 255 255 255 / 1.0;
539    --color-button-link-no-alpha: 255 255 255;
540    --color-button-link-label-hover: 255 90 0 / 1.0;
541    --color-button-link-label-hover-no-alpha: 255 90 0;
542
543    --error-background-color:    / ;
544    --error-background-color-no-alpha:   ;
545    --error-message-color: 243 97 97 / 1.0;
546    --error-message-color-no-alpha: 243 97 97;
547    --success-background-color:    / ;
548    --success-background-color-no-alpha:   ;
549    --success-message-color: 19 162 117 / 1.0;
550    --success-message-color-no-alpha: 19 162 117;
551    --color-price: 255 255 255 / 1.0;
552    --color-price-no-alpha: 255 255 255;
553    --color-sale-price: 243 97 97 / 1.0;
554    --color-sale-price-no-alpha: 243 97 97;
555    --rating-color: 255 90 0 / 1.0;
556    --rating-color-no-alpha: 255 90 0;
557    --color-in-stock: 255 90 0 / 1.0;
558    --color-in-stock-no-alpha: 255 90 0;
559    --color-low-stock: 255 81 81 / 1.0;
560    --color-low-stock-no-alpha: 255 81 81;
561    --color-out-of-stock: 174 180 187 / 1.0;
562    --color-out-of-stock-no-alpha: 174 180 187;
563    --color-out-of-stock-continue-selling: 16 162 48 / 1.0;
564    --color-pre-order: 16 162 48 / 1.0;
565
566    --color-overlay: 107 108 109 / 0.6;
567    --color-overlay-no-alpha: 107 108 109;
568    --color-border-header: 255 90 0 / 1.0;
569    --color-border-header-no-alpha: 255 90 0;
570    --color-border-footer: 41 45 54 / 1.0;
571    --color-border-footer-no-alpha: 41 45 54;
572    --color-pulse-speech: 0 81 186 / 1.0;
573    --color-pulse-speech-no-alpha: 0 81 186;
574    
575    
576      --product-card-bg: 0 0 0 / 0;
577      --product-card-bg-no-alpha: 0 0 0;
578    
579--color-breadcrumb-background: 0 0 0 / 1.0;
580      --color-breadcrumb-background-no-alpha: 0 0 0;--color-breadcrumb-text: 241 242 242 / 1.0;
581      --color-breadcrumb-text-no-alpha: 241 242 242;--color-breadcrumb-text-link: 255 90 0 / 1.0;
582      --color-breadcrumb-text-link-no-alpha: 255 90 0;
583      --color-background-popup: 0 0 0 / 0;
584      --color-background-popup-no-alpha: 0 0 0;
585    
586    --color-scrollbar: 241 242 242 / 1.0;
587    --color-scrollbar-no-alpha: 241 242 242;
588    
589      --element-background: rgba(0 0 0 / 1.0);
590    
591  }
592
593  .dark .section-header,
594  .dark .section-header *:before {
595    
596      --gradient-background: #000000;
597      --gradient-background-no-alpha: rgb(0 0 0);
598    
599    
600      --color-highlight: 255 90 0 / 1.0;
601      --color-highlight-no-alpha: 255 90 0;
602      --color-link: 255 90 0 / 1.0;
603      --color-link-no-alpha: 255 90 0;
604    
605    
606      --color-text-header: 255 255 255 / 1.0;
607      --color-text-header-no-alpha: 255 255 255;
608      --color-text: var(--color-text-header);
609      --color-text-no-alpha: var(--color-text-header-no-alpha);
610    
611    
612      --color-cart: 255 90 0 / 1.0;
613      --color-cart-no-alpha: 255 90 0;
614    
615    
616      --color-cart-text: 255 255 255 / 1.0;
617      --color-cart-text-no-alpha: 255 255 255;
618    
619    
620      --color-border-header: 255 90 0 / 1.0;
621      --color-border-header-no-alpha: 255 90 0;
622    
623    
624      --color-background: 0 0 0 / 1.0;
625      --color-background-no-alpha: 0 0 0;
626    
627    --color-background-header: var(--color-background);
628    --color-icon-header: 255 255 255 / 1.0;
629    --color-icon-header-no-alpha: 255 255 255;
630    --color-line-and-border: var(--color-border-header);
631    --color-line-and-border-no-alpha: var(--color-border-header-no-alpha);
632  }
633
634  .dark #x-footer,
635  .dark #x-footer *:before {
636    --color-background: 0 0 0 / 1.0;
637    --color-background-no-alpha: 0 0 0;
638    
639      --gradient-background: #000000;
640      --gradient-background-no-alpha: rgb(0 0 0);
641    
642
643    --color-highlight: 255 90 0 / 1.0;
644    --color-highlight-no-alpha: 255 90 0;
645    --color-link: 255 90 0 / 1.0;
646    --color-link-no-alpha: 255 90 0;
647    --color-text: 255 255 255 / 1.0;
648    --color-text-no-alpha: 255 255 255;
649    --color-icon-footer: 204 207 210 / 1.0;
650    --color-icon-footer-no-alpha: 204 207 210;
651    --color-line-and-border: 41 45 54 / 1.0;
652    --color-line-and-border-no-alpha: 41 45 54;
653  }
654
655  .dark .product-card__wrapper, .dark .product-card__wrapper *:before {
656    
657    
658    
659    
660    
661    
662  }
663  
664  /* Schemes */
665  
666    .color-scheme-1, .color-scheme-1 *:before, .color-scheme-1 *:after,
667    .dark .dark-color-scheme-1, .dark .dark-color-scheme-1 *:before, .dark .dark-color-scheme-1 *:after,
668    .color-scheme-block.color-scheme-1 *:before, .color-scheme-block.color-scheme-1 *:after, 
669    .dark .color-scheme-block.dark-color-scheme-1 *:before, .dark .color-scheme-block.dark-color-scheme-1 *:after {
670      --color-background: 0 0 0 / 1.0;  
671      --color-background-no-alpha: 0 0 0;
672      
673        --gradient-background: #000000;
674        --gradient-background-no-alpha: rgb(0 0 0);
675      
676      --color-highlight: 255 90 0 / 1.0;
677      --color-highlight-no-alpha: 255 90 0;
678      --color-heading: 255 255 255 / 1.0;
679      --color-heading-no-alpha: 255 255 255;
680      --color-link: 255 90 0 / 1.0;
681      --color-link-no-alpha: 255 90 0;
682      --color-text: 241 242 242 / 1.0;
683      --color-text-no-alpha: 241 242 242;
684      --color-line-and-border: 33 32 32 / 1.0;
685      --color-line-and-border-no-alpha: 33 32 32;
686      
687      --color-button: 255 90 0 / 1.0;
688      --color-button-no-alpha: 255 90 0;
689      --color-button-text: 0 0 0 / 1.0;
690      --color-button-text-no-alpha: 0 0 0;
691      --color-button-hover: 255 255 255 / 1.0;
692      --color-button-hover-no-alpha: 255 255 255;
693      --color-button-text-hover: 0 0 0 / 1.0;
694      --color-button-text-hover-no-alpha: 0 0 0;
695      --color-secondary-button: 255 255 255 / 1.0;
696      --color-secondary-button-no-alpha: 255 255 255;
697      --color-secondary-button-text: 0 0 0 / 1.0;
698      --color-secondary-button-text-no-alpha: 0 0 0;
699      --color-secondary-button-hover: 255 90 0 / 1.0;
700      --color-secondary-button-hover-no-alpha: 255 90 0;
701      --color-secondary-button-text-hover: 0 0 0 / 1.0;
702      --color-secondary-button-text-hover-no-alpha: 0 0 0;
703      --color-button-link: 255 255 255 / 1.0;
704      --color-button-link-no-alpha: 255 255 255;
705      --color-button-link-label-hover: 255 90 0 / 1.0;
706      --color-button-link-label-hover-no-alpha: 255 90 0;
707      --color-scrollbar: 241 242 242 / 1.0;
708      --color-scrollbar-no-alpha: 241 242 242;
709      
710        --element-background: rgba(0 0 0 / 1.0);
711      
712      
713        --overlay-background: 0 0 0;
714      
715    }
716  
717    .color-scheme-2, .color-scheme-2 *:before, .color-scheme-2 *:after,
718    .dark .dark-color-scheme-2, .dark .dark-color-scheme-2 *:before, .dark .dark-color-scheme-2 *:after,
719    .color-scheme-block.color-scheme-2 *:before, .color-scheme-block.color-scheme-2 *:after, 
720    .dark .color-scheme-block.dark-color-scheme-2 *:before, .dark .color-scheme-block.dark-color-scheme-2 *:after {
721      --color-background: 28 28 28 / 1.0;  
722      --color-background-no-alpha: 28 28 28;
723      
724        --gradient-background: #1c1c1c;
725        --gradient-background-no-alpha: rgb(28 28 28);
726      
727      --color-highlight: 255 90 0 / 1.0;
728      --color-highlight-no-alpha: 255 90 0;
729      --color-heading: 255 255 255 / 1.0;
730      --color-heading-no-alpha: 255 255 255;
731      --color-link: 255 90 0 / 1.0;
732      --color-link-no-alpha: 255 90 0;
733      --color-text: 241 242 242 / 1.0;
734      --color-text-no-alpha: 241 242 242;
735      --color-line-and-border: 42 42 42 / 1.0;
736      --color-line-and-border-no-alpha: 42 42 42;
737      
738      --color-button: 255 90 0 / 1.0;
739      --color-button-no-alpha: 255 90 0;
740      --color-button-text: 0 0 0 / 1.0;
741      --color-button-text-no-alpha: 0 0 0;
742      --color-button-hover: 255 255 255 / 1.0;
743      --color-button-hover-no-alpha: 255 255 255;
744      --color-button-text-hover: 0 0 0 / 1.0;
745      --color-button-text-hover-no-alpha: 0 0 0;
746      --color-secondary-button: 255 255 255 / 1.0;
747      --color-secondary-button-no-alpha: 255 255 255;
748      --color-secondary-button-text: 0 0 0 / 1.0;
749      --color-secondary-button-text-no-alpha: 0 0 0;
750      --color-secondary-button-hover: 255 90 0 / 1.0;
751      --color-secondary-button-hover-no-alpha: 255 90 0;
752      --color-secondary-button-text-hover: 0 0 0 / 1.0;
753      --color-secondary-button-text-hover-no-alpha: 0 0 0;
754      --color-button-link: 255 255 255 / 1.0;
755      --color-button-link-no-alpha: 255 255 255;
756      --color-button-link-label-hover: 255 90 0 / 1.0;
757      --color-button-link-label-hover-no-alpha: 255 90 0;
758      --color-scrollbar: 241 242 242 / 1.0;
759      --color-scrollbar-no-alpha: 241 242 242;
760      
761        --element-background: rgba(28 28 28 / 1.0);
762      
763      
764        --overlay-background: 28 28 28;
765      
766    }
767  
768    .color-scheme-3, .color-scheme-3 *:before, .color-scheme-3 *:after,
769    .dark .dark-color-scheme-3, .dark .dark-color-scheme-3 *:before, .dark .dark-color-scheme-3 *:after,
770    .color-scheme-block.color-scheme-3 *:before, .color-scheme-block.color-scheme-3 *:after, 
771    .dark .color-scheme-block.dark-color-scheme-3 *:before, .dark .color-scheme-block.dark-color-scheme-3 *:after {
772      --color-background: 255 255 255 / 1.0;  
773      --color-background-no-alpha: 255 255 255;
774      
775        --gradient-background: #ffffff;
776        --gradient-background-no-alpha: rgb(255 255 255);
777      
778      --color-highlight: 255 90 0 / 1.0;
779      --color-highlight-no-alpha: 255 90 0;
780      --color-heading: 0 0 0 / 1.0;
781      --color-heading-no-alpha: 0 0 0;
782      --color-link: 255 90 0 / 1.0;
783      --color-link-no-alpha: 255 90 0;
784      --color-text: 0 0 0 / 1.0;
785      --color-text-no-alpha: 0 0 0;
786      --color-line-and-border: 197 197 197 / 1.0;
787      --color-line-and-border-no-alpha: 197 197 197;
788      
789      --color-button: 255 90 0 / 1.0;
790      --color-button-no-alpha: 255 90 0;
791      --color-button-text: 0 0 0 / 1.0;
792      --color-button-text-no-alpha: 0 0 0;
793      --color-button-hover: 0 0 0 / 1.0;
794      --color-button-hover-no-alpha: 0 0 0;
795      --color-button-text-hover: 255 90 0 / 1.0;
796      --color-button-text-hover-no-alpha: 255 90 0;
797      --color-secondary-button: 0 0 0 / 1.0;
798      --color-secondary-button-no-alpha: 0 0 0;
799      --color-secondary-button-text: 255 255 255 / 1.0;
800      --color-secondary-button-text-no-alpha: 255 255 255;
801      --color-secondary-button-hover: 0 0 0 / 1.0;
802      --color-secondary-button-hover-no-alpha: 0 0 0;
803      --color-secondary-button-text-hover: 255 90 0 / 1.0;
804      --color-secondary-button-text-hover-no-alpha: 255 90 0;
805      --color-button-link: 255 255 255 / 1.0;
806      --color-button-link-no-alpha: 255 255 255;
807      --color-button-link-label-hover: 255 90 0 / 1.0;
808      --color-button-link-label-hover-no-alpha: 255 90 0;
809      --color-scrollbar: 0 0 0 / 1.0;
810      --color-scrollbar-no-alpha: 0 0 0;
811      
812        --element-background: rgba(255 255 255 / 1.0);
813      
814      
815        --overlay-background: 255 255 255;
816      
817    }
818  
819    .color-scheme-4, .color-scheme-4 *:before, .color-scheme-4 *:after,
820    .dark .dark-color-scheme-4, .dark .dark-color-scheme-4 *:before, .dark .dark-color-scheme-4 *:after,
821    .color-scheme-block.color-scheme-4 *:before, .color-scheme-block.color-scheme-4 *:after, 
822    .dark .color-scheme-block.dark-color-scheme-4 *:before, .dark .color-scheme-block.dark-color-scheme-4 *:after {
823      --color-background: 241 242 242 / 1.0;  
824      --color-background-no-alpha: 241 242 242;
825      
826        --gradient-background: #f1f2f2;
827        --gradient-background-no-alpha: rgb(241 242 242);
828      
829      --color-highlight: 255 90 0 / 1.0;
830      --color-highlight-no-alpha: 255 90 0;
831      --color-heading: 0 0 0 / 1.0;
832      --color-heading-no-alpha: 0 0 0;
833      --color-link: 255 90 0 / 1.0;
834      --color-link-no-alpha: 255 90 0;
835      --color-text: 88 89 91 / 1.0;
836      --color-text-no-alpha: 88 89 91;
837      --color-line-and-border: 233 233 233 / 1.0;
838      --color-line-and-border-no-alpha: 233 233 233;
839      
840      --color-button: 255 90 0 / 1.0;
841      --color-button-no-alpha: 255 90 0;
842      --color-button-text: 0 0 0 / 1.0;
843      --color-button-text-no-alpha: 0 0 0;
844      --color-button-hover: 0 0 0 / 1.0;
845      --color-button-hover-no-alpha: 0 0 0;
846      --color-button-text-hover: 255 90 0 / 1.0;
847      --color-button-text-hover-no-alpha: 255 90 0;
848      --color-secondary-button: 0 0 0 / 1.0;
849      --color-secondary-button-no-alpha: 0 0 0;
850      --color-secondary-button-text: 255 255 255 / 1.0;
851      --color-secondary-button-text-no-alpha: 255 255 255;
852      --color-secondary-button-hover: 0 0 0 / 1.0;
853      --color-secondary-button-hover-no-alpha: 0 0 0;
854      --color-secondary-button-text-hover: 255 90 0 / 1.0;
855      --color-secondary-button-text-hover-no-alpha: 255 90 0;
856      --color-button-link: 255 255 255 / 1.0;
857      --color-button-link-no-alpha: 255 255 255;
858      --color-button-link-label-hover: 255 90 0 / 1.0;
859      --color-button-link-label-hover-no-alpha: 255 90 0;
860      --color-scrollbar: 88 89 91 / 1.0;
861      --color-scrollbar-no-alpha: 88 89 91;
862      
863        --element-background: rgba(241 242 242 / 1.0);
864      
865      
866        --overlay-background: 241 242 242;
867      
868    }
869  
870    .color-scheme-5, .color-scheme-5 *:before, .color-scheme-5 *:after,
871    .dark .dark-color-scheme-5, .dark .dark-color-scheme-5 *:before, .dark .dark-color-scheme-5 *:after,
872    .color-scheme-block.color-scheme-5 *:before, .color-scheme-block.color-scheme-5 *:after, 
873    .dark .color-scheme-block.dark-color-scheme-5 *:before, .dark .color-scheme-block.dark-color-scheme-5 *:after {
874      --color-background: 255 90 0 / 1.0;  
875      --color-background-no-alpha: 255 90 0;
876      
877        --gradient-background: #ff5a00;
878        --gradient-background-no-alpha: rgb(255 90 0);
879      
880      --color-highlight: 0 0 0 / 1.0;
881      --color-highlight-no-alpha: 0 0 0;
882      --color-heading: 0 0 0 / 1.0;
883      --color-heading-no-alpha: 0 0 0;
884      --color-link: 0 0 0 / 1.0;
885      --color-link-no-alpha: 0 0 0;
886      --color-text: 0 0 0 / 1.0;
887      --color-text-no-alpha: 0 0 0;
888      --color-line-and-border: 0 0 0 / 1.0;
889      --color-line-and-border-no-alpha: 0 0 0;
890      
891      --color-button: 255 255 255 / 1.0;
892      --color-button-no-alpha: 255 255 255;
893      --color-button-text: 0 0 0 / 1.0;
894      --color-button-text-no-alpha: 0 0 0;
895      --color-button-hover: 0 0 0 / 1.0;
896      --color-button-hover-no-alpha: 0 0 0;
897      --color-button-text-hover: 255 90 0 / 1.0;
898      --color-button-text-hover-no-alpha: 255 90 0;
899      --color-secondary-button: 0 0 0 / 1.0;
900      --color-secondary-button-no-alpha: 0 0 0;
901      --color-secondary-button-text: 255 255 255 / 1.0;
902      --color-secondary-button-text-no-alpha: 255 255 255;
903      --color-secondary-button-hover: 0 0 0 / 1.0;
904      --color-secondary-button-hover-no-alpha: 0 0 0;
905      --color-secondary-button-text-hover: 255 90 0 / 1.0;
906      --color-secondary-button-text-hover-no-alpha: 255 90 0;
907      --color-button-link: 0 0 0 / 1.0;
908      --color-button-link-no-alpha: 0 0 0;
909      --color-button-link-label-hover: 39 39 39 / 1.0;
910      --color-button-link-label-hover-no-alpha: 39 39 39;
911      --color-scrollbar: 0 0 0 / 1.0;
912      --color-scrollbar-no-alpha: 0 0 0;
913      
914        --element-background: rgba(255 90 0 / 1.0);
915      
916      
917        --overlay-background: 255 90 0;
918      
919    }
920  
921    .color-scheme-6, .color-scheme-6 *:before, .color-scheme-6 *:after,
922    .dark .dark-color-scheme-6, .dark .dark-color-scheme-6 *:before, .dark .dark-color-scheme-6 *:after,
923    .color-scheme-block.color-scheme-6 *:before, .color-scheme-block.color-scheme-6 *:after, 
924    .dark .color-scheme-block.dark-color-scheme-6 *:before, .dark .color-scheme-block.dark-color-scheme-6 *:after {
925      --color-background: 0 0 0 / 1.0;  
926      --color-background-no-alpha: 0 0 0;
927      
928        --gradient-background: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%);
929        --gradient-background-no-alpha: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%);
930      
931      --color-highlight: 255 90 0 / 1.0;
932      --color-highlight-no-alpha: 255 90 0;
933      --color-heading: 255 255 255 / 1.0;
934      --color-heading-no-alpha: 255 255 255;
935      --color-link: 255 90 0 / 1.0;
936      --color-link-no-alpha: 255 90 0;
937      --color-text: 255 255 255 / 1.0;
938      --color-text-no-alpha: 255 255 255;
939      --color-line-and-border: 255 90 0 / 1.0;
940      --color-line-and-border-no-alpha: 255 90 0;
941      
942      --color-button: 255 90 0 / 1.0;
943      --color-button-no-alpha: 255 90 0;
944      --color-button-text: 0 0 0 / 1.0;
945      --color-button-text-no-alpha: 0 0 0;
946      --color-button-hover: 173 237 255 / 1.0;
947      --color-button-hover-no-alpha: 173 237 255;
948      --color-button-text-hover: 50 68 89 / 1.0;
949      --color-button-text-hover-no-alpha: 50 68 89;
950      --color-secondary-button: 173 237 255 / 1.0;
951      --color-secondary-button-no-alpha: 173 237 255;
952      --color-secondary-button-text: 14 16 22 / 1.0;
953      --color-secondary-button-text-no-alpha: 14 16 22;
954      --color-secondary-button-hover: 255 255 255 / 1.0;
955      --color-secondary-button-hover-no-alpha: 255 255 255;
956      --color-secondary-button-text-hover: 50 68 89 / 1.0;
957      --color-secondary-button-text-hover-no-alpha: 50 68 89;
958      --color-button-link: 100 152 220 / 1.0;
959      --color-button-link-no-alpha: 100 152 220;
960      --color-button-link-label-hover: 202 51 51 / 1.0;
961      --color-button-link-label-hover-no-alpha: 202 51 51;
962      --color-scrollbar: 255 255 255 / 1.0;
963      --color-scrollbar-no-alpha: 255 255 255;
964      
965        --element-background: transparent;
966      
967      
968        --overlay-background: 0 0 0;
969      
970    }
971  
972    .color-scheme-7, .color-scheme-7 *:before, .color-scheme-7 *:after,
973    .dark .dark-color-scheme-7, .dark .dark-color-scheme-7 *:before, .dark .dark-color-scheme-7 *:after,
974    .color-scheme-block.color-scheme-7 *:before, .color-scheme-block.color-scheme-7 *:after, 
975    .dark .color-scheme-block.dark-color-scheme-7 *:before, .dark .color-scheme-block.dark-color-scheme-7 *:after {
976      --color-background: 255 255 255 / 1.0;  
977      --color-background-no-alpha: 255 255 255;
978      
979        --gradient-background: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%);
980        --gradient-background-no-alpha: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%);
981      
982      --color-highlight: 255 255 255 / 1.0;
983      --color-highlight-no-alpha: 255 255 255;
984      --color-heading: 255 255 255 / 1.0;
985      --color-heading-no-alpha: 255 255 255;
986      --color-link: 255 255 255 / 1.0;
987      --color-link-no-alpha: 255 255 255;
988      --color-text: 255 255 255 / 1.0;
989      --color-text-no-alpha: 255 255 255;
990      --color-line-and-border: 45 72 149 / 1.0;
991      --color-line-and-border-no-alpha: 45 72 149;
992      
993      --color-button: 45 72 149 / 1.0;
994      --color-button-no-alpha: 45 72 149;
995      --color-button-text: 255 255 255 / 1.0;
996      --color-button-text-no-alpha: 255 255 255;
997      --color-button-hover: 15 57 139 / 1.0;
998      --color-button-hover-no-alpha: 15 57 139;
999      --color-button-text-hover: 255 255 255 / 1.0;
1000      --color-button-text-hover-no-alpha: 255 255 255;
1001      --color-secondary-button: 255 255 255 / 1.0;
1002      --color-secondary-button-no-alpha: 255 255 255;
1003      --color-secondary-button-text: 57 56 56 / 1.0;
1004      --color-secondary-button-text-no-alpha: 57 56 56;
1005      --color-secondary-button-hover: 225 225 225 / 1.0;
1006      --color-secondary-button-hover-no-alpha: 225 225 225;
1007      --color-secondary-button-text-hover: 16 15 15 / 1.0;
1008      --color-secondary-button-text-hover-no-alpha: 16 15 15;
1009      --color-button-link: 255 255 255 / 1.0;
1010      --color-button-link-no-alpha: 255 255 255;
1011      --color-button-link-label-hover: 202 51 51 / 1.0;
1012      --color-button-link-label-hover-no-alpha: 202 51 51;
1013      --color-scrollbar: 255 255 255 / 1.0;
1014      --color-scrollbar-no-alpha: 255 255 255;
1015      
1016        --element-background: transparent;
1017      
1018      
1019        --overlay-background: 255 255 255;
1020      
1021    }
1022  
1023    .color-scheme-8, .color-scheme-8 *:before, .color-scheme-8 *:after,
1024    .dark .dark-color-scheme-8, .dark .dark-color-scheme-8 *:before, .dark .dark-color-scheme-8 *:after,
1025    .color-scheme-block.color-scheme-8 *:before, .color-scheme-block.color-scheme-8 *:after, 
1026    .dark .color-scheme-block.dark-color-scheme-8 *:before, .dark .color-scheme-block.dark-color-scheme-8 *:after {
1027      --color-background: 226 234 254 / 1.0;  
1028      --color-background-no-alpha: 226 234 254;
1029      
1030        --gradient-background: #e2eafe;
1031        --gradient-background-no-alpha: rgb(226 234 254);
1032      
1033      --color-highlight: 15 57 139 / 1.0;
1034      --color-highlight-no-alpha: 15 57 139;
1035      --color-heading: 16 15 15 / 1.0;
1036      --color-heading-no-alpha: 16 15 15;
1037      --color-link: 15 57 139 / 1.0;
1038      --color-link-no-alpha: 15 57 139;
1039      --color-text: 57 56 56 / 1.0;
1040      --color-text-no-alpha: 57 56 56;
1041      --color-line-and-border: 241 241 241 / 1.0;
1042      --color-line-and-border-no-alpha: 241 241 241;
1043      
1044      --color-button: 45 72 149 / 1.0;
1045      --color-button-no-alpha: 45 72 149;
1046      --color-button-text: 255 255 255 / 1.0;
1047      --color-button-text-no-alpha: 255 255 255;
1048      --color-button-hover: 15 57 139 / 1.0;
1049      --color-button-hover-no-alpha: 15 57 139;
1050      --color-button-text-hover: 255 255 255 / 1.0;
1051      --color-button-text-hover-no-alpha: 255 255 255;
1052      --color-secondary-button: 225 225 225 / 1.0;
1053      --color-secondary-button-no-alpha: 225 225 225;
1054      --color-secondary-button-text: 57 56 56 / 1.0;
1055      --color-secondary-button-text-no-alpha: 57 56 56;
1056      --color-secondary-button-hover: 214 214 214 / 1.0;
1057      --color-secondary-button-hover-no-alpha: 214 214 214;
1058      --color-secondary-button-text-hover: 57 56 56 / 1.0;
1059      --color-secondary-button-text-hover-no-alpha: 57 56 56;
1060      --color-button-link: 15 57 139 / 1.0;
1061      --color-button-link-no-alpha: 15 57 139;
1062      --color-button-link-label-hover: 202 51 51 / 1.0;
1063      --color-button-link-label-hover-no-alpha: 202 51 51;
1064      --color-scrollbar: 57 56 56 / 1.0;
1065      --color-scrollbar-no-alpha: 57 56 56;
1066      
1067        --element-background: rgba(226 234 254 / 1.0);
1068      
1069      
1070        --overlay-background: 226 234 254;
1071      
1072    }
1073  
1074  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 {
1075    color: rgba(var(--color-text));
1076    background-color: rgba(var(--color-background));
1077    background: var(--gradient-background, "none");
1078  }
1079
1080  /* Global class */
1081  
1082  .button-action {
1083    border: none;
1084    color: rgba(var(--color-button-text));
1085    background-color: rgba(var(--color-button));
1086  }
1087  .drawer-menu-wrapper .menu-item.is-focus-child {
1088    background: rgba(var(--color-heading-no-alpha) / 0.1);
1089  }
1090  .bg-heading-highlight {
1091    background: rgba(var(--color-highlight));
1092  }
1093
1094  
1095    
1096      .maximize-theme:not(.dark) .product-card__highlight-attributes__rotate {
1097        --color-text: 55 61 98 / 1.0;
1098        --color-text-no-alpha: 55 61 98;
1099        color: rgba(var(--color-text));
1100      }
1101    
1102    
1103      .dark .product-card__highlight-attributes__rotate {
1104        --color-text: 227 234 253 / 1.0;
1105        --color-text-no-alpha: 227 234 253;
1106        color: rgba(var(--color-text));
1107      }
1108    
1109  
1110
1111  
1112    @media (min-width: 1024px) {
1113      .media-hyperlink {
1114        will-change: transform;
1115      }
1116      .media-hyperlink .anm-image-hover {
1117        transition: transform var(--image-transition-duration) ease-out;
1118        transform: translateZ(0);
1119      }
1120      .media-hyperlink:hover .anm-image-hover {
1121        transform: scale(var(--image-hover-scale));
1122      }
1123    }
1124  
1125</style>
1125<script>const themeMode = 'switch';
1126    if ((localStorage.maximize_theme == 1 && themeMode == 'switch')
1127      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
1128      requestAnimationFrame(() => {
1129        document.documentElement.classList.add('dark');
1130      });
1131    } else if ((localStorage.maximize_theme == 0 && themeMode == 'switch')
1132      || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: light)').matches)) {
1133      requestAnimationFrame(() => {
1134        document.documentElement.classList.remove('dark');
1135      });
1136    }</script>
1136
1137  
1137<script>
1138    (function () {
1139      var stored = localStorage.getItem('currentStoreSelected');
1140      if (!stored) return;
1141
1142      window.Maximize = window.Maximize || {};
1143      window.Maximize.getInitialStoreText = function () {
1144        try {
1145          return JSON.parse(stored)?.selectedStore || '';
1146        } catch (_) {
1147          return '';
1148        }
1149      };
1150
1151      var storeText = window.Maximize.getInitialStoreText();
1152      if (storeText !== "") {
1153        document.documentElement.style.setProperty(
1154          '--x-store-selector-content',
1155          JSON.stringify(storeText)
1156        );
1157      }
1158    })();
1159  </script>
1159<link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223"     media="(max-width: 767px)">
1160  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)">
1161  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223"     media="(min-width: 768px)">
1162  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223"     media="(min-width: 1024px)">
1163  <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223"     media="(min-width: 1280px)">
1164  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223"     media="(max-width: 767px)">
1165  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)">
1166  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223"     media="(min-width: 768px)">
1167  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223"     media="(min-width: 1024px)">
1168  <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223"     media="(min-width: 1280px)">
1169  
1170  <link href="//nacholightingco.com/cdn/shop/t/30/assets/buttons.css?v=153050960260856216031789788223" rel="stylesheet" type="text/css" media="all" />
1171  
1172  
1173  
1173<script src="//nacholightingco.com/cdn/shop/t/30/assets/constants.js?v=39579758319660886351789788223" defer></script>
1173
1174  
1174<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1174<meta name="facebook-domain-verification" content="mqb4fak5b3ym78dwzm52rnwpuct6us">
1175<meta name="google-site-verification" content="jbRClbdeLZX_B-llaw0F0bjB-E6xm4gUC4qfK0B7vMs">
1176<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61423419562/digital_wallets/dialog">
1177<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">
1178<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1178<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1178
1179<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1180<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=61423419562" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1180
1180
1181<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 1181
1181
1182<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 1182
1182
1183<script>var Shopify = Shopify || {};
1184Shopify.shop = "nacho-offroad-technology.myshopify.com";
1185Shopify.locale = "en";
1186Shopify.currency = {"active":"USD","rate":"1.0"};
1187Shopify.country = "US";
1188Shopify.theme = {"name":"Maximize - NLC","id":148956151978,"schema_name":"Maximize","schema_version":"1.9.0","theme_store_id":3716,"role":"main"};
1189Shopify.theme.handle = "null";
1190Shopify.theme.style = {"id":null,"handle":null};
1191Shopify.cdnHost = "nacholightingco.com/cdn";
1192Shopify.routes = Shopify.routes || {};
1193Shopify.routes.root = "/";
1194Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1195Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1196Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1197Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1197
1197
1198<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1198
1198
1199<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 1199
1199
1200<script>
1201  window.ShopifyPay = window.ShopifyPay || {};
1202  window.ShopifyPay.apiHost = "shop.app\/pay";
1203  window.ShopifyPay.redirectState = null;
1204</script>
vendor: 1 bytes, line 1204
1204
1205<script>
1206  window.Shopify = window.Shopify || {};
1207  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1208  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1209  window.Shopify.SignInWithShop.eligible = true;
1210</script>
vendor: 1 bytes, line 1210
1210
1211<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 1211
1211
1212<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 1212
1212
1213<script type="module">
1214  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1215
1216  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1217
1218</script>
vendor: 1 bytes, line 1218
1218
1219<script>
1220  window.Shopify = window.Shopify || {};
1221  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1222  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"]};
1223</script>
vendor: 1 bytes, line 1223
1223
1224<script>(function() {
1225  var isLoaded = false;
1226  function asyncLoad() {
1227    if (isLoaded) return;
1228    isLoaded = true;
1229    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"];
1230    for (var i = 0; i < urls.length; i++) {
1231      var s = document.createElement('script');
1232      s.type = 'text/javascript';
1233      s.async = true;
1234      s.src = urls[i];
1235      var x = document.getElementsByTagName('script')[0];
1236      x.parentNode.insertBefore(s, x);
1237    }
1238  };
1239  if(window.attachEvent) {
1240    window.attachEvent('onload', asyncLoad);
1241  } else {
1242    window.addEventListener('load', asyncLoad, false);
1243  }
1244})();</script>
vendor: 1 bytes, line 1244
1244
1245<script id="__st">var __st={"a":61423419562,"offset":-25200,"reqid":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865","pageurl":"nacholightingco.com\/search","u":"a051e31b2b7d","p":"searchresults"};</script>
vendor: 1 bytes, line 1245
1245
1246<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1246
1246
1247<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 1247
1247
1248<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 1248
1248
1249<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>
1249<script crossorigin="anonymous" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1249
1249
1250<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 1250
1250
1251<script>
1252  window.Shopify = window.Shopify || {};
1253  window.Shopify.MCP = window.Shopify.MCP || {};
1254  window.Shopify.MCP.enabled = true;
1255  window.Shopify.MCP.shop = "nacho-offroad-technology.myshopify.com";
1256  window.Shopify.MCP.mcpEndpoint = "https:\/\/nacholightingco.com\/api\/mcp";
1257  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"]}}];
1258</script>
vendor: 1 bytes, line 1258
1258
1259<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=");})();
1260</script>
vendor: 1 bytes, line 1260
1260
1261<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)}};
1262</script>
vendor: 1 bytes, line 1262
1262
1263<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1264  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);
1265</script>
vendor: 1 bytes, line 1265
1265
1266<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})}}));
1267</script>
vendor: 1 bytes, line 1267
1267
1268<script id='scb4127' type='text/javascript' async='' src='https://nacholightingco.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1268<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{&quot;session_id&quot;:&quot;01M4HTRW79ZEFRXTBCY2NSDF7Y&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;search&quot;,&quot;event_data&quot;:{&quot;search_query&quot;:null},&quot;recommendations_tracking_enabled&quot;:true}" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
1268
1269<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">
1270<style id="shopify-accelerated-checkout-cart">
1271        #shopify-buyer-consent {
1272  margin-top: 1em;
1273  display: inline-block;
1274  width: 100%;
1275}
1276
1277#shopify-buyer-consent.hidden {
1278  display: none;
1279}
1280
1281#shopify-subscription-policy-button {
1282  background: none;
1283  border: none;
1284  padding: 0;
1285  text-decoration: underline;
1286  font-size: inherit;
1287  cursor: pointer;
1288}
1289
1290#shopify-subscription-policy-button::before {
1291  box-shadow: none;
1292}
1293
1294      </style>
1295
1296<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1296
1297  <!-- Google Tag Manager -->
1298<script>
vendor: 327 bytes, lines 1298-1302
1298(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1299new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1300j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1301'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1302})(window,document,'script','dataLayer','
1302GTM-5K47W6Z6
vendor: 3 bytes, line 1302
1302');
1302</script>
1302
1303<!-- End Google Tag Manager -->
1304<!-- 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" />
1305<script>
1306  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:{}}};
1307</script>
1307<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>
1307
1308
1309<!-- END app block --><!-- BEGIN app block: shopify://apps/google-youtube/blocks/store_widget/14ec7bd0-ac77-49a9-9417-90752398bdff -->
1310
1311
1312<!-- BEGIN MerchantWidget Code -->
1313<script id='merchantWidgetScript'
1314        src="https://www.gstatic.com/shopping/merchant/merchantwidget.js"
1315        defer>
1316</script>
vendor: 1 bytes, line 1316
1316
1317<script type="text/javascript">
1318  merchantWidgetScript.addEventListener('load', function () {
1319    var widgetPos = 'LEFT_BOTTOM';
1320    var sideMargin = '36';
1321    var bottomMargin = '36';
1322    var mobileSideMargin = '16';
1323    var mobileBottomMargin = '46';
1324    var merchantId = '563611008';
1325    merchantwidget.start({
1326     position: widgetPos,
1327     sideMargin: sideMargin,
1328     bottomMargin: bottomMargin,
1329     mobileSideMargin: mobileSideMargin,
1330     mobileBottomMargin: mobileBottomMargin,
1331     merchant_id: merchantId,
1332   });
1333  });
1334</script>
1334
1335<!-- END MerchantWidget Code --><!-- END app block --><!-- BEGIN app block: shopify://apps/bss-b2b-solution/blocks/config-header/451233f2-9631-4c49-8b6f-057e4ebcde7f -->
1336
1337
1338<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" />
1339<script id="bss-b2b-config-data">
1340  	if (typeof BSS_B2B == 'undefined') {
1341  		var BSS_B2B = {};
1342	}
1343
1344	
1345        BSS_B2B.storeId = 15990;
1346        BSS_B2B.currentPlan = "false";
1347        BSS_B2B.planCode = "advanced";
1348        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}]');
1349        BSS_B2B.version = 3;
1350        var bssB2bApiServer = "https://solution-api.bss-b2b.solutions";
1351        var bssB2bCmsUrl = "https://solution-cms.bss-b2b.solutions";
1352        var bssGeoServiceUrl = "https://geo-ip-service.bsscommerce.com";
1353        var bssB2bCheckoutUrl = "https://solution-checkout.bss-b2b.solutions";
1354    
1355
1356	
1357
1358	
1359		window.bssB2bMarketId = 3048800426;
1360	
1361
1362	
1363		BSS_B2B.integrationApp = null;
1364	
1365
1366	
1367
1368	
1369
1370	
1371		
1372		
1373		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="}],[],[],[],[],[],[],[],[],[],);
1374		BSS_B2B.cpSettings = {"cpType":2,"default_price_color":"#ff7903","price_applied_cp_color":"#000000"};
1375		BSS_B2B.customPricingSettings = null;
1376	
1377	
1378	
1379	
1380	
1381	
1382	
1383	
1384
1385	
1386
1387	
1388	
1389		
1390			BSS_B2B.srSettings = {"srType":0};
1391		
1392		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}];
1393	
1394	
1395		
1396
1397		
1398			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"};
1399		
1400
1401		BSS_B2B.taxDisplayRules = [];
1402		BSS_B2B.allVatCountries = "[]";
1403		BSS_B2B.taxOverrides = [];
1404	
1405	
1406		
1407		
1408		
1409        	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."};
1410		
1411        BSS_B2B.allVatCountries = "[]";
1412        BSS_B2B.vatSetting = {"show_vat_apply_to":"0","show_vat_customer_tags":"","show_vat_customer_ids":"","
1412is_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};
1413        BSS_B2B.vatExemptSelectedOriginal = null;
1414        BSS_B2B.vatExemptSelected = null;
1415        BSS_B2B.vatAutoExempt = 1;
1416		
1417	
1418	
1419	
1420
1421	
1422		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"};
1423	
1424
1425	
1426	
1427	
1428</script>
1428
1429
1430
1431
1432
1433
1434
1435
1436
1437	
1438	
1439		<style>
1440            #customer_register_link,
1441            .customer-login__register,
1442            .account--register,
1443            .customer.register,
1444            #customer_login .customer__link--centered,
1445			.account-page.account-page-register,
1446            #customer_login .Link--secondary, .customer-login .button.btn-secondary ~ .hr-or,.customer-login .button.btn-secondary ~ .accounts__create-customer{display: none !important;}
1447		</style>
1448	
1449	 
1450                
1450<script id="bss-b2b-rf-config-data">
1451                if (typeof BSS_B2B == 'undefined') {
1452                    var BSS_B2B = {};
1453                }
1454                </script>
1454
1455                
1455<script id="bss-b2b-wholesaler-form-default">
1456                    BSS_B2B.formDataRenderDefault = [];
1457                    BSS_B2B.formIdDef = 21197;
1458                    BSS_B2B.reCAPCHA = 0;
1459                    BSS_B2B.CAPCHA_SITE_KEY = "6LcYPEgbAAAAAKEQdimI1PPA4vuOJHxNb5p6eLUo";
1460                    BSS_B2B.status = 0;
1461                    BSS_B2B.created_account = 1;
1462                    BSS_B2B.redirect_url = "/";
1463                    BSS_B2B.taxExempt = 0;
1464                    BSS_B2B.formPrivacyPolicyStatus = 0;
1465                    BSS_B2B.formPrivacyPolicyContent = `<p>By clicking Create, I confirm that I have read and accepted the <a href="/">privacy policy</a></p>`;
1466                    BSS_B2B.conditionalLogic = [];
1467                </script>
1467
1468                <style>
1469                    label[for='RegisterForm-FirstName']:after {
1470    content: '*';
1471    color: #e95144;
1472}
1473.password-field {
1474    flex-direction: column;
1475}
1476.icon-show-hide-password {
1477    right: unset;
1478    left: 430px;
1479}
1480.bss-error-msg {
1481    text-align: left !important;
1482}
1483                    #account-popover, 
1484                    .popover--unlogged {
1485                        height: 400px; 
1486                        width: 365px;
1487                    }
1488                    #header-register-panel {
1489                        height: 400px;
1490                        overflow-y: auto;
1491                    }
1492                </style>
1493
1494
1495<script id="bss-b2b-customize">
1496	// eslint-disable-next-line no-console
1497console.log("B2B hooks")
1498window.bssB2BHooks = window.bssB2BHooks || {
1499    actions: {},
1500    filters: {},
1501};
1502
1503window.BSS_B2B = window.BSS_B2B || {};
1504
1505window.BSS_B2B.addAction = (tag, callback) => {
1506    window.bssB2BHooks.actions[tag] = callback;
1507}
1508window.BSS_B2B.addFilter = (tag,  value) => {
1509    window.bssB2BHooks.filters[tag] = value;
1510}
1511
1512// Custom td subtotal product page
1513function getHtmlString(price, style, type) {
1514        const { excluded_vat_text, included_vat_text } = BSS_B2B.td.tdTranslations;
1515        let className = '';
1516        switch (type) {
1517            case 'exclude':
1518                className = 'bss-b2b-price-no-vat';
1519                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1520                    price
1521                )} ${excluded_vat_text}</span>`;
1522            case 'include':
1523                className = 'bss-b2b-price-has-vat';
1524                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1525                    price
1526                )} ${included_vat_text}</span>`;
1527            case 'exc_compare':
1528                className = 'bss-b2b-compare-price-no-vat';
1529                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1530                    price
1531                )} ${excluded_vat_text}</span>`;
1532            case 'inc_compare':
1533                className = 'bss-b2b-compare-price-has-vat';
1534                return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney(
1535                    price
1536                )} ${included_vat_text}</span>`;
1537            default:
1538                break;
1539        }
1540    }
1541
1542function getPriceHtml(rule, vatPrice, quantity) {
1543        const { priceNoVat, priceHasVat, comparePriceHasVat, comparePriceNoVat } = vatPrice;
1544        const priceHtml = {
1545            priceNoVat: '',
1546            priceHasVat: '',
1547            comparePriceNoVat: '',
1548            comparePriceHasVat: '',
1549            linePriceNoVat: '',
1550            linePriceHasVat: '',
1551        };
1552        switch (rule.display_price_type) {
1553            case 0:
1554                priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude');
1555                priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include');
1556                priceHtml.comparePriceNoVat =
1557                    comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare');
1558                priceHtml.comparePriceHasVat =
1559                    comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare');
1560                priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude');
1561                priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include');
1562                break;
1563            case 2:
1564                priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude');
1565                priceHtml.comparePriceNoVat =
1566                    comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare');
1567                priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude');
1568                break;
1569            case 1:
1570                priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include');
1571                priceHtml.comparePriceHasVat =
1572                    comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare');
1573                priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include');
1574                break;
1575            default:
1576                break;
1577        }
1578        return priceHtml;
1579    }
1580
1581const showTdProductPrice = (props) => {
1582  let quantity = 1;
1583  const { priceElement , priceAfterTd, appliedTD } = props;
1584  const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal");
1585  const quantityEle = document.querySelector(".productView-product [name='quantity']");
1586  if (quantityEle) {
1587    quantity = quantityEle.value;
1588  }
1589  if (totalProductPriceEle && quantityEle) {
1590    const totalProductPrice = getPriceHtml(appliedTD, priceAfterTd, quantity);
1591    const priceHTML =  totalProductPrice.linePriceNoVat + totalProductPrice.linePriceHasVat;
1592    totalProductPriceEle.innerHTML = priceHTML
1593  }
1594  
1595}
1596window.BSS_B2B.addAction('custom:TdProduct/showPriceBase', showTdProductPrice);
1597
1598// Custom CP subtotal product page
1599const showCpProductPrice = (priceHTMLCustom, props) => {
1600  let quantity = 1;
1601  const {cpPrices} = props;
1602  const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal");
1603  const quantityEle = document.querySelector(".productView-product [name='quantity']");
1604  if (quantityEle) {
1605    quantity = quantityEle.value;
1606  }
1607  if (totalProductPriceEle && quantityEle) {
1608    const totalProductPrice = cpPrices.price * quantity;
1609    totalProductPriceEle.innerHTML = BSS_B2B.formatMoney(totalProductPrice);
1610  }
1611  return priceHTMLCustom 
1612}
1613window.BSS_B2B.addFilter('custom:product_page/cp_pl_show_price', showCpProductPrice);;
1614</script>
1614
1615
1616
1617
1618
1619
1620<style type="text/css">
1621                .shopify-payment-button__button, .shopify-payment-button__more-options{
1622                    display: none !important;
1623                }
1624                .bss-b2b-btn-buyitnow { display: block !important; }
1625                meta[itemprop="price"] { display: none !important; }
1626                </style><style></style><style></style>
1627
1628
1629	
1630		<style id="bss-b2b-price-style">
1631			[bss-b2b-variant-price],
1632			[bss-b2b-product-price],
1633			[bss-b2b-cart-item-key][bss-b2b-item-original-price],
1634			[bss-b2b-cart-item-key][bss-b2b-final-line-price],
1635			[bss-b2b-cart-item-key] [bss-b2b-item-original-price],
1636			[bss-b2b-cart-item-key] [bss-b2b-final-line-price],
1637			[bss-b2b-cart-total-price] {
1638				visibility: hidden;
1639			}
1640		</style>
1641	
1642
1643
1644
1645<script id="bss-b2b-store-data" type="application/json">
1646{
1647  "shop": {
1648    "domain": "nacholightingco.com",
1649    "permanent_domain": "nacho-offroad-technology.myshopify.com",
1650    "url": "https://nacholightingco.com",
1651    "secure_url": "https://nacholightingco.com",
1652    "money_format": "${{amount}}",
1653	"money_with_currency_format": "${{amount}} USD",
1654	"currency_code_enabled": null,
1655    "currency": "USD",
1656    "cart_current_currency": "USD",
1657    "multi_currencies": [
1658        
1659            "USD"
1660        
1661    ]
1662  },
1663  "customer": {
1664    "id": null,
1665	"isB2B": null,
1666    "current_company": null,
1667    "current_location": null,
1668    "tags": null,
1669    "tax_exempt": null,
1670    "first_name": null,
1671    "last_name": null,
1672    "phone": null,
1673    "email": "",
1674	"country_code": "",
1675	"addresses": [
1676		
1677	]
1678  },
1679  "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},
1680  "line_item_products": [],
1681  "template": "search",
1682  "product": "bnVsbA==",
1683  "product_collections": [
1684    
1685  ],
1686  "collection": [],
1687  "collections": [
1688    
1689  ],
1690  "taxes_included": false
1691}
1692</script>
1692
1693
1694
1695
1696
1697
1698	
1698<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>
1698
1699	
1699<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>
1699
1700
1701
1702
1703	
1703<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>
1703
1704
1705
1706
1707
1708
1709<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 1709
1709
1710<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>
1710
1711
1712
1713	
1714
1715	
1716	
1717
1718	
1719		
1719<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>
1719
1720	
1721
1722	
1723
1724	
1725
1726	
1727
1728	
1729		
1729<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>
1729
1730	
1731
1732	
1733
1734	
1735
1736	
1737
1738	
1739		
1739<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>
1739
1740	
1741
1742	
1743		
1743<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>
1743
1744	
1745
1746	
1747	
1748
1749	
1749<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>
1749
1750
1751
1752
1753
1754<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
1755
1756
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767  
1767<script async src="https://static.klaviyo.com/onsite/js/T9hiKV/klaviyo.js?company_id=T9hiKV"></script>
1767
1768  
1768<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>
1768
1769
1770  
1771
1772
1773
1774
1775  
1775<script>
1776    window.klaviyoReviewsProductDesignMode = false
1777  </script>
1777
1778
1779
1780
1781  <!-- BEGIN app snippet: customer-hub-data -->
1781<script>
1782  if (!window.customerHub) {
1783    window.customerHub = {};
1784  }
1785  window.customerHub.storefrontRoutes = {
1786    login: "https://nacholightingco.com/customer_authentication/redirect?locale=en&region_country=US?return_url=%2F%23k-hub",
1787    register: "https://account.nachooffroadtechnology.com?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY2LCJuYmYiOjE3OTE1OTk4NjZ9.Q2dnAo1NF9ETcjbn1aemz84KOATHJMxgry1iJZUAAW4?return_url=%2F%23k-hub",
1788    logout: "/account/logout",
1789    profile: "/account",
1790    addresses: "/account/addresses",
1791  };
1792  
1793  window.customerHub.userId = null;
1794  
1795  window.customerHub.storeDomain = "nacho-offroad-technology.myshopify.com";
1796
1797  
1798
1799  
1800    window.customerHub.storeLocale = {
1801        currentLanguage: 'en',
1802        currentCountry: 'US',
1803        availableLanguages: [
1804          
1805            {
1806              iso_code: 'en',
1807              endonym_name: 'English'
1808            }
1809          
1810        ],
1811        availableCountries: [
1812          
1813            {
1814              iso_code: 'US',
1815              name: 'United States',
1816              currency_code: 'USD'
1817            }
1818          
1819        ]
1820    };
1821  
1822</script>
1822
1823<!-- END app snippet -->
1824
1825
1826
1827  <!-- BEGIN app snippet: customer-hub-replace-links -->
1828<script>
1829  function replaceAccountLinks() {
1830    const selector =
1831      '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';
1832    const accountLinksNodes = document.querySelectorAll(selector);
1833    for (const node of accountLinksNodes) {
1834      const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false';
1835      if (!ignore) {
1836        // Any login links to Shopify's account system, point them at the customer hub instead.
1837        node.href = '#k-hub';
1838        /**
1839         * 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.
1840         * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen.
1841         * Luckily, these themes usually have a className you can add to links to skip the transition.
1842         * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link.
1843         **/
1844        node.classList.add('no-transition', 'js-no-transition');
1845      }
1846    }
1847  }
1848
1849  
1850    if (document.readyState === 'complete') {
1851      replaceAccountLinks();
1852    } else {
1853      const controller = new AbortController();
1854      document.addEventListener(
1855        'readystatechange',
1856        () => {
1857          replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state
1858          if (document.readyState === 'complete') {
1859            // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort
1860            // by removing the listener afterwards.
1861            controller.abort();
1862          }
1863        },
1864        { signal: controller.signal },
1865      );
1866    }
1867  
1868</script>
1868
1869<!-- END app snippet -->
1870
1871
1872
1873
1874
1875<!-- 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'>
1876
1877<script id='shopify-chat-app-embed-data' type='application/json'>
1878  {
1879    "settings": {
1880      "invertActivatorColors": true,
1881      "greetingMessage": "",
1882      "showFeaturedProducts": true,
1883      "featuredProducts": [],
1884      "horizontalPosition": "bottom_right",
1885      "icon": "chat_bubble",
1886      "buttonLabel": "Chat"
1887    }
1888  }
1889</script>
1889
1890
1891<style data-shopify>
1892  
1893
1894  /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */
1895  shopify-chat:defined:empty {
1896    display: grid;
1897  }
1898
1899  :root {
1900    --shopify-chat-bg-color: #FFFFFF;
1901    --shopify-chat-text-color: #000000;
1902    --shopify-chat-accent-bg-color: #000000;
1903    --shopify-chat-accent-text-color: #FFFFFF;
1904    --shopify-chat-activator-offset: 20px;
1905
1906    
1907
1908    --shopify-chat-activator-font-size: 16px;
1909    --shopify-chat-border-radius: 16px;
1910  }
1911
1912  
1913</style>
1914
1915<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1915
1916
1917
1918<!-- END app block -->
1918<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>
1918
1919<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1920<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: "search"};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 1920
1920
1921<script>
1922  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1923</script>
vendor: 1 bytes, line 1923
1923
1924<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}
1924).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"]}
1924,"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":"d8eaf545-ef70-4551-9b4a-b846f17b7fd8","pageType":"searchresults","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\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
1924<script>
1925  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1926  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1927  window.ShopifyAnalytics.meta.currency = 'USD';
1928  var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865"}};
1929  for (var attr in meta) {
1930    window.ShopifyAnalytics.meta[attr] = meta[attr];
1931  }
1932</script>
vendor: 1 bytes, line 1932
1932
1933<script class="analytics">
1934  (function () {
1935    var customDocumentWrite = function(content) {
1936      var jquery = null;
1937
1938      if (window.jQuery) {
1939        jquery = window.jQuery;
1940      } else if (window.Checkout && window.Checkout.$) {
1941        jquery = window.Checkout.$;
1942      }
1943
1944      if (jquery) {
1945        jquery('body').append(content);
1946      }
1947    };
1948
1949    var hasLoggedConversion = function(token) {
1950      if (token) {
1951        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1952      }
1953      return false;
1954    }
1955
1956    var setCookieIfConversion = function(token) {
1957      if (token) {
1958        var twoMonthsFromNow = new Date(Date.now());
1959        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1960
1961        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1962      }
1963    }
1964
1965    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1966    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1967    if (trekkie.integrations) {
1968      return;
1969    }
1970    trekkie.methods = [
1971      'identify',
1972      'page',
1973      'ready',
1974      'track',
1975      'trackForm',
1976      'trackLink'
1977    ];
1978    trekkie.factory = function(method) {
1979      return function() {
1980        var args = Array.prototype.slice.call(arguments);
1981        args.unshift(method);
1982        trekkie.push(args);
1983        if (method == 'track' || method == 'page') {
1984          var pageUrl;
1985          try {
1986            pageUrl = window.location.href;
1987          } catch (e) {}
1988          var pageReferrer;
1989          try {
1990            pageReferrer = document.referrer;
1991          } catch (e) {}
1992          try {
1993            if (window.__TREKKIE_SHIM_QUEUE == null) {
1994              window.__TREKKIE_SHIM_QUEUE = [];
1995            }
1996            window.__TREKKIE_SHIM_QUEUE.push({
1997              from: 'trekkie-stub',
1998              method: method,
1999              args: args.slice(1),
2000              pageContext: {
2001                url: pageUrl,
2002                referrer: pageReferrer
2003              }
2004            });
2005          } catch (e) {
2006            // no-op
2007          }
2008        }
2009        return trekkie;
2010      };
2011    };
2012    for (var i = 0; i < trekkie.methods.length; i++) {
2013      var key = trekkie.methods[i];
2014      trekkie[key] = trekkie.factory(key);
2015    }
2016    trekkie.load = function(config) {
2017      trekkie.config = config || {};
2018      trekkie.config.initialDocumentCookie = document.cookie;
2019      var first = document.getElementsByTagName('script')[0];
2020var script = document.createElement('script');
2021script.type = 'text/javascript';
2022script.onerror = function(e) {
2023  var scriptFallback = document.createElement('script');
2024  scriptFallback.type = 'text/javascript';
2025  scriptFallback.onerror = function(error) {
2026          var Monorail = {
2027      produce: function produce(monorailDomain, schemaId, payload) {
2028        var currentMs = new Date().getTime();
2029        var event = {
2030          schema_id: schemaId,
2031          payload: payload,
2032          metadata: {
2033            event_created_at_ms: currentMs,
2034            event_sent_at_ms: currentMs
2035          }
2036        };
2037        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
2038      },
2039      sendRequest: function sendRequest(endpointUrl, payload) {
2040        // Try the sendBeacon API
2041        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
2042          var blobData = new window.Blob([payload], {
2043            type: 'text/plain'
2044          });
2045
2046          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
2047            return true;
2048          } // sendBeacon was not successful
2049
2050        } // XHR beacon
2051
2052        var xhr = new XMLHttpRequest();
2053
2054        try {
2055          xhr.open('POST', endpointUrl);
2056          xhr.setRequestHeader('Content-Type', 'text/plain');
2057          xhr.send(payload);
2058        } catch (e) {
2059          console.log(e);
2060        }
2061
2062        return false;
2063      },
2064      isIos12: function isIos12() {
2065        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
2066      }
2067    };
2068    Monorail.produce('monorail-edge.shopifysvc.com',
2069      'trekkie_storefront_load_errors/1.1',
2070      {shop_id: 61423419562,
2071      theme_id: 148956151978,
2072      app_name: "storefront",
2073      context_url: window.location.href,
2074      source_url: "//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
2075
2076  };
2077  scriptFallback.async = true;
2078  scriptFallback.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2079  first.parentNode.insertBefore(scriptFallback, first);
2080};
2081script.async = true;
2082script.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
2083first.parentNode.insertBefore(script, first);
2084
2085    };
2086    trekkie.load(
2087      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61423419562,"isMerchantRequest":null,"themeId":148956151978,"themeCityHash":"12054694450167017383","contentLanguage":"en","currency":"USD","eventMetadataId":"d8eaf545-ef70-4551-9b4a-b846f17b7fd8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
2088    );
2089
2090    var loaded = false;
2091    trekkie.ready(function() {
2092      if (loaded) return;
2093      loaded = true;
2094
2095      window.ShopifyAnalytics.lib = window.trekkie;
2096
2097      var originalDocumentWrite = document.write;
2098      document.write = customDocumentWrite;
2099      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
2100      document.write = originalDocumentWrite;
2101
2102      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
2103      var token = match? match[1]: undefined;
2104      if (!hasLoggedConversion(token)) {
2105        setCookieIfConversion(token);
2106        window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true});
2107      }
2108    });
2109
2110    window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865","shopifyEmitted":true});
2111
2112    var eventsListenerScript = document.createElement('script');
2113    eventsListenerScript.async = true;
2114    eventsListenerScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
2115    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
2116})();</script>
2116
2117  
2117<script>
2118  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
2119    window.ga = function ga() {
2120      (window.ga.q = window.ga.q || []).push(arguments);
2121      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2122        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
2123      }
2124      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.");
2125    };
2126    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
2127      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
2128    }
2129  }
2130</script>
vendor: 1 bytes, line 2130
2130
2131<script
2132  defer
2133  src="https://nacholightingco.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
2134  data-application="storefront-renderer"
2135  data-shop-id="61423419562"
2136  data-render-region="gcp-us-central1"
2137  data-page-type="search"
2138  data-theme-instance-id="148956151978"
2139  data-theme-name="Maximize"
2140  data-theme-version="1.9.0"
2141  data-monorail-region="shop_domain"
2142  data-resource-timing-sampling-rate="10"
2143  data-shs="true"
2144  data-shs-beacon="true"
2145  data-shs-export-with-fetch="true"
2146  data-shs-logs-sample-rate="1"
2147  data-shs-beacon-endpoint="https://nacholightingco.com/api/collect"
2148></script>
vendor: 1 bytes, line 2148
2148
2149<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2149<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 2149
2149
2150<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"}
2150,{"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>
2150
2151<meta name="shopify-y" content="78ed9d95-bdb8-48be-a44e-28549d477bd6" data-expiration="1823157466000"><meta name="shopify-s" content="f22b04f6-a819-4fb5-b01e-e2228113b32a" data-expiration="1791601666000">
2152</head>
2153<body
2154    class="gradient scrollbar-body overflow-x-hidden min-h-screen"
2155    
2156    x-data
2157>
2158<div class="main-content__wrapper flex flex-col min-h-screen">
2159  <a class="skip-to-content button button-skip-to-content focus-visible:z-60" href="#MainContent">
2160    Skip to content
2161  </a>
2162
2163  <!-- BEGIN sections: header-group -->
2164<div id="shopify-section-sections--20172716769450__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement maximize-section">
2165<style data-shopify>
2166    .section--sections--20172716769450__announcement-bar {
2167      padding-top: calc(8px * var(--mobile-padding-ratio));
2168      padding-bottom: calc(8px * var(--mobile-padding-ratio));
2169    }
2170    @media screen and (min-width: 768px) {
2171      .section--sections--20172716769450__announcement-bar {
2172        padding-top: 8px;
2173        padding-bottom: 8px;
2174      }
2175    }
2176  </style>
2177  <link href="//nacholightingco.com/cdn/shop/t/30/assets/announcement-bar.css?v=149287162451357333121789788223" rel="stylesheet" type="text/css" media="all" />
2178  <div id="x-announcement" 
2179    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"
2180    
2181  >
2182    <div class="carousel-style-slideshow flex md:min-h-[32px] gap-x-5 ltr">
2183      
2184      
2185      
2186        <div 
2187          x-data="{}"
2188          x-intersect.once="$store.xSwiffy.load($el, {
2189            'effect': 'slide',
2190            'autoPlay': true,
2191            'speed': 4000,
2192            'mediaQuery': 'min',
2193            'autoPause': true,
2194            'breakPoints':{
2195              '768': {
2196                'slidesPerView': 1
2197              }
2198            }
2199          });"
2200          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"
2201          style="--swiffy-slider-track-height: 3px;"
2202        >
2203          
2204          
2205          
2206          <div class="slider-container hide-scrollbar grow md:flex md:flex-nowrap md:ml-0 md:mr-0"
2207          >
2208            
2209        
2210
2211            <div 
2212              
2213              x-slide-index="0"
2214              id="Slide-sections--20172716769450__announcement-bar-1"
2215              class="slide-item overflow-hidden flex items-center whitespace-nowrap text-ellipsis w-full justify-center" 
2216                
2217            >
2218                
2219                <div class="flex flex-wrap items-center announcement-bar-text sm:w-full max-w-full gap-1 h-fit justify-center">
2220                  <a
2221                    
2222                      href="/pages/govx"
2223                    
2224                    class="relative items-center gap-x-4 overflow-hidden whitespace-normal block justify-center flex-wrap"
2225                    
2226                  >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)">
2227                            
2228<custom-button>
2229  <a
2230    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"
2231    
2232      href="/pages/govx"
2233      
2234    
2235    
2236  >
2237    
2238
2239
2240  
2241    
2242      <span class="button-text  text-nowrap relative">Explore now</span>
2243    
2244   
2245
2246
2247  </a>
2248</custom-button>
2249</div>
2250                </div> 
2251              
2252            </div>
2253          </div>
2254          
2255          
2256        </div>
2257      
2258      </div>
2259  </div>
2260
2261
2262</div><div id="shopify-section-sections--20172716769450__header" class="shopify-section shopify-section-group-header-group x-header section-header"><style data-shopify>
2263  .section-header {
2264    position: sticky;
2265    z-index: 41;
2266  }
2267  .section-header:has(>.mini-cart-open) {
2268    z-index: 60;
2269  }
2270
2271.header-logo-width {
2272  width: 150px;
2273}
2274.section-sections--20172716769450__header-padding {
2275  padding-top: calc(24px * var(--mobile-padding-ratio));
2276  padding-bottom: calc(24px * var(--mobile-padding-ratio));
2277}
2278
2279
2280
2281  .reduce-logo-size .header-logo-width {
2282    transform: scale(75%);
2283    transition: none;
2284  }
2285  .header-logo-width {
2286    transition: transform 0.3s linear;
2287  }
2288
2289@media screen and (min-width: 1024px) {
2290  
2291    .section-sections--20172716769450__header-padding {
2292      padding-top: 24px;
2293      padding-bottom: 24px;
2294    }
2295  
2296  
2297  .header-logo-width {
2298    width: 150px;
2299  }
2300  .section-header {
2301    --padding-bottom-section: 24px;
2302  }
2303}
2304
2305  shopify-account {
2306    --shopify-account-font-heading: var(--heading-font-family);
2307    --shopify-account-font-heading-weight: var(--heading-font-weight);
2308    --shopify-account-font-body: var(--body-font-family);
2309    --shopify-account-font-body-weight: var(--body-font-weight);
2310    --shopify-account-dialog-position-top: var(--account-offset-top);
2311    --shopify-account-color-text: rgba(var(--color-text-header));
2312    --shopify-account-color-background: rgba(var(--color-background));
2313    --shopify-account-color-border: rgba(var(--color-border-header));
2314    --shopify-account-color-accent: rgba(var(--color-background));
2315    --shopify-account-color-accent-text: rgba(var(--color-text-header));
2316    --shopify-account-color-card-text: rgba(var(--color-text-header));
2317    
2318        --shopify-account-radius-dialog: 0px;
2319        --shopify-account-radius-button: 0px;
2320        --shopify-account-radius-input: 0px;
2321        --shopify-account-radius-button-small: 0px;
2322        --shopify-account-radius-base: 0px;
2323        
2324     
2325  }
2326  @media screen and (max-width: 1023px) {
2327    shopify-account {
2328      --shopify-account-dialog-position-top: var(--account-offset-top-mobile);
2329    }
2330  }</style><div
2331  id="x-header-container"
2332  class="z-[41] lg:relative compact"
2333>
2334  <div id="x-header"
2335    class="x-header gradient max-w-[100vw]"
2336    x-init='$store.xHeaderMenu.handleInitHeader("shopify-section-sections--20172716769450__header", "reduce-logo-size", false, "compact", false)'
2337    
2338      data-is-sticky="true"
2339      @scroll.window.passive="$store.xHeaderMenu.onScroll()"
2340    
2341  >
2342    <div
2343      id="x-header-content"
2344      class="x-header-content sticky-header-content px-0"
2345      :class="{ 'background-header sticky-header-active': $store.xHeaderMenu.isSticky }"
2346      
2347    >
2348      <header 
2349        class="h-full section-sections--20172716769450__header-padding full-width-padded relative lg:px-0 lg:static mx-0"
2350        
2351          
2352            x-on:mouseleave="$store.xHeaderMenu.hideMenu('main-menu-item');"
2353          
2354          @keydown.escape.stop="$store.xHeaderMenu.hideMenu('main-menu-item'); $store.xMobileNav.close(); $store.xFocusElement.removeTrapFocus(); $store.xHeaderMenu.focusFirstItem($event.target);"
2355        
2356      >
2357        <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">
2358            <button
2359              class="header-mobile-toggle-icon icon cursor-pointer flex items-center w-6 h-6 md:h-7 pr-1 py-1"
2360              @click="$store.xMobileNav.toggle()"
2361              aria-label="Button toggle mobile"
2362              aria-expanded="false"
2363              :aria-expanded="$store.xMobileNav.show.toString()"
2364              aria-controls="x-header-mobile"
2365            >
2366              <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">
2367      <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"/>
2368      <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"/>
2369      <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"/>
2370    </svg></span>
2371              <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"
2372         style="fill: none">
2373      <path
2374          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.
23741156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z"
2375          fill="currentColor"/>
2376      <path
2377          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"
2378          fill="currentColor"/>
2379    </svg></span>
2380            </button>
2381
2382
2383  
2384
2385  <div
2386    x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')"
2387    class="header-search flex lg:flex items-center  color-scheme-1 dark-color-scheme-1"
2388    @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();"
2389    @click.away="isFocusedSearchForm && close()"
2390  >
2391    
2392    
2393      
2394        <a
2395          id="SearchOpen"
2396          href="/search"
2397          aria-label="Search..."
2398          role="button"
2399          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"
2400          @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');"
2401        >
2402          <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;">
2403      <path
2404          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"
2405          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2406      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2407            stroke-linejoin="round"/>
2408    </svg></span>
2409        </a>
2410      
2411    
2412
2413    <div
2414      id="FormSearch__mobile"
2415      x-ref="open_search"
2416      
2417        
2418          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"
2419        
2420        :class="isFocusedSearchForm ? 'is-open' : ''"
2421      
2422    >
2423      
2424        <div
2425          class="fixed top-0 bottom-0 right-0 left-0 duration-500 color-bg-[rgba(var(--color-background))] bg-gradient"
2426          :class="isFocusedSearchForm ? 'opacity-100 delay-500' : 'opacity-0 invisible'"
2427          x-cloak
2428        ></div>
2429      
2430
2431      
2432        <div class="w-full flex justify-end">
2433          <button
2434            id="SearchClose__mobile"
2435            class="focus-inset cursor-pointer modal__button-close hidden"
2436            x-on:click="close(); $store.xFocusElement.removeTrapFocus();"
2437            x-ref="close_button"
2438            :class="isFocusedSearchForm && '!block'"
2439            aria-label="Close"
2440          >
2441            <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"
2442         style="fill: none">
2443      <path
2444          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"
2445          fill="currentColor"/>
2446      <path
2447          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"
2448          fill="currentColor"/>
2449    </svg></span>
2450          </button>
2451        </div>
2452      
2453
2454      <div
2455        class="search-box-wrapper relative md:top-0  w-full"
2456        data-loading-text="Loading"
2457        
2458          :class="isFocusedSearchForm && 'page-width !block'"
2459        
2460        
2461      >
2462        <div
2463          
2464          x-ref="search_bar_fixed"
2465          class="mx-auto w-full relative"
2466          
2467            :class="isFocusedSearchForm && 'border-b pb-2 md:pb-5'"
2468          
2469        >
2470          <div
2471            class="header-search-inner h-full w-full field flex items-center border rounded-corners py-1.5 px-1.5"
2472            
2473              :class="isFocusedSearchForm && 'border-none'"
2474            
2475          >
2476            
2477              <select-element
2478                class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 "
2479                data-picker-type="dropdown"
2480              >
2481                <div class="select relative">
2482                  <div
2483                    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"
2484                    role="button"
2485                    tabindex="0"
2486                    aria-expanded="false"
2487                    aria-controls="CategoriesList"
2488                    aria-describedby="CategoriesHeading"
2489                    
2490                      x-bind:class="isFocusedSearchForm && 'md:px-5 md:py-3'"
2491                    
2492                    @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')"
2493                  >
2494                    <span
2495                      class="select-button__label line-clamp-1 flex-1 p-break-words"
2496                      data-section-id="sections--20172716769450__header"
2497                    >
2498                      All categories
2499                    </span>
2500                    <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg
2501        width="100%"
2502        height="100%"
2503        viewBox="0 0 9 7"
2504        fill="none"
2505        xmlns="http://www.w3.org/2000/svg"
2506        style="fill: none;"
2507    >
2508      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
2509            stroke-linejoin="round"/>
2510    </svg></span>
2511                    <div
2512                      class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners"
2513                      x-show="loadingProductType === 'loading'"
2514                      x-cloak
2515                    >
2516                      <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg
2517        version="1.0"
2518        xmlns="http://www.w3.org/2000/svg"
2519        viewBox="0 0 512.000000 512.000000"
2520        preserveAspectRatio="xMidYMid meet"
2521    >
2522      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
2523         fill="currentColor" stroke="none">
2524        <path
2525            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"/>
2526      </g>
2527    </svg></span>
2528                    </div>
2529                  </div>
2530                  <div
2531                    class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]"
2532                    data-adjust-position="false"
2533                  >
2534                    <ul
2535                      role="listbox"
2536                      class="select-options hidden"
2537                      aria-label="CategoriesList"
2538                    >
2539                      <li
2540                        tabindex="-1"
2541                        class="select-option hidden"
2542                        data-type="dropdown"
2543                        aria-selected="true"
2544                        role="option"
2545                        data-no-instant
2546                        data-value="All categories"
2547                        data-select-value="All categories"
2548                        @click="setProductType($el, true)"
2549                        @keydown.enter="setProductType($el, true)"
2550                        @keydown.space="setProductType($el, true)"
2551                      >
2552                        All categories
2553                      </li>
2554                    </ul>
2555                  </div>
2556                </div>
2557                <label class="hidden">
2558                  <input
2559                    name="product_type"
2560                    class="select-option-selected"
2561                    value="product_type:"
2562                    data-disclosure-input
2563                    @change="handleChangeProductType()"
2564                  >
2565                </label>
2566              </select-element>
2567            
2568
2569            <form
2570              id="form-search-sections--20172716769450__header"
2571              class="form-search grow z-0"
2572              action="/search"
2573              method="get"
2574              role="search"
2575            >
2576              <label
2577                for="search-in-modal-mobile"
2578                class="hidden"
2579              >Search...</label>
2580              <input
2581                id="search-in-modal-mobile"
2582                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)]"
2583                type="search"
2584                
2585                  x-bind:class="isFocusedSearchForm && 'md:py-3 text-medium'"
2586                
2587                name="q"
2588                value=""
2589                x-on:keydown="handleKeyUpModal($event)"
2590                @input.debounce.500ms="handleChangeInput()"
2591                @click="focusForm();"
2592                placeholder="What are you searching for?"
2593                x-ref="input_search"
2594              >
2595              <input
2596                type="hidden"
2597                name="type"
2598                value="product"
2599              >
2600              <input
2601                type="hidden"
2602                :value="productTypeSelected == 'All categories' ? '' : productTypeSelected"
2603                name="filter.p.product_type"
2604                x-bind:disabled="productTypeSelected == 'All categories'"
2605              >
2606              <button
2607                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"
2608                aria-label="Search..."
2609                
2610              >
2611                <span
2612                  
2613                ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
2614      <path
2615          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"
2616          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2617      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
2618            stroke-linejoin="round"/>
2619    </svg></span>
2620                
2621              </button>
2622              
2623                <button
2624                  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"
2625                  x-data="xSpeechSearch($el)"
2626                  x-show="show"
2627                  x-cloak
2628                  type="button"
2629                  tabindex="0"
2630                  aria-label="Voice"
2631                >
2632                  <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2633      <path
2634          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"
2635          fill="currentColor"></path>
2636    </svg>
2637                </button>
2638              
2639<div
2640                x-ref="search_content"
2641                
2642                  class="header-search__results header-search__results--full absolute top-full mt-4 md:mt-7.5 w-full left-0 lg:pb-4"
2643                  x-transition:enter="transition-[500ms_500ms] ease-out"
2644                
2645                x-show="isFocusedSearchForm && (result !== '' )"
2646                x-transition:enter-start="opacity-0 transform translate-y-[30px]"
2647                x-transition:enter-end="opacity-100 transform translate-y-0"
2648                x-transition:leave="ease-in"
2649                x-transition:leave-start="opacity-100 transform translate-y-0"
2650                x-transition:leave-end="opacity-0 transform translate-y-[30px]"
2651                x-cloak
2652                x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__mobile', 'search-in-modal-mobile');"
2653              >
2654                <div
2655                  id="search-result"
2656                  class=" h-full  color-bg-[rgba(var(--color-background))]"
2657                  tabindex="-1"
2658                  data-predictive-search
2659                  x-html="result"
2660                  x-cloak
2661                  x-show="loading == false && openResults"
2662                  x-transition:enter="transition-[500ms_500ms] ease-out"
2663                  x-transition:enter-start="opacity-0"
2664                  x-transition:enter-end="opacity-100"
2665                ></div>
2666              </div>
2667            </form>
2668          </div>
2669        </div>
2670      </div>
2671
2672      <div
2673        class="element-end-modal h-0 w-0 absolute pointer-events-none"
2674        :tabindex="isFocusedSearchForm ? '0' : '-1'"
2675        @focus="document.getElementById('SearchClose__mobile')?.focus()"
2676      ></div>
2677    </div>
2678  </div>
2679
2680</div><div class="header-item [grid-area:header-left] hidden lg:flex items-center flex-1 min-w-[33%]">
2681            <div
2682              class="group/drawer flex items-center group-has-[#DrawerMenuDesktopPosition:empty]/drawer:hidden"
2683              x-intersect.once="$store.xHelper.setPosition('#DrawerMenuDesktopPosition', '#DrawerMenuDesktop'); $store.xHeaderMenu._drawerMenuEl = document.getElementById('DrawerMenu')"
2684            >
2685              <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">
2686  <picture>
2687    <source
2688      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w,
2689      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w,
2690      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w,
2691      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w,
2692      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w,
2693      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w"
2694      media="(max-width: 1023px)"
2695      width="150"
2696      height="63"
2697    >
2698    <img
2699      srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w,
2700        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w,
2701        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w,
2702        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w,
2703        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w,
2704        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w,
2705        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w,
2706        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w,
2707        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w"
2708      loading="eager"
2709      sizes="(min-width: 768px) 450px, 150px"
2710      src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478"
2711      
2712        :alt="(screen.width < 768) ? '' : ''"
2713      
2714      class="object-cover h-full w-full image-sections--20172716769450__header"
2715      width="150"
2716      height="66"
2717      fetchpriority="high"
2718      decoding="sync"
2719    >
2720  </picture>
2721</span><span class="header-logo-width logo-image logo-light relative dark:hidden">
2722  <picture>
2723    <source
2724      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
2725      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
2726      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
2727      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
2728      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
2729      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w"
2730      media="(max-width: 1023px)"
2731      width="150"
2732      height="63"
2733    >
2734    <img
2735      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
2736        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
2737        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
2738        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
2739        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
2740        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w,
2741        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w,
2742        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w,
2743        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w"
2744      loading="eager"
2745      sizes="(min-width: 768px) 450px, 150px"
2746      src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000"
2747      
2748        :alt="(screen.width < 768) ? '' : ''"
2749      
2750      class="object-cover h-full w-full image-sections--20172716769450__header"
2751      width="150"
2752      height="63"
2753      fetchpriority="high"
2754      decoding="sync"
2755    >
2756  </picture>
2757</span></a></div></div>
2758  
2759  
2760  <div 
2761    class="flex gap-8 w-full min-w-0 rtl:pr-7.5 ltr:pl-7.5 items-center rtl:flex-row-reverse"
2762  >
2763    
2764    <div
2765      class="header-container relative grow min-w-0 hidden lg:flex gap-2 items-center justify-center"
2766      x-data="xScrollMenu"
2767    >
2768      
2769      <button
2770        class="scroll-nav main-menu-scroll-prev rounded-none disabled:opacity-40 z-20 disabled:cursor-not-allowed rtl:justify-end "
2771        x-show="isScrollable && !isAtStart"
2772        x-cloak
2773        @click="scrollLeft"
2774        :disabled="isAtStart"
2775        aria-label="Scroll left"
2776      >
2777        <span class="rotate-180">
2778    <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">
2779      <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2780    </svg>
2781  </span>
2782      </button>
2783      <nav
2784        class="main-menu-nav overflow-x-auto scrollbar-hidden px-0.5 "
2785        x-ref="menuList"
2786        @scroll="checkScroll()"
2787        
2788      >
2789        <ul class="main-nav flex-nowrap w-max empty:hidden items-center"><li
2790                
2791                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
2792                
2793                @mouseleave="$el.classList.remove('is-focus');"
2794                @focusin="$el.classList.add('is-focus');"
2795                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
2796                class="first-menu-item menu-item main-menu-item"
2797              >
2798                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
2799                  <a
2800                    href="/collections/lights"
2801                    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"
2802                    
2803                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
2804                    
2805                    
2806                  >
2807                    
2808                      <span>Lights</span>
2809                    
2810<span
2811                        class="icon-caret w-5 h-5 ps-2"
2812                        tabindex="0"
2813                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
2814                      ><svg
2815        width="100%"
2816        height="100%"
2817        viewBox="0 0 9 7"
2818        fill="none"
2819        xmlns="http://www.w3.org/2000/svg"
2820        style="fill: none;"
2821    >
2822      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
2823            stroke-linejoin="round"/>
2824    </svg></span></a>
2825                </div>
2826                <div
2827    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"
2828    x-init="setPosition($el,1); resizeWindow($el,1)"
2829    inert
2830  >
2831    <ul class="pt-7.5 pb-7.5">
2832      
2833<li
2834          x-data="{ openSub: false }"
2835          class="relative pl-7.5 pr-7.5 font-normal"
2836          
2837            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2838            @mouseleave="$el.classList.remove('is-focus-child');"
2839            @mouseover.away="openSub = false"
2840            @focusin="$el.classList.add('is-focus-child');"
2841            @focusout="$el.classList.remove('is-focus-child');"
2842          
2843        >
2844          <div class="sub-menu flex items-center">
2845            <span class="flex-1">
2846              <a
2847                href="/products/nacho-supreme"
2848                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2849                
2850              >
2851                <span class="link-animation relative">Supreme Series</span></a>
2852            </span>
2853          </div></li><li
2854          x-data="{ openSub: false }"
2855          class="relative pl-7.5 pr-7.5 font-normal"
2856          
2857            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2858            @mouseleave="$el.classList.remove('is-focus-child');"
2859            @mouseover.away="openSub = false"
2860            @focusin="$el.classList.add('is-focus-child');"
2861            @focusout="$el.classList.remove('is-focus-child');"
2862          
2863        >
2864          <div class="sub-menu flex items-center pt-3">
2865            <span class="flex-1">
2866              <a
2867                href="/products/nacho-grande"
2868                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2869                
2870              >
2871                <span class="link-animation relative">Grande</span></a>
2872            </span>
2873          </div></li><li
2874          x-data="{ openSub: false }"
2875          class="relative pl-7.5 pr-7.5 font-normal"
2876          
2877            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2878            @mouseleave="$el.classList.remove('is-focus-child');"
2879            @mouseover.away="openSub = false"
2880            @focusin="$el.classList.add('is-focus-child');"
2881            @focusout="$el.classList.remove('is-focus-child');"
2882          
2883        >
2884          <div class="sub-menu flex items-center pt-3">
2885            <span class="flex-1">
2886              <a
2887                href="/products/nacho-quatro"
2888                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2889                
2890              >
2891                <span class="link-animation relative">Quatro</span></a>
2892            </span>
2893          </div></li><li
2894          x-data="{ openSub: false }"
2895          class="relative pl-7.5 pr-7.5 font-normal"
2896          
2897            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2898            @mouseleave="$el.classList.remove('is-focus-child');"
2899            @mouseover.away="openSub = false"
2900            @focusin="$el.classList.add('is-focus-child');"
2901            @focusout="$el.classList.remove('is-focus-child');"
2902          
2903        >
2904          <div class="sub-menu flex items-center pt-3">
2905            <span class="flex-1">
2906              <a
2907                href="/products/nacho-nano"
2908                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2909                
2910              >
2911                <span class="link-animation relative">NANO</span></a>
2912            </span>
2913          </div></li><li
2914          x-data="{ openSub: false }"
2915          class="relative pl-7.5 pr-7.5 font-normal"
2916          
2917            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2918            @mouseleave="$el.classList.remove('is-focus-child');"
2919            @mouseover.away="openSub = false"
2920            @focusin="$el.classList.add('is-focus-child');"
2921            @focusout="$el.classList.remove('is-focus-child');"
2922          
2923        >
2924          <div class="sub-menu flex items-center pt-3">
2925            <span class="flex-1">
2926              <a
2927                href="/products/nacho-tm5"
2928                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2929                
2930              >
2931                <span class="link-animation relative">TM5</span></a>
2932            </span>
2933          </div></li><li
2934          x-data="{ openSub: false }"
2935          class="relative pl-7.5 pr-7.5 font-normal"
2936          
2937            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2938            @mouseleave="$el.classList.remove('is-focus-child');"
2939            @mouseover.away="openSub = false"
2940            @focusin="$el.classList.add('is-focus-child');"
2941            @focusout="$el.classList.remove('is-focus-child');"
2942          
2943        >
2944          <div class="sub-menu flex items-center pt-3">
2945            <span class="flex-1">
2946              <a
2947                href="/products/nacho-quatro-sae"
2948                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2949                
2950              >
2951                <span class="link-animation relative">Quatro SAE</span></a>
2952            </span>
2953          </div></li><li
2954          x-data="{ openSub: false }"
2955          class="relative pl-7.5 pr-7.5 font-normal"
2956          
2957            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2958            @mouseleave="$el.classList.remove('is-focus-child');"
2959            @mouseover.away="openSub = false"
2960            @focusin="$el.classList.add('is-focus-child');"
2961            @focusout="$el.classList.remove('is-focus-child');"
2962          
2963        >
2964          <div class="sub-menu flex items-center pt-3">
2965            <span class="flex-1">
2966              <a
2967                href="/products/quatro-chase"
2968                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2969                
2970              >
2971                <span class="link-animation relative">Quatro Chase</span></a>
2972            </span>
2973          </div></li><li
2974          x-data="{ openSub: false }"
2975          class="relative pl-7.5 pr-7.5 font-normal"
2976          
2977            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
2978            @mouseleave="$el.classList.remove('is-focus-child');"
2979            @mouseover.away="openSub = false"
2980            @focusin="$el.classList.add('is-focus-child');"
2981            @focusout="$el.classList.remove('is-focus-child');"
2982          
2983        >
2984          <div class="sub-menu flex items-center pt-3">
2985            <span class="flex-1">
2986              <a
2987                href="/products/quatro-adv"
2988                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
2989                
2990              >
2991                <span class="link-animation relative">Quatro ADV</span></a>
2992            </span>
2993          </div></li></ul>
2994    
2995  </div>
2996              </li><li
2997                
2998                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
2999                
3000                @mouseleave="$el.classList.remove('is-focus');"
3001                @focusin="$el.classList.add('is-focus');"
3002                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3003                class="first-menu-item menu-item main-menu-item"
3004              >
3005                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3006                  <a
3007                    href="/collections/mounting"
3008                    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"
3009                    
3010                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3011                    
3012                    
3013                  >
3014                    
3015                      <span>Mounting</span>
3016                    
3017<span
3018                        class="icon-caret w-5 h-5 ps-2"
3019                        tabindex="0"
3020                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3021                      ><svg
3022        width="100%"
3023        height="100%"
3024        viewBox="0 0 9 7"
3025        fill="none"
3026        xmlns="http://www.w3.org/2000/svg"
3027        style="fill: none;"
3028    >
3029      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3030            stroke-linejoin="round"/>
3031    </svg></span></a>
3032                </div>
3033                <div
3034    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"
3035    x-init="setPosition($el,1); resizeWindow($el,1)"
3036    inert
3037  >
3038    <ul class="pt-7.5 pb-7.5">
3039      
3040<li
3041          x-data="{ openSub: false }"
3042          class="relative pl-7.5 pr-7.5 font-normal"
3043          
3044            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3045            @mouseleave="$el.classList.remove('is-focus-child');"
3046            @mouseover.away="openSub = false"
3047            @focusin="$el.classList.add('is-focus-child');"
3048            @focusout="$el.classList.remove('is-focus-child');"
3049          
3050        >
3051          <div class="sub-menu flex items-center">
3052            <span class="flex-1">
3053              <a
3054                href="#"
3055                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3056                
3057              >
3058                <span class="link-animation relative">Kits</span><span
3059                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3060                    @keyup.enter="openSub=!openSub"
3061                    tabindex="0"
3062                  ><svg
3063        width="100%"
3064        height="100%"
3065        viewBox="0 0 9 7"
3066        fill="none"
3067        xmlns="http://www.w3.org/2000/svg"
3068        style="fill: none;"
3069    >
3070      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3071            stroke-linejoin="round"/>
3072    </svg></span></a>
3073            </span>
3074          </div><div
3075              class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden"
3076              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3077              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3078              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3079            >
3080              <span
3081                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3082                :class="!openSub && 'scale-x-0'"
3083              ></span>
3084              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3085                    <div class="flex items-center">
3086                      <span class="flex-1">
3087                        <a
3088                          href="/products/bronco-fog-kit"
3089                          class="link-animation link inline-block x-break-words relative w-full "
3090                        >
3091                          <span>Bronco Plug N Play Kit</span>
3092                        </a>
3093                      </span>
3094                    </div>
3095                  </li><li class="relative pl-7.5 pr-7.5">
3096                    <div class="flex items-center pt-3">
3097                      <span class="flex-1">
3098                        <a
3099                          href="/products/jl-jt-sae-fog-kit"
3100                          class="link-animation link inline-block x-break-words relative w-full "
3101                        >
3102                          <span>Jeep JL/JT Plug N Play Kit</span>
3103                        </a>
3104                      </span>
3105                    </div>
3106                  </li><li class="relative pl-7.5 pr-7.5">
3107                    <div class="flex items-center pt-3">
3108                      <span class="flex-1">
3109                        <a
3110                          href="/products/toyota-sae-fog-kit"
3111                          class="link-animation link inline-block x-break-words relative w-full "
3112                        >
3113                          <span>Toyota Plug N Play Kit</span>
3114                        </a>
3115                      </span>
3116                    </div>
3117                  </li><li class="relative pl-7.5 pr-7.5">
3118                    <div class="flex items-center pt-3">
3119                      <span class="flex-1">
3120                        <a
3121                          href="/products/universal-reverse-kit"
3122                          class="link-animation link inline-block x-break-words relative w-full "
3123                        >
3124                          <span>Reverse Kit</span>
3125                        </a>
3126                      </span>
3127                    </div>
3128                  </li><li class="relative pl-7.5 pr-7.5">
3129                    <div class="flex items-center pt-3">
3130                      <span class="flex-1">
3131                        <a
3132                          href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens"
3133                          class="link-animation link inline-block x-break-words relative w-full "
3134                        >
3135                          <span>Sprinter Front Bumper Kit</span>
3136                        </a>
3137                      </span>
3138                    </div>
3139                  </li><li class="relative pl-7.5 pr-7.5">
3140                    <div class="flex items-center pt-3">
3141                      <span class="flex-1">
3142                        <a
3143                          href="/products/sprinter-fog-light-kit"
3144                          class="link-animation link inline-block x-break-words relative w-full "
3145                        >
3146                          <span>Sprinter Fog Kit</span>
3147                        </a>
3148                      </span>
3149                    </div>
3150                  </li><li class="relative pl-7.5 pr-7.5">
3151                    <div class="flex items-center pt-3">
3152                      <span class="flex-1">
3153                        <a
3154                          href="/products/promaster-fog-light-kit-amber"
3155                          class="link-animation link inline-block x-break-words relative w-full "
3156                        >
3157                          <span>Promaster Fog Kit</span>
3158                        </a>
3159                      </span>
3160                    </div>
3161                  </li><li class="relative pl-7.5 pr-7.5">
3162                    <div class="flex items-center pt-3">
3163                      <span class="flex-1">
3164                        <a
3165                          href="/products/nano-arb-kit"
3166                          class="link-animation link inline-block x-break-words relative w-full "
3167                        >
3168                          <span>ARB Base Rack NANO Kit</span>
3169                        </a>
3170                      </span>
3171                    </div>
3172                  </li></ul>
3173            </div></li><li
3174          x-data="{ openSub: false }"
3175          class="relative pl-7.5 pr-7.5 font-normal"
3176          
3177            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3178            @mouseleave="$el.classList.remove('is-focus-child');"
3179            @mouseover.away="openSub = false"
3180            @focusin="$el.classList.add('is-focus-child');"
3181            @focusout="$el.classList.remove('is-focus-child');"
3182          
3183        >
3184          <div class="sub-menu flex items-center pt-3">
3185            <span class="flex-1">
3186              <a
3187                href="/collections/mounting"
3188                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3189                
3190              >
3191                <span class="link-animation relative">Mounts</span><span
3192                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3193                    @keyup.enter="openSub=!openSub"
3194                    tabindex="0"
3195                  ><svg
3196        width="100%"
3197        height="100%"
3198        viewBox="0 0 9 7"
3199        fill="none"
3200        xmlns="http://www.w3.org/2000/svg"
3201        style="fill: none;"
3202    >
3203      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3204            stroke-linejoin="round"/>
3205    </svg></span></a>
3206            </span>
3207          </div><div
3208              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3209              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3210              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3211              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3212            >
3213              <span
3214                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3215                :class="!openSub && 'scale-x-0'"
3216              ></span>
3217              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3218                    <div class="flex items-center">
3219                      <span class="flex-1">
3220                        <a
3221                          href="/collections/mounting"
3222                          class="link-animation link inline-block x-break-words relative w-full "
3223                        >
3224                          <span>All Mounts</span>
3225                        </a>
3226                      </span>
3227                    </div>
3228                  </li><li class="relative pl-7.5 pr-7.5">
3229                    <div class="flex items-center pt-3">
3230                      <span class="flex-1">
3231                        <a
3232                          href="/collections/arb-mounts"
3233                          class="link-animation link inline-block x-break-words relative w-full "
3234                        >
3235                          <span>ARB</span>
3236                        </a>
3237                      </span>
3238                    </div>
3239                  </li><li class="relative pl-7.5 pr-7.5">
3240                    <div class="flex items-center pt-3">
3241                      <span class="flex-1">
3242                        <a
3243                          href="/products/nano-arb-kit"
3244                          class="link-animation link inline-block x-break-words relative w-full "
3245                        >
3246                          <span>ARB NANO Kit</span>
3247                        </a>
3248                      </span>
3249                    </div>
3250                  </li><li class="relative pl-7.5 pr-7.5">
3251                    <div class="flex items-center pt-3">
3252                      <span class="flex-1">
3253                        <a
3254                          href="/collections/ford-products"
3255                          class="link-animation link inline-block x-break-words relative w-full "
3256                        >
3257                          <span>Ford</span>
3258                        </a>
3259                      </span>
3260                    </div>
3261                  </li><li class="relative pl-7.5 pr-7.5">
3262                    <div class="flex items-center pt-3">
3263                      <span class="flex-1">
3264                        <a
3265                          href="/collections/jeep-products"
3266                          class="link-animation link inline-block x-break-words relative w-full "
3267                        >
3268                          <span>Jeep</span>
3269                        </a>
3270                      </span>
3271                    </div>
3272                  </li><li class="relative pl-7.5 pr-7.5">
3273                    <div class="flex items-center pt-3">
3274                      <span class="flex-1">
3275                        <a
3276                          href="/products/nano-mount-pair"
3277                          class="link-animation link inline-block x-break-words relative w-full "
3278                        >
3279                          <span>NANO Mounts</span>
3280                        </a>
3281                      </span>
3282                    </div>
3283                  </li><li class="relative pl-7.5 pr-7.5">
3284                    <div class="flex items-center pt-3">
3285                      <span class="flex-1">
3286                        <a
3287                          href="/collections/toyota-products"
3288                          class="link-animation link inline-block x-break-words relative w-full "
3289                        >
3290                          <span>Toyota</span>
3291                        </a>
3292                      </span>
3293                    </div>
3294                  </li><li class="relative pl-7.5 pr-7.5">
3295                    <div class="flex items-center pt-3">
3296                      <span class="flex-1">
3297                        <a
3298                          href="/products/ac13u"
3299                          class="link-animation link inline-block x-break-words relative w-full "
3300                        >
3301                          <span>Quatro Flush Mount</span>
3302                        </a>
3303                      </span>
3304                    </div>
3305                  </li></ul>
3306            </div></li></ul>
3307    
3308      <div
3309        class="hidden 1"
3310        x-init="setPosition($el,2); resizeWindow($el,2)"
3311      ></div>
3312    
3313  </div>
3314              </li><li
3315                
3316                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3317                
3318                @mouseleave="$el.classList.remove('is-focus');"
3319                @focusin="$el.classList.add('is-focus');"
3320                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3321                class="first-menu-item menu-item main-menu-item"
3322              >
3323                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3324                  <a
3325                    href="/collections/accessories"
3326                    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"
3327                    
3328                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3329                    
3330                    
3331                  >
3332                    
3333                      <span>Accessories</span>
3334                    
3335<span
3336                        class="icon-caret w-5 h-5 ps-2"
3337                        tabindex="0"
3338                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3339                      ><svg
3340        width="100%"
3341        height="100%"
3342        viewBox="0 0 9 7"
3343        fill="none"
3344        xmlns="http://www.w3.org/2000/svg"
3345        style="fill: none;"
3346    >
3347      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3348            stroke-linejoin="round"/>
3349    </svg></span></a>
3350                </div>
3351                <div
3352    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"
3353    x-init="setPosition($el,1); resizeWindow($el,1)"
3354    inert
3355  >
3356    <ul class="pt-7.5 pb-7.5">
3357      
3358<li
3359          x-data="{ openSub: false }"
3360          class="relative pl-7.5 pr-7.5 font-normal"
3361          
3362            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3363            @mouseleave="$el.classList.remove('is-focus-child');"
3364            @mouseover.away="openSub = false"
3365            @focusin="$el.classList.add('is-focus-child');"
3366            @focusout="$el.classList.remove('is-focus-child');"
3367          
3368        >
3369          <div class="sub-menu flex items-center">
3370            <span class="flex-1">
3371              <a
3372                href="#"
3373                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3374                
3375              >
3376                <span class="link-animation relative">Grande</span><span
3377                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3378                    @keyup.enter="openSub=!openSub"
3379                    tabindex="0"
3380                  ><svg
3381        width="100%"
3382        height="100%"
3383        viewBox="0 0 9 7"
3384        fill="none"
3385        xmlns="http://www.w3.org/2000/svg"
3386        style="fill: none;"
3387    >
3388      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3389            stroke-linejoin="round"/>
3390    </svg></span></a>
3391            </span>
3392          </div><div
3393              class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden"
3394              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3395              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3396              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3397            >
3398              <span
3399                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3400                :class="!openSub && 'scale-x-0'"
3401              ></span>
3402              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3403                    <div class="flex items-center">
3404                      <span class="flex-1">
3405                        <a
3406                          href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146"
3407                          class="link-animation link inline-block x-break-words relative w-full "
3408                        >
3409                          <span>Cover</span>
3410                        </a>
3411                      </span>
3412                    </div>
3413                  </li><li class="relative pl-7.5 pr-7.5">
3414                    <div class="flex items-center pt-3">
3415                      <span class="flex-1">
3416                        <a
3417                          href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778"
3418                          class="link-animation link inline-block x-break-words relative w-full "
3419                        >
3420                          <span>Exo-Skeleton</span>
3421                        </a>
3422                      </span>
3423                    </div>
3424                  </li><li class="relative pl-7.5 pr-7.5">
3425                    <div class="flex items-center pt-3">
3426                      <span class="flex-1">
3427                        <a
3428                          href="/products/sorcery-wand"
3429                          class="link-animation link inline-block x-break-words relative w-full "
3430                        >
3431                          <span>Sorcery Wand</span>
3432                        </a>
3433                      </span>
3434                    </div>
3435                  </li><li class="relative pl-7.5 pr-7.5">
3436                    <div class="flex items-center pt-3">
3437                      <span class="flex-1">
3438                        <a
3439                          href="/products/nacho-window-shades"
3440                          class="link-animation link inline-block x-break-words relative w-full "
3441                        >
3442                          <span>Window Shades</span>
3443                        </a>
3444                      </span>
3445                    </div>
3446                  </li></ul>
3447            </div></li><li
3448          x-data="{ openSub: false }"
3449          class="relative pl-7.5 pr-7.5 font-normal"
3450          
3451            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3452            @mouseleave="$el.classList.remove('is-focus-child');"
3453            @mouseover.away="openSub = false"
3454            @focusin="$el.classList.add('is-focus-child');"
3455            @focusout="$el.classList.remove('is-focus-child');"
3456          
3457        >
3458          <div class="sub-menu flex items-center pt-3">
3459            <span class="flex-1">
3460              <a
3461                href="#"
3462                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3463                
3464              >
3465                <span class="link-animation relative">Quatro</span><span
3466                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3467                    @keyup.enter="openSub=!openSub"
3468                    tabindex="0"
3469                  ><svg
3470        width="100%"
3471        height="100%"
3472        viewBox="0 0 9 7"
3473        fill="none"
3474        xmlns="http://www.w3.org/2000/svg"
3475        style="fill: none;"
3476    >
3477      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3478            stroke-linejoin="round"/>
3479    </svg></span></a>
3480            </span>
3481          </div><div
3482              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3483              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3484              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3485              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3486            >
3487              <span
3488                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3489                :class="!openSub && 'scale-x-0'"
3490              ></span>
3491              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3492                    <div class="flex items-center">
3493                      <span class="flex-1">
3494                        <a
3495                          href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178"
3496                          class="link-animation link inline-block x-break-words relative w-full "
3497                        >
3498                          <span>Cover</span>
3499                        </a>
3500                      </span>
3501                    </div>
3502                  </li><li class="relative pl-7.5 pr-7.5">
3503                    <div class="flex items-center pt-3">
3504                      <span class="flex-1">
3505                        <a
3506                          href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546"
3507                          class="link-animation link inline-block x-break-words relative w-full "
3508                        >
3509                          <span>Exo-Skeleton</span>
3510                        </a>
3511                      </span>
3512                    </div>
3513                  </li><li class="relative pl-7.5 pr-7.5">
3514                    <div class="flex items-center pt-3">
3515                      <span class="flex-1">
3516                        <a
3517                          href="/products/ac13u"
3518                          class="link-animation link inline-block x-break-words relative w-full "
3519                        >
3520                          <span>Flush Mount</span>
3521                        </a>
3522                      </span>
3523                    </div>
3524                  </li><li class="relative pl-7.5 pr-7.5">
3525                    <div class="flex items-center pt-3">
3526                      <span class="flex-1">
3527                        <a
3528                          href="/products/nacho-window-shades"
3529                          class="link-animation link inline-block x-break-words relative w-full "
3530                        >
3531                          <span>Window Shades</span>
3532                        </a>
3533                      </span>
3534                    </div>
3535                  </li><li class="relative pl-7.5 pr-7.5">
3536                    <div class="flex items-center pt-3">
3537                      <span class="flex-1">
3538                        <a
3539                          href="/products/set-back-quatro-bracket"
3540                          class="link-animation link inline-block x-break-words relative w-full "
3541                        >
3542                          <span>Set Back Bracket</span>
3543                        </a>
3544                      </span>
3545                    </div>
3546                  </li></ul>
3547            </div></li><li
3548          x-data="{ openSub: false }"
3549          class="relative pl-7.5 pr-7.5 font-normal"
3550          
3551            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3552            @mouseleave="$el.classList.remove('is-focus-child');"
3553            @mouseover.away="openSub = false"
3554            @focusin="$el.classList.add('is-focus-child');"
3555            @focusout="$el.classList.remove('is-focus-child');"
3556          
3557        >
3558          <div class="sub-menu flex items-center pt-3">
3559            <span class="flex-1">
3560              <a
3561                href="#"
3562                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3563                
3564              >
3565                <span class="link-animation relative">NANO</span><span
3566                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3567                    @keyup.enter="openSub=!openSub"
3568                    tabindex="0"
3569                  ><svg
3570        width="100%"
3571        height="100%"
3572        viewBox="0 0 9 7"
3573        fill="none"
3574        xmlns="http://www.w3.org/2000/svg"
3575        style="fill: none;"
3576    >
3577      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3578            stroke-linejoin="round"/>
3579    </svg></span></a>
3580            </span>
3581          </div><div
3582              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3583              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3584              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3585              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3586            >
3587              <span
3588                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3589                :class="!openSub && 'scale-x-0'"
3590              ></span>
3591              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3592                    <div class="flex items-center">
3593                      <span class="flex-1">
3594                        <a
3595                          href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290"
3596                          class="link-animation link inline-block x-break-words relative w-full "
3597                        >
3598                          <span>NANO Harness</span>
3599                        </a>
3600                      </span>
3601                    </div>
3602                  </li><li class="relative pl-7.5 pr-7.5">
3603                    <div class="flex items-center pt-3">
3604                      <span class="flex-1">
3605                        <a
3606                          href="https://www.nachooffroadtechnology.com/products/nano-y-splitter"
3607                          class="link-animation link inline-block x-break-words relative w-full "
3608                        >
3609                          <span>NANO Y-Splitter</span>
3610                        </a>
3611                      </span>
3612                    </div>
3613                  </li></ul>
3614            </div></li><li
3615          x-data="{ openSub: false }"
3616          class="relative pl-7.5 pr-7.5 font-normal"
3617          
3618            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3619            @mouseleave="$el.classList.remove('is-focus-child');"
3620            @mouseover.away="openSub = false"
3621            @focusin="$el.classList.add('is-focus-child');"
3622            @focusout="$el.classList.remove('is-focus-child');"
3623          
3624        >
3625          <div class="sub-menu flex items-center pt-3">
3626            <span class="flex-1">
3627              <a
3628                href="#"
3629                class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5  duration-200 transition "
3630                
3631              >
3632                <span class="link-animation relative">TM5</span><span
3633                    class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 "
3634                    @keyup.enter="openSub=!openSub"
3635                    tabindex="0"
3636                  ><svg
3637        width="100%"
3638        height="100%"
3639        viewBox="0 0 9 7"
3640        fill="none"
3641        xmlns="http://www.w3.org/2000/svg"
3642        style="fill: none;"
3643    >
3644      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3645            stroke-linejoin="round"/>
3646    </svg></span></a>
3647            </span>
3648          </div><div
3649              class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden"
3650              :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' "
3651              @focusin="openSub = true; $el.classList.add('is-focus-child');"
3652              @focusout="openSub = false; $el.classList.remove('is-focus-child');"
3653            >
3654              <span
3655                class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left"
3656                :class="!openSub && 'scale-x-0'"
3657              ></span>
3658              <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5">
3659                    <div class="flex items-center">
3660                      <span class="flex-1">
3661                        <a
3662                          href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946"
3663                          class="link-animation link inline-block x-break-words relative w-full "
3664                        >
3665                          <span>Cover</span>
3666                        </a>
3667                      </span>
3668                    </div>
3669                  </li></ul>
3670            </div></li><li
3671          x-data="{ openSub: false }"
3672          class="relative pl-7.5 pr-7.5 font-normal"
3673          
3674            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3675            @mouseleave="$el.classList.remove('is-focus-child');"
3676            @mouseover.away="openSub = false"
3677            @focusin="$el.classList.add('is-focus-child');"
3678            @focusout="$el.classList.remove('is-focus-child');"
3679          
3680        >
3681          <div class="sub-menu flex items-center pt-3">
3682            <span class="flex-1">
3683              <a
3684                href="/collections/harness-switches"
3685                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3686                
3687              >
3688                <span class="link-animation relative">Harnesses &amp; Switches</span></a>
3689            </span>
3690          </div></li></ul>
3691    
3692      <div
3693        class="hidden 1"
3694        x-init="setPosition($el,2); resizeWindow($el,2)"
3695      ></div>
3696    
3697  </div>
3698              </li><li
3699                
3700                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3701                
3702                @mouseleave="$el.classList.remove('is-focus');"
3703                @focusin="$el.classList.add('is-focus');"
3704                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3705                class="first-menu-item menu-item main-menu-item"
3706              >
3707                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3708                  <a
3709                    href="#"
3710                    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"
3711                    
3712                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3713                    
3714                    
3715                  >
3716                    
3717                      <span>Powersports</span>
3718                    
3719<span
3720                        class="icon-caret w-5 h-5 ps-2"
3721                        tabindex="0"
3722                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3723                      ><svg
3724        width="100%"
3725        height="100%"
3726        viewBox="0 0 9 7"
3727        fill="none"
3728        xmlns="http://www.w3.org/2000/svg"
3729        style="fill: none;"
3730    >
3731      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3732            stroke-linejoin="round"/>
3733    </svg></span></a>
3734                </div>
3735                <div
3736    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"
3737    x-init="setPosition($el,1); resizeWindow($el,1)"
3738    inert
3739  >
3740    <ul class="pt-7.5 pb-7.5">
3741      
3742<li
3743          x-data="{ openSub: false }"
3744          class="relative pl-7.5 pr-7.5 font-normal"
3745          
3746            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3747            @mouseleave="$el.classList.remove('is-focus-child');"
3748            @mouseover.away="openSub = false"
3749            @focusin="$el.classList.add('is-focus-child');"
3750            @focusout="$el.classList.remove('is-focus-child');"
3751          
3752        >
3753          <div class="sub-menu flex items-center">
3754            <span class="flex-1">
3755              <a
3756                href="/products/quatro-adv"
3757                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3758                
3759              >
3760                <span class="link-animation relative">Quatro ADV</span></a>
3761            </span>
3762          </div></li><li
3763          x-data="{ openSub: false }"
3764          class="relative pl-7.5 pr-7.5 font-normal"
3765          
3766            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3767            @mouseleave="$el.classList.remove('is-focus-child');"
3768            @mouseover.away="openSub = false"
3769            @focusin="$el.classList.add('is-focus-child');"
3770            @focusout="$el.classList.remove('is-focus-child');"
3771          
3772        >
3773          <div class="sub-menu flex items-center pt-3">
3774            <span class="flex-1">
3775              <a
3776                href="/collections/husqvarna-mounts"
3777                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3778                
3779              >
3780                <span class="link-animation relative">Husqvarna</span></a>
3781            </span>
3782          </div></li><li
3783          x-data="{ openSub: false }"
3784          class="relative pl-7.5 pr-7.5 font-normal"
3785          
3786            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3787            @mouseleave="$el.classList.remove('is-focus-child');"
3788            @mouseover.away="openSub = false"
3789            @focusin="$el.classList.add('is-focus-child');"
3790            @focusout="$el.classList.remove('is-focus-child');"
3791          
3792        >
3793          <div class="sub-menu flex items-center pt-3">
3794            <span class="flex-1">
3795              <a
3796                href="/collections/ktm-mounts"
3797                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3798                
3799              >
3800                <span class="link-animation relative">KTM</span></a>
3801            </span>
3802          </div></li><li
3803          x-data="{ openSub: false }"
3804          class="relative pl-7.5 pr-7.5 font-normal"
3805          
3806            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3807            @mouseleave="$el.classList.remove('is-focus-child');"
3808            @mouseover.away="openSub = false"
3809            @focusin="$el.classList.add('is-focus-child');"
3810            @focusout="$el.classList.remove('is-focus-child');"
3811          
3812        >
3813          <div class="sub-menu flex items-center pt-3">
3814            <span class="flex-1">
3815              <a
3816                href="/collections/polaris-products"
3817                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3818                
3819              >
3820                <span class="link-animation relative">Polaris</span></a>
3821            </span>
3822          </div></li></ul>
3823    
3824  </div>
3825              </li><li
3826                
3827                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3828                
3829                @mouseleave="$el.classList.remove('is-focus');"
3830                @focusin="$el.classList.add('is-focus');"
3831                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3832                class="first-menu-item menu-item main-menu-item"
3833              >
3834                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3835                  <a
3836                    href="#"
3837                    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"
3838                    
3839                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3840                    
3841                    
3842                  >
3843                    
3844                      <span>Fleet</span>
3845                    
3846<span
3847                        class="icon-caret w-5 h-5 ps-2"
3848                        tabindex="0"
3849                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3850                      ><svg
3851        width="100%"
3852        height="100%"
3853        viewBox="0 0 9 7"
3854        fill="none"
3855        xmlns="http://www.w3.org/2000/svg"
3856        style="fill: none;"
3857    >
3858      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3859            stroke-linejoin="round"/>
3860    </svg></span></a>
3861                </div>
3862                <div
3863    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"
3864    x-init="setPosition($el,1); resizeWindow($el,1)"
3865    inert
3866  >
3867    <ul class="pt-7.5 pb-7.5">
3868      
3869<li
3870          x-data="{ openSub: false }"
3871          class="relative pl-7.5 pr-7.5 font-normal"
3872          
3873            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3874            @mouseleave="$el.classList.remove('is-focus-child');"
3875            @mouseover.away="openSub = false"
3876            @focusin="$el.classList.add('is-focus-child');"
3877            @focusout="$el.classList.remove('is-focus-child');"
3878          
3879        >
3880          <div class="sub-menu flex items-center">
3881            <span class="flex-1">
3882              <a
3883                href="/products/quatro-red-blue-emergency"
3884                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3885                
3886              >
3887                <span class="link-animation relative">Quatro Emergency</span></a>
3888            </span>
3889          </div></li><li
3890          x-data="{ openSub: false }"
3891          class="relative pl-7.5 pr-7.5 font-normal"
3892          
3893            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
3894            @mouseleave="$el.classList.remove('is-focus-child');"
3895            @mouseover.away="openSub = false"
3896            @focusin="$el.classList.add('is-focus-child');"
3897            @focusout="$el.classList.remove('is-focus-child');"
3898          
3899        >
3900          <div class="sub-menu flex items-center pt-3">
3901            <span class="flex-1">
3902              <a
3903                href="/products/nacho-tm5-fleet"
3904                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
3905                
3906              >
3907                <span class="link-animation relative">TM5</span></a>
3908            </span>
3909          </div></li></ul>
3910    
3911  </div>
3912              </li><li
3913                
3914                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3915                
3916                @mouseleave="$el.classList.remove('is-focus');"
3917                @focusin="$el.classList.add('is-focus');"
3918                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3919                class="first-menu-item menu-item main-menu-item"
3920              >
3921                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3922                  <a
3923                    href="/collections/apparel"
3924                    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"
3925                    
3926                    
3927                  >
3928                    
3929                      <span>Apparel</span>
3930                    
3931</a>
3932                </div>
3933                
3934              </li><li
3935                
3936                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3937                
3938                @mouseleave="$el.classList.remove('is-focus');"
3939                @focusin="$el.classList.add('is-focus');"
3940                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3941                class="first-menu-item menu-item main-menu-item"
3942              >
3943                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3944                  <a
3945                    href="/pages/media"
3946                    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"
3947                    
3948                    
3949                  >
3950                    
3951                      <span>Media</span>
3952                    
3953</a>
3954                </div>
3955                
3956              </li><li
3957                
3958                  x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');"
3959                
3960                @mouseleave="$el.classList.remove('is-focus');"
3961                @focusin="$el.classList.add('is-focus');"
3962                @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)"
3963                class="first-menu-item menu-item main-menu-item"
3964              >
3965                <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]">
3966                  <a
3967                    href="#"
3968                    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"
3969                    
3970                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')"
3971                    
3972                    
3973                  >
3974                    
3975                      <span>Team Nacho</span>
3976                    
3977<span
3978                        class="icon-caret w-5 h-5 ps-2"
3979                        tabindex="0"
3980                        @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));"
3981                      ><svg
3982        width="100%"
3983        height="100%"
3984        viewBox="0 0 9 7"
3985        fill="none"
3986        xmlns="http://www.w3.org/2000/svg"
3987        style="fill: none;"
3988    >
3989      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
3990            stroke-linejoin="round"/>
3991    </svg></span></a>
3992                </div>
3993                <div
3994    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"
3995    x-init="setPosition($el,1); resizeWindow($el,1)"
3996    inert
3997  >
3998    <ul class="pt-7.5 pb-7.5">
3999      
4000<li
4001          x-data="{ openSub: false }"
4002          class="relative pl-7.5 pr-7.5 font-normal"
4003          
4004            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
4005            @mouseleave="$el.classList.remove('is-focus-child');"
4006            @mouseover.away="openSub = false"
4007            @focusin="$el.classList.add('is-focus-child');"
4008            @focusout="$el.classList.remove('is-focus-child');"
4009          
4010        >
4011          <div class="sub-menu flex items-center">
4012            <span class="flex-1">
4013              <a
4014                href="/pages/contact"
4015                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
4016                
4017              >
4018                <span class="link-animation relative">Contact</span></a>
4019            </span>
4020          </div></li><li
4021          x-data="{ openSub: false }"
4022          class="relative pl-7.5 pr-7.5 font-normal"
4023          
4024            @mouseover="openSub = true; $el.classList.add('is-focus-child');"
4025            @mouseleave="$el.classList.remove('is-focus-child');"
4026            @mouseover.away="openSub = false"
4027            @focusin="$el.classList.add('is-focus-child');"
4028            @focusout="$el.classList.remove('is-focus-child');"
4029          
4030        >
4031          <div class="sub-menu flex items-center pt-3">
4032            <span class="flex-1">
4033              <a
4034                href="/pages/racer-application"
4035                class="link relative x-break-words justify-between inline-block w-full duration-200 transition "
4036                
4037              >
4038                <span class="link-animation relative">Racer Application</span></a>
4039            </span>
4040          </div></li></ul>
4041    
4042  </div>
4043              </li></ul>
4044      </nav>
4045      <button
4046        class="scroll-nav main-menu-scroll-next z-20 rounded-none disabled:opacity-40 disabled:cursor-not-allowed "
4047        x-show="isScrollable && !isAtEnd"
4048        x-cloak
4049        @click="scrollRight"
4050        :disabled="isAtEnd"
4051        aria-label="Scroll right"
4052      >
4053        
4054    <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">
4055      <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4056    </svg>
4057  
4058      </button>
4059    </div>
4060  </div>
4061
4062</div><div class="w-full [grid-area:header-center] lg:hidden">
4063            <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">
4064  <picture>
4065    <source
4066      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w,
4067      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w,
4068      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w,
4069      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w,
4070      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w,
4071      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w"
4072      media="(max-width: 1023px)"
4073      width="150"
4074      height="63"
4075    >
4076    <img
4077      srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w,
4078        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w,
4079        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w,
4080        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w,
4081        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w,
4082        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w,
4083        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w,
4084        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w,
4085        //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w"
4086      loading="eager"
4087      sizes="(min-width: 768px) 450px, 150px"
4088      src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478"
4089      
4090        :alt="(screen.width < 768) ? '' : ''"
4091      
4092      class="object-cover h-full w-full image-sections--20172716769450__header"
4093      width="150"
4094      height="66"
4095      fetchpriority="high"
4096      decoding="sync"
4097    >
4098  </picture>
4099</span><span class="header-logo-width logo-image logo-light relative dark:hidden">
4100  <picture>
4101    <source
4102      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
4103      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
4104      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
4105      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
4106      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
4107      //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w"
4108      media="(max-width: 1023px)"
4109      width="150"
4110      height="63"
4111    >
4112    <img
4113      srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w,
4114        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w,
4115        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w,
4116        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w,
4117        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w,
4118        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w,
4119        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w,
4120        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w,
4121        //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w"
4122      loading="eager"
4123      sizes="(min-width: 768px) 450px, 150px"
4124      src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000"
4125      
4126        :alt="(screen.width < 768) ? '' : ''"
4127      
4128      class="object-cover h-full w-full image-sections--20172716769450__header"
4129      width="150"
4130      height="63"
4131      fetchpriority="high"
4132      decoding="sync"
4133    >
4134  </picture>
4135</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">
4136      <label
4137        id="darkLabel-desktop"
4138        class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer "
4139        :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''"
4140        tabindex="0"
4141        @keyup.enter="$el.click()"
4142      >
4143        <input
4144          @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();"
4145          type="checkbox"
4146          id="check-mode-desktop"
4147          class="input-check-mode absolute top-0 left-0 w-full h-full invisible"
4148        >
4149        <span class="toggle-body block overflow-hidden">
4150          <span class="toggle-body-inner">
4151            <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">
4152      <path
4153          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"
4154          fill="currentColor"/>
4155    </svg></span>
4156            <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">
4157      <path
4158          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"
4159          fill="currentColor"/>
4160      <path
4161          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"
4162          fill="currentColor"/>
4163      <path
4164          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"
4165          fill="currentColor"/>
4166      <path
4167          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"
4168          fill="currentColor"/>
4169      <path
4170          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"
4171          fill="currentColor"/>
4172      <path
4173          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
4173552 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"
4174          fill="currentColor"/>
4175      <path
4176          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"
4177          fill="currentColor"/>
4178      <path
4179          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"
4180          fill="currentColor"/>
4181      <path
4182          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"
4183          fill="currentColor"/>
4184    </svg></span>
4185
4186            <span class="icon-toggle-theme-mode-loading">
4187              <span class="animate-spin block icon">
4188                <svg
4189        version="1.0"
4190        xmlns="http://www.w3.org/2000/svg"
4191        viewBox="0 0 512.000000 512.000000"
4192        preserveAspectRatio="xMidYMid meet"
4193    >
4194      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4195         fill="currentColor" stroke="none">
4196        <path
4197            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"/>
4198      </g>
4199    </svg>
4200              </span>
4201            </span>
4202          </span>
4203        </span>
4204      </label>
4205    </div></div><div class="x-header-store-selector-desktop self-center lg:block hidden empty:hidden lg:max-w-[200px]"></div>
4206            <div class="hidden lg:flex items-center gap-2 empty:hidden">
4207
4208
4209  
4210
4211  <div
4212    x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')"
4213    class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1"
4214    @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();"
4215    @click.away="isFocusedSearchForm && close()"
4216  >
4217    
4218    
4219      
4220        <a
4221          id="SearchOpen"
4222          href="/search"
4223          aria-label="Search..."
4224          role="button"
4225          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"
4226          @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');"
4227        >
4228          <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;">
4229      <path
4230          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"
4231          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4232      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4233            stroke-linejoin="round"/>
4234    </svg></span>
4235        </a>
4236      
4237    
4238
4239    <div
4240      id="FormSearch__desktop"
4241      x-ref="open_search"
4242      
4243        
4244          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"
4245        
4246        :class="isFocusedSearchForm ? '!visible !block is-open' : ''"
4247      
4248    >
4249      
4250        
4251        <div
4252          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"
4253          :class="isFocusedSearchForm ? '' : 'opacity-0 invisible'"
4254          x-cloak
4255          x-on:click="close(); $store.xFocusElement.removeTrapFocus();"
4256        ></div>
4257      
4258
4259      
4260
4261      <div
4262        class="search-box-wrapper relative mt-3 lg:mt-0 md:top-0 w-full"
4263        data-loading-text="Loading"
4264        
4265        
4266      >
4267        <div
4268          
4269            id="SearchBarFixed__desktop"
4270          
4271          x-ref="search_bar_fixed"
4272          class="mx-auto w-full relative header-search__bar--compact z-50 px-0 py-0 lg:py-2 lg:px-2 rounded-corners"
4273          
4274            :class="isFocusedSearchForm ? 'lg:!fixed left-0 right-0 search-expand-open' : 'search-expand-closed'"
4275          
4276        >
4277          <div
4278            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"
4279            
4280          >
4281            
4282              <select-element
4283                class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5  max-w-[40%] "
4284                data-picker-type="dropdown"
4285              >
4286                <div class="select relative">
4287                  <div
4288                    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"
4289                    role="button"
4290                    tabindex="0"
4291                    aria-expanded="false"
4292                    aria-controls="CategoriesList"
4293                    aria-describedby="CategoriesHeading"
4294                    
4295                    @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')"
4296                  >
4297                    <span
4298                      class="select-button__label line-clamp-1 flex-1 p-break-words"
4299                      data-section-id="sections--20172716769450__header"
4300                    >
4301                      All categories
4302                    </span>
4303                    <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg
4304        width="100%"
4305        height="100%"
4306        viewBox="0 0 9 7"
4307        fill="none"
4308        xmlns="http://www.w3.org/2000/svg"
4309        style="fill: none;"
4310    >
4311      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4312            stroke-linejoin="round"/>
4313    </svg></span>
4314                    <div
4315                      class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners"
4316                      x-show="loadingProductType === 'loading'"
4317                      x-cloak
4318                    >
4319                      <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg
4320        version="1.0"
4321        xmlns="http://www.w3.org/2000/svg"
4322        viewBox="0 0 512.000000 512.000000"
4323        preserveAspectRatio="xMidYMid meet"
4324    >
4325      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4326         fill="currentColor" stroke="none">
4327        <path
4328            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"/>
4329      </g>
4330    </svg></span>
4331                    </div>
4332                  </div>
4333                  <div
4334                    class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]"
4335                    data-adjust-position="false"
4336                  >
4337                    <ul
4338                      role="listbox"
4339                      class="select-options hidden"
4340                      aria-label="CategoriesList"
4341                    >
4342                      <li
4343                        tabindex="-1"
4344                        class="select-option hidden"
4345                        data-type="dropdown"
4346                        aria-selected="true"
4347                        role="option"
4348                        data-no-instant
4349                        data-value="All categories"
4350                        data-select-value="All categories"
4351                        @click="setProductType($el, true)"
4352                        @keydown.enter="setProductType($el, true)"
4353                        @keydown.space="setProductType($el, true)"
4354                      >
4355                        All categories
4356                      </li>
4357                    </ul>
4358                  </div>
4359                </div>
4360                <label class="hidden">
4361                  <input
4362                    name="product_type"
4363                    class="select-option-selected"
4364                    value="product_type:"
4365                    data-disclosure-input
4366                    @change="handleChangeProductType()"
4367                  >
4368                </label>
4369              </select-element>
4370            
4371
4372            <form
4373              id="form-search-sections--20172716769450__header"
4374              class="form-search grow z-0"
4375              action="/search"
4376              method="get"
4377              role="search"
4378            >
4379              <label
4380                for="search-in-modal-desktop"
4381                class="hidden"
4382              >Search...</label>
4383              <input
4384                id="search-in-modal-desktop"
4385                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)]"
4386                type="search"
4387                
4388                name="q"
4389                value=""
4390                x-on:keydown="handleKeyUpModal($event)"
4391                @input.debounce.500ms="handleChangeInput()"
4392                @click="focusForm();"
4393                placeholder="What are you searching for?"
4394                x-ref="input_search"
4395              >
4396              <input
4397                type="hidden"
4398                name="type"
4399                value="product"
4400              >
4401              <input
4402                type="hidden"
4403                :value="productTypeSelected == 'All categories' ? '' : productTypeSelected"
4404                name="filter.p.product_type"
4405                x-bind:disabled="productTypeSelected == 'All categories'"
4406              >
4407              <button
4408                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"
4409                aria-label="Search..."
4410                
4411              >
4412                <span
4413                  
4414                ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
4415      <path
4416          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"
4417          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4418      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
4419            stroke-linejoin="round"/>
4420    </svg></span>
4421                
4422              </button>
4423              
4424                <button
4425                  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"
4426                  x-data="xSpeechSearch($el)"
4427                  x-show="show"
4428                  x-cloak
4429                  type="button"
4430                  tabindex="0"
4431                  aria-label="Voice"
4432                >
4433                  <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
4434      <path
4435          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"
4436          fill="currentColor"></path>
4437    </svg>
4438                </button>
4439              
4440<div
4441                x-ref="search_content"
4442                
4443                  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 "
4444                  x-transition:enter="transition-[500ms_500ms] transition-opacity ease-out"
4445                
4446                x-show="isFocusedSearchForm && (result !== '' )"
4447                x-transition:enter-start="opacity-0 transform translate-y-[30px]"
4448                x-transition:enter-end="opacity-100 transform translate-y-0"
4449                x-transition:leave="ease-in"
4450                x-transition:leave-start="opacity-100 transform translate-y-0"
4451                x-transition:leave-end="opacity-0 transform translate-y-[30px]"
4452                x-cloak
4453                x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__desktop', 'search-in-modal-desktop');"
4454              >
4455                <div
4456                  id="search-result"
4457                  class=" rounded-corners pb-4 color-bg-[rgba(var(--color-background))]"
4458                  tabindex="-1"
4459                  data-predictive-search
4460                  x-html="result"
4461                  x-cloak
4462                  x-show="loading == false && openResults"
4463                  x-transition:enter="transition-[500ms_500ms] ease-out"
4464                  x-transition:enter-start="opacity-0"
4465                  x-transition:enter-end="opacity-100"
4466                ></div>
4467              </div>
4468            </form>
4469          </div>
4470        </div>
4471      </div>
4472
4473      <div
4474        class="element-end-modal h-0 w-0 absolute pointer-events-none"
4475        :tabindex="isFocusedSearchForm ? '0' : '-1'"
4476        @focus="document.getElementById('SearchClose__desktop')?.focus()"
4477      ></div>
4478    </div>
4479  </div>
4480
4481<div class="header-account-menu cursor-pointer ltr:-mr-4 rtl:-ml-4">
4482                  <shopify-store store-domain="https://nacholightingco.com" country="US" language="en"></shopify-store>
4483<shopify-account menu='customer-account-main-menu'>
4484                    <div slot="signed-out-avatar">
4485                      <span class="header-account-icon w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
4486                      <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
4487      <path
4488          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"
4489          stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4490      <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"
4491            stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4492    </svg>
4493                      </span>
4494                    </div>
4495                  </shopify-account>
4496                </div></div><div class="header-icon-cart cursor-pointer relative cart-empty">
4497                <a
4498                  id="cart-icon"
4499                  class="relative"
4500                  aria-controls="CartDrawer"
4501                  aria-expanded="false"
4502                  aria-label="Your cart"
4503                  role="button"
4504                  tabindex="0"
4505                >
4506                  <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">
4507      <g clip-path="url(#clip0_30707_436)">
4508        <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"/>
4509        <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"/>
4510        <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"/>
4511      </g>
4512      <defs>
4513        <clipPath id="clip0_30707_436">
4514          <rect width="18" height="18" fill="white"/>
4515        </clipPath>
4516      </defs>
4517    </svg></span>
4518                  <div id="cart-icon-bubble" class="relative -left-0.5 rtl:left-0 rtl:-right-0.5">
4519                    <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>
4520                  </div>
4521                </a>
4522              </div></div>
4523        </div><div
4524          id="x-header-mobile"
4525          class="x-header-mobile lg:hidden w-full h-full"
4526          :class="$store.xMobileNav.show && 'active'"
4527          x-intersect.once="$store.xHelper.setPosition('#DrawerMenuMobilePosition', '#DrawerMenuMobile')"
4528        ><div
4529            class="header-mobile-overlay absolute -z-[1] w-full cursor-pointer h-full header-h-screen left-0 top-full duration-header-menu"
4530            @click="$store.xMobileNav.close()"
4531            :class="$store.xMobileNav.show ? 'opacity-100' : 'opacity-0 pointer-events-none'"
4532            x-cloak
4533            aria-hidden="true"
4534          ></div><div
4535            x-cloak
4536            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"
4537          >
4538            <nav class="main-nav-mobile h-full flex flex-col pb-3" aria-label="Main menu"><div
4539                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"
4540                x-cloak
4541              ><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">
4542                      <shopify-account menu='customer-account-main-menu'>
4543                        <div slot="signed-out-avatar" class="mobile-header-account-icon w-6 h-6 ">
4544                            <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none">
4545      <path
4546          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"
4547          stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4548      <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"
4549            stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/>
4550    </svg>
4551                        </div>
4552                      </shopify-account>
4553                    </div><div class="toggle-theme-mode will-change-transform">
4554      <label
4555        id="darkLabel-mobile"
4556        class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer  color-border-[rgba(var(--color-button-text),0.12)]"
4557        :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''"
4558        tabindex="0"
4559        @keyup.enter="$el.click()"
4560      >
4561        <input
4562          @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();"
4563          type="checkbox"
4564          id="check-mode-mobile"
4565          class="input-check-mode absolute top-0 left-0 w-full h-full invisible"
4566        >
4567        <span class="toggle-body block overflow-hidden">
4568          <span class="toggle-body-inner">
4569            <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">
4570      <path
4571          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"
4572          fill="currentColor"/>
4573    </svg></span>
4574            <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">
4575      <path
4576          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"
4577          fill="currentColor"/>
4578      <path
4579          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"
4580          fill="currentColor"/>
4581      <path
4582          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"
4583          fill="currentColor"/>
4584      <path
4585          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"
4586          fill="currentColor"/>
4587      <path
4588          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"
4589          fill="currentColor"/>
4590      <path
4591          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
4591552 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"
4592          fill="currentColor"/>
4593      <path
4594          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"
4595          fill="currentColor"/>
4596      <path
4597          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"
4598          fill="currentColor"/>
4599      <path
4600          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"
4601          fill="currentColor"/>
4602    </svg></span>
4603
4604            <span class="icon-toggle-theme-mode-loading">
4605              <span class="animate-spin block icon">
4606                <svg
4607        version="1.0"
4608        xmlns="http://www.w3.org/2000/svg"
4609        viewBox="0 0 512.000000 512.000000"
4610        preserveAspectRatio="xMidYMid meet"
4611    >
4612      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
4613         fill="currentColor" stroke="none">
4614        <path
4615            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"/>
4616      </g>
4617    </svg>
4618              </span>
4619            </span>
4620          </span>
4621        </span>
4622      </label>
4623    </div></div>
4624              </div><div
4625                id="menu-navigation"
4626                x-show="$store.xMobileNav.show"
4627                class="h-full flex-1 relative overflow-hidden"
4628                :class="$store.xMobileNav.currentMenuLinks.length === 0 ? 'overflow-y-auto' : 'overflow-hidden'"
4629              >
4630                <div class="h-full w-full scrollbar-body scrollbar overflow-y-auto">
4631                  <div id="menu-level-0" class="menu-parent w-full h-full">
4632                    <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">
4633                            <span class="inline-block w-4 shrink-0">
4634    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4635      <path d="M0 12H2V14H0V12Z" fill="currentColor"/>
4636      <path d="M4 12H12V14H4V12Z" fill="currentColor"/>
4637      <path d="M4 7H16V9H4V7Z" fill="currentColor"/>
4638      <path d="M0 7H2V9H0V7Z" fill="currentColor"/>
4639      <path d="M4 2H14V4H4V2Z" fill="currentColor"/>
4640      <path d="M0 2H2V4H0V2Z" fill="currentColor"/>
4641    </svg>
4642  </span>
4643                            <h4 class="p-break-words">Main menu</h4>
4644                          </div><ul class="h5">
4645
4646<li><div 
4647      
4648        @click="$store.xMobileNav.setActiveLink('-1')"
4649        @keyup.enter="$store.xMobileNav.setActiveLink('-1')"
4650        tabindex="0"
4651       
4652      class="menu-link mobile-menu-item flex items-center cursor-pointer"
4653    >
4654      
4655        <p class="flex-1 flex items-center cursor-pointer">
4656          <span class="x-break-words py-2">
4657            <span>Lights</span>
4658          </span>
4659        </p>
4660        <span
4661          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
4662        >
4663          <svg
4664        width="100%"
4665        height="100%"
4666        viewBox="0 0 9 7"
4667        fill="none"
4668        xmlns="http://www.w3.org/2000/svg"
4669        style="fill: none;"
4670    >
4671      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4672            stroke-linejoin="round"/>
4673    </svg>
4674        </span>
4675      
4676    </div><div
4677        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
4678        :class="$store.xMobileNav.currentMenuLinks.includes('-1') && 'menu-opening'"
4679        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
4680        >
4681        <ul 
4682          id="menu-level-1"
4683          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
4684          >
4685          <li class="flex items-center justify-between border-b px-2.5 text-right">
4686            <span
4687              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
4688              @click="$store.xMobileNav.removeActiveLink('-1');"
4689              @keyup.enter="$store.xMobileNav.removeActiveLink('-1');"
4690              aria-label="Back" 
4691              role="button"
4692              tabindex="0"
4693            >
4694              <svg
4695        width="100%"
4696        height="100%"
4697        viewBox="0 0 9 7"
4698        fill="none"
4699        xmlns="http://www.w3.org/2000/svg"
4700        style="fill: none;"
4701    >
4702      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4703            stroke-linejoin="round"/>
4704    </svg>
4705            </span>
4706            <a href="/collections/lights" class="h5 pt-4 pb-4 flex-1 ">
4707              <span class="x-break-words  !font-semibold">Lights</span>
4708            </a>
4709          </li><li>
4710              <div class="items-center"> 
4711                <div
4712                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4713                  
4714                >
4715                  
4716                    <a href="/products/nacho-supreme" class="x-break-words flex-1 py-4 items-center">
4717                  
4718                    Supreme Series
4719                  </a>
4720</div></div>
4721            </li><li>
4722              <div class="items-center"> 
4723                <div
4724                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4725                  
4726                >
4727                  
4728                    <a href="/products/nacho-grande" class="x-break-words flex-1 py-4 items-center">
4729                  
4730                    Grande
4731                  </a>
4732</div></div>
4733            </li><li>
4734              <div class="items-center"> 
4735                <div
4736                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4737                  
4738                >
4739                  
4740                    <a href="/products/nacho-quatro" class="x-break-words flex-1 py-4 items-center">
4741                  
4742                    Quatro
4743                  </a>
4744</div></div>
4745            </li><li>
4746              <div class="items-center"> 
4747                <div
4748                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4749                  
4750                >
4751                  
4752                    <a href="/products/nacho-nano" class="x-break-words flex-1 py-4 items-center">
4753                  
4754                    NANO
4755                  </a>
4756</div></div>
4757            </li><li>
4758              <div class="items-center"> 
4759                <div
4760                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4761                  
4762                >
4763                  
4764                    <a href="/products/nacho-tm5" class="x-break-words flex-1 py-4 items-center">
4765                  
4766                    TM5
4767                  </a>
4768</div></div>
4769            </li><li>
4770              <div class="items-center"> 
4771                <div
4772                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4773                  
4774                >
4775                  
4776                    <a href="/products/nacho-quatro-sae" class="x-break-words flex-1 py-4 items-center">
4777                  
4778                    Quatro SAE
4779                  </a>
4780</div></div>
4781            </li><li>
4782              <div class="items-center"> 
4783                <div
4784                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4785                  
4786                >
4787                  
4788                    <a href="/products/quatro-chase" class="x-break-words flex-1 py-4 items-center">
4789                  
4790                    Quatro Chase
4791                  </a>
4792</div></div>
4793            </li><li>
4794              <div class="items-center"> 
4795                <div
4796                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4797                  
4798                >
4799                  
4800                    <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center">
4801                  
4802                    Quatro ADV
4803                  </a>
4804</div></div>
4805            </li></ul>
4806      </div></li><li><div 
4807      
4808        @click="$store.xMobileNav.setActiveLink('-2')"
4809        @keyup.enter="$store.xMobileNav.setActiveLink('-2')"
4810        tabindex="0"
4811       
4812      class="menu-link mobile-menu-item flex items-center cursor-pointer"
4813    >
4814      
4815        <p class="flex-1 flex items-center cursor-pointer">
4816          <span class="x-break-words py-2">
4817            <span>Mounting</span>
4818          </span>
4819        </p>
4820        <span
4821          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
4822        >
4823          <svg
4824        width="100%"
4825        height="100%"
4826        viewBox="0 0 9 7"
4827        fill="none"
4828        xmlns="http://www.w3.org/2000/svg"
4829        style="fill: none;"
4830    >
4831      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4832            stroke-linejoin="round"/>
4833    </svg>
4834        </span>
4835      
4836    </div><div
4837        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
4838        :class="$store.xMobileNav.currentMenuLinks.includes('-2') && 'menu-opening'"
4839        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
4840        >
4841        <ul 
4842          id="menu-level-1"
4843          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
4844          >
4845          <li class="flex items-center justify-between border-b px-2.5 text-right">
4846            <span
4847              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
4848              @click="$store.xMobileNav.removeActiveLink('-2');"
4849              @keyup.enter="$store.xMobileNav.removeActiveLink('-2');"
4850              aria-label="Back" 
4851              role="button"
4852              tabindex="0"
4853            >
4854              <svg
4855        width="100%"
4856        height="100%"
4857        viewBox="0 0 9 7"
4858        fill="none"
4859        xmlns="http://www.w3.org/2000/svg"
4860        style="fill: none;"
4861    >
4862      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4863            stroke-linejoin="round"/>
4864    </svg>
4865            </span>
4866            <a href="/collections/mounting" class="h5 pt-4 pb-4 flex-1 ">
4867              <span class="x-break-words  !font-semibold">Mounting</span>
4868            </a>
4869          </li><li>
4870              <div class="items-center"> 
4871                <div
4872                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
4873                  
4874                    @click="$store.xMobileNav.setActiveLink('-2-1');"
4875                    @keyup.enter="$store.xMobileNav.setActiveLink('-2-1');"
4876                    role="button"
4877                    tabindex="0"
4878                  
4879                >
4880                  
4881                    <p class="x-break-words flex-1 py-4 items-center">
4882                  
4883                    Kits
4884                  </p>
4885<span
4886                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
4887                    >
4888                      <svg
4889        width="100%"
4890        height="100%"
4891        viewBox="0 0 9 7"
4892        fill="none"
4893        xmlns="http://www.w3.org/2000/svg"
4894        style="fill: none;"
4895    >
4896      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4897            stroke-linejoin="round"/>
4898    </svg>
4899                    </span></div><div
4900                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
4901                    :class="$store.xMobileNav.currentMenuLinks.includes('-2-1') && 'menu-opening'"
4902                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
4903                  >
4904                    <ul
4905                      id="menu-level-2"
4906                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
4907                    >
4908                      <li
4909                        class="flex items-center justify-between border-b px-2.5 text-right"
4910                      >
4911                        <span
4912                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
4913                          @click="$store.xMobileNav.removeActiveLink('-2-1')"
4914                          @keyup.enter="$store.xMobileNav.removeActiveLink('-2-1')"
4915                          role="button"
4916                          aria-label="Back"
4917                          tabindex="0"
4918                        ><svg
4919        width="100%"
4920        height="100%"
4921        viewBox="0 0 9 7"
4922        fill="none"
4923        xmlns="http://www.w3.org/2000/svg"
4924        style="fill: none;"
4925    >
4926      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
4927            stroke-linejoin="round"/>
4928    </svg></span>
4929                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
4930                          <span class="x-break-words  !font-semibold">Kits</span>
4931                        </a>
4932                      </li><li class="px-2.5 py-4 border-b ">
4933                          <a
4934                            href="/products/bronco-fog-kit"
4935                            class="x-break-words flex items-center"
4936                            
4937                          >
4938                            Bronco Plug N Play Kit
4939                          </a>
4940                        </li><li class="px-2.5 py-4 border-b ">
4941                          <a
4942                            href="/products/jl-jt-sae-fog-kit"
4943                            class="x-break-words flex items-center"
4944                            
4945                          >
4946                            Jeep JL/JT Plug N Play Kit
4947                          </a>
4948                        </li><li class="px-2.5 py-4 border-b ">
4949                          <a
4950                            href="/products/toyota-sae-fog-kit"
4951                            class="x-break-words flex items-center"
4952                            
4953                          >
4954                            Toyota Plug N Play Kit
4955                          </a>
4956                        </li><li class="px-2.5 py-4 border-b ">
4957                          <a
4958                            href="/products/universal-reverse-kit"
4959                            class="x-break-words flex items-center"
4960                            
4961                          >
4962                            Reverse Kit
4963                          </a>
4964                        </li><li class="px-2.5 py-4 border-b ">
4965                          <a
4966                            href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens"
4967                            class="x-break-words flex items-center"
4968                            
4969                          >
4970                            Sprinter Front Bumper Kit
4971                          </a>
4972                        </li><li class="px-2.5 py-4 border-b ">
4973                          <a
4974                            href="/products/sprinter-fog-light-kit"
4975                            class="x-break-words flex items-center"
4976                            
4977                          >
4978                            Sprinter Fog Kit
4979                          </a>
4980                        </li><li class="px-2.5 py-4 border-b ">
4981                          <a
4982                            href="/products/promaster-fog-light-kit-amber"
4983                            class="x-break-words flex items-center"
4984                            
4985                          >
4986                            Promaster Fog Kit
4987                          </a>
4988                        </li><li class="px-2.5 py-4 border-b ">
4989                          <a
4990                            href="/products/nano-arb-kit"
4991                            class="x-break-words flex items-center"
4992                            
4993                          >
4994                            ARB Base Rack NANO Kit
4995                          </a>
4996                        </li></ul>
4997                  </div></div>
4998            </li><li>
4999              <div class="items-center"> 
5000                <div
5001                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5002                  
5003                    @click="$store.xMobileNav.setActiveLink('-2-2');"
5004                    @keyup.enter="$store.xMobileNav.setActiveLink('-2-2');"
5005                    role="button"
5006                    tabindex="0"
5007                  
5008                >
5009                  
5010                    <p class="x-break-words flex-1 py-4 items-center">
5011                  
5012                    Mounts
5013                  </p>
5014<span
5015                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5016                    >
5017                      <svg
5018        width="100%"
5019        height="100%"
5020        viewBox="0 0 9 7"
5021        fill="none"
5022        xmlns="http://www.w3.org/2000/svg"
5023        style="fill: none;"
5024    >
5025      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5026            stroke-linejoin="round"/>
5027    </svg>
5028                    </span></div><div
5029                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5030                    :class="$store.xMobileNav.currentMenuLinks.includes('-2-2') && 'menu-opening'"
5031                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5032                  >
5033                    <ul
5034                      id="menu-level-2"
5035                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5036                    >
5037                      <li
5038                        class="flex items-center justify-between border-b px-2.5 text-right"
5039                      >
5040                        <span
5041                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5042                          @click="$store.xMobileNav.removeActiveLink('-2-2')"
5043                          @keyup.enter="$store.xMobileNav.removeActiveLink('-2-2')"
5044                          role="button"
5045                          aria-label="Back"
5046                          tabindex="0"
5047                        ><svg
5048        width="100%"
5049        height="100%"
5050        viewBox="0 0 9 7"
5051        fill="none"
5052        xmlns="http://www.w3.org/2000/svg"
5053        style="fill: none;"
5054    >
5055      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5056            stroke-linejoin="round"/>
5057    </svg></span>
5058                        <a href="/collections/mounting" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5059                          <span class="x-break-words  !font-semibold">Mounts</span>
5060                        </a>
5061                      </li><li class="px-2.5 py-4 border-b ">
5062                          <a
5063                            href="/collections/mounting"
5064                            class="x-break-words flex items-center"
5065                            
5066                          >
5067                            All Mounts
5068                          </a>
5069                        </li><li class="px-2.5 py-4 border-b ">
5070                          <a
5071                            href="/collections/arb-mounts"
5072                            class="x-break-words flex items-center"
5073                            
5074                          >
5075                            ARB
5076                          </a>
5077                        </li><li class="px-2.5 py-4 border-b ">
5078                          <a
5079                            href="/products/nano-arb-kit"
5080                            class="x-break-words flex items-center"
5081                            
5082                          >
5083                            ARB NANO Kit
5084                          </a>
5085                        </li><li class="px-2.5 py-4 border-b ">
5086                          <a
5087                            href="/collections/ford-products"
5088                            class="x-break-words flex items-center"
5089                            
5090                          >
5091                            Ford
5092                          </a>
5093                        </li><li class="px-2.5 py-4 border-b ">
5094                          <a
5095                            href="/collections/jeep-products"
5096                            class="x-break-words flex items-center"
5097                            
5098                          >
5099                            Jeep
5100                          </a>
5101                        </li><li class="px-2.5 py-4 border-b ">
5102                          <a
5103                            href="/products/nano-mount-pair"
5104                            class="x-break-words flex items-center"
5105                            
5106                          >
5107                            NANO Mounts
5108                          </a>
5109                        </li><li class="px-2.5 py-4 border-b ">
5110                          <a
5111                            href="/collections/toyota-products"
5112                            class="x-break-words flex items-center"
5113                            
5114                          >
5115                            Toyota
5116                          </a>
5117                        </li><li class="px-2.5 py-4 border-b ">
5118                          <a
5119                            href="/products/ac13u"
5120                            class="x-break-words flex items-center"
5121                            
5122                          >
5123                            Quatro Flush Mount
5124                          </a>
5125                        </li></ul>
5126                  </div></div>
5127            </li></ul>
5128      </div></li><li><div 
5129      
5130        @click="$store.xMobileNav.setActiveLink('-3')"
5131        @keyup.enter="$store.xMobileNav.setActiveLink('-3')"
5132        tabindex="0"
5133       
5134      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5135    >
5136      
5137        <p class="flex-1 flex items-center cursor-pointer">
5138          <span class="x-break-words py-2">
5139            <span>Accessories</span>
5140          </span>
5141        </p>
5142        <span
5143          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5144        >
5145          <svg
5146        width="100%"
5147        height="100%"
5148        viewBox="0 0 9 7"
5149        fill="none"
5150        xmlns="http://www.w3.org/2000/svg"
5151        style="fill: none;"
5152    >
5153      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5154            stroke-linejoin="round"/>
5155    </svg>
5156        </span>
5157      
5158    </div><div
5159        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5160        :class="$store.xMobileNav.currentMenuLinks.includes('-3') && 'menu-opening'"
5161        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5162        >
5163        <ul 
5164          id="menu-level-1"
5165          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5166          >
5167          <li class="flex items-center justify-between border-b px-2.5 text-right">
5168            <span
5169              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5170              @click="$store.xMobileNav.removeActiveLink('-3');"
5171              @keyup.enter="$store.xMobileNav.removeActiveLink('-3');"
5172              aria-label="Back" 
5173              role="button"
5174              tabindex="0"
5175            >
5176              <svg
5177        width="100%"
5178        height="100%"
5179        viewBox="0 0 9 7"
5180        fill="none"
5181        xmlns="http://www.w3.org/2000/svg"
5182        style="fill: none;"
5183    >
5184      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5185            stroke-linejoin="round"/>
5186    </svg>
5187            </span>
5188            <a href="/collections/accessories" class="h5 pt-4 pb-4 flex-1 ">
5189              <span class="x-break-words  !font-semibold">Accessories</span>
5190            </a>
5191          </li><li>
5192              <div class="items-center"> 
5193                <div
5194                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5195                  
5196                    @click="$store.xMobileNav.setActiveLink('-3-1');"
5197                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-1');"
5198                    role="button"
5199                    tabindex="0"
5200                  
5201                >
5202                  
5203                    <p class="x-break-words flex-1 py-4 items-center">
5204                  
5205                    Grande
5206                  </p>
5207<span
5208                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5209                    >
5210                      <svg
5211        width="100%"
5212        height="100%"
5213        viewBox="0 0 9 7"
5214        fill="none"
5215        xmlns="http://www.w3.org/2000/svg"
5216        style="fill: none;"
5217    >
5218      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5219            stroke-linejoin="round"/>
5220    </svg>
5221                    </span></div><div
5222                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5223                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-1') && 'menu-opening'"
5224                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5225                  >
5226                    <ul
5227                      id="menu-level-2"
5228                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5229                    >
5230                      <li
5231                        class="flex items-center justify-between border-b px-2.5 text-right"
5232                      >
5233                        <span
5234                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5235                          @click="$store.xMobileNav.removeActiveLink('-3-1')"
5236                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-1')"
5237                          role="button"
5238                          aria-label="Back"
5239                          tabindex="0"
5240                        ><svg
5241        width="100%"
5242        height="100%"
5243        viewBox="0 0 9 7"
5244        fill="none"
5245        xmlns="http://www.w3.org/2000/svg"
5246        style="fill: none;"
5247    >
5248      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5249            stroke-linejoin="round"/>
5250    </svg></span>
5251                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5252                          <span class="x-break-words  !font-semibold">Grande</span>
5253                        </a>
5254                      </li><li class="px-2.5 py-4 border-b ">
5255                          <a
5256                            href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146"
5257                            class="x-break-words flex items-center"
5258                            
5259                          >
5260                            Cover
5261                          </a>
5262                        </li><li class="px-2.5 py-4 border-b ">
5263                          <a
5264                            href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778"
5265                            class="x-break-words flex items-center"
5266                            
5267                          >
5268                            Exo-Skeleton
5269                          </a>
5270                        </li><li class="px-2.5 py-4 border-b ">
5271                          <a
5272                            href="/products/sorcery-wand"
5273                            class="x-break-words flex items-center"
5274                            
5275                          >
5276                            Sorcery Wand
5277                          </a>
5278                        </li><li class="px-2.5 py-4 border-b ">
5279                          <a
5280                            href="/products/nacho-window-shades"
5281                            class="x-break-words flex items-center"
5282                            
5283                          >
5284                            Window Shades
5285                          </a>
5286                        </li></ul>
5287                  </div></div>
5288            </li><li>
5289              <div class="items-center"> 
5290                <div
5291                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5292                  
5293                    @click="$store.xMobileNav.setActiveLink('-3-2');"
5294                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-2');"
5295                    role="button"
5296                    tabindex="0"
5297                  
5298                >
5299                  
5300                    <p class="x-break-words flex-1 py-4 items-center">
5301                  
5302                    Quatro
5303                  </p>
5304<span
5305                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5306                    >
5307                      <svg
5308        width="100%"
5309        height="100%"
5310        viewBox="0 0 9 7"
5311        fill="none"
5312        xmlns="http://www.w3.org/2000/svg"
5313        style="fill: none;"
5314    >
5315      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5316            stroke-linejoin="round"/>
5317    </svg>
5318                    </span></div><div
5319                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5320                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-2') && 'menu-opening'"
5321                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5322                  >
5323                    <ul
5324                      id="menu-level-2"
5325                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5326                    >
5327                      <li
5328                        class="flex items-center justify-between border-b px-2.5 text-right"
5329                      >
5330                        <span
5331                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5332                          @click="$store.xMobileNav.removeActiveLink('-3-2')"
5333                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-2')"
5334                          role="button"
5335                          aria-label="Back"
5336                          tabindex="0"
5337                        ><svg
5338        width="100%"
5339        height="100%"
5340        viewBox="0 0 9 7"
5341        fill="none"
5342        xmlns="http://www.w3.org/2000/svg"
5343        style="fill: none;"
5344    >
5345      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5346            stroke-linejoin="round"/>
5347    </svg></span>
5348                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5349                          <span class="x-break-words  !font-semibold">Quatro</span>
5350                        </a>
5351                      </li><li class="px-2.5 py-4 border-b ">
5352                          <a
5353                            href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178"
5354                            class="x-break-words flex items-center"
5355                            
5356                          >
5357                            Cover
5358                          </a>
5359                        </li><li class="px-2.5 py-4 border-b ">
5360                          <a
5361                            href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546"
5362                            class="x-break-words flex items-center"
5363                            
5364                          >
5365                            Exo-Skeleton
5366                          </a>
5367                        </li><li class="px-2.5 py-4 border-b ">
5368                          <a
5369                            href="/products/ac13u"
5370                            class="x-break-words flex items-center"
5371                            
5372                          >
5373                            Flush Mount
5374                          </a>
5375                        </li><li class="px-2.5 py-4 border-b ">
5376                          <a
5377                            href="/products/nacho-window-shades"
5378                            class="x-break-words flex items-center"
5379                            
5380                          >
5381                            Window Shades
5382                          </a>
5383                        </li><li class="px-2.5 py-4 border-b ">
5384                          <a
5385                            href="/products/set-back-quatro-bracket"
5386                            class="x-break-words flex items-center"
5387                            
5388                          >
5389                            Set Back Bracket
5390                          </a>
5391                        </li></ul>
5392                  </div></div>
5393            </li><li>
5394              <div class="items-center"> 
5395                <div
5396                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5397                  
5398                    @click="$store.xMobileNav.setActiveLink('-3-3');"
5399                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-3');"
5400                    role="button"
5401                    tabindex="0"
5402                  
5403                >
5404                  
5405                    <p class="x-break-words flex-1 py-4 items-center">
5406                  
5407                    NANO
5408                  </p>
5409<span
5410                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5411                    >
5412                      <svg
5413        width="100%"
5414        height="100%"
5415        viewBox="0 0 9 7"
5416        fill="none"
5417        xmlns="http://www.w3.org/2000/svg"
5418        style="fill: none;"
5419    >
5420      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5421            stroke-linejoin="round"/>
5422    </svg>
5423                    </span></div><div
5424                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5425                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-3') && 'menu-opening'"
5426                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5427                  >
5428                    <ul
5429                      id="menu-level-2"
5430                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5431                    >
5432                      <li
5433                        class="flex items-center justify-between border-b px-2.5 text-right"
5434                      >
5435                        <span
5436                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5437                          @click="$store.xMobileNav.removeActiveLink('-3-3')"
5438                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-3')"
5439                          role="button"
5440                          aria-label="Back"
5441                          tabindex="0"
5442                        ><svg
5443        width="100%"
5444        height="100%"
5445        viewBox="0 0 9 7"
5446        fill="none"
5447        xmlns="http://www.w3.org/2000/svg"
5448        style="fill: none;"
5449    >
5450      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5451            stroke-linejoin="round"/>
5452    </svg></span>
5453                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5454                          <span class="x-break-words  !font-semibold">NANO</span>
5455                        </a>
5456                      </li><li class="px-2.5 py-4 border-b ">
5457                          <a
5458                            href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290"
5459                            class="x-break-words flex items-center"
5460                            
5461                          >
5462                            NANO Harness
5463                          </a>
5464                        </li><li class="px-2.5 py-4 border-b ">
5465                          <a
5466                            href="https://www.nachooffroadtechnology.com/products/nano-y-splitter"
5467                            class="x-break-words flex items-center"
5468                            
5469                          >
5470                            NANO Y-Splitter
5471                          </a>
5472                        </li></ul>
5473                  </div></div>
5474            </li><li>
5475              <div class="items-center"> 
5476                <div
5477                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5478                  
5479                    @click="$store.xMobileNav.setActiveLink('-3-4');"
5480                    @keyup.enter="$store.xMobileNav.setActiveLink('-3-4');"
5481                    role="button"
5482                    tabindex="0"
5483                  
5484                >
5485                  
5486                    <p class="x-break-words flex-1 py-4 items-center">
5487                  
5488                    TM5
5489                  </p>
5490<span
5491                      class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90"
5492                    >
5493                      <svg
5494        width="100%"
5495        height="100%"
5496        viewBox="0 0 9 7"
5497        fill="none"
5498        xmlns="http://www.w3.org/2000/svg"
5499        style="fill: none;"
5500    >
5501      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5502            stroke-linejoin="round"/>
5503    </svg>
5504                    </span></div><div
5505                    class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 
5506                    :class="$store.xMobileNav.currentMenuLinks.includes('-3-4') && 'menu-opening'"
5507                    :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'"
5508                  >
5509                    <ul
5510                      id="menu-level-2"
5511                      class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30"
5512                    >
5513                      <li
5514                        class="flex items-center justify-between border-b px-2.5 text-right"
5515                      >
5516                        <span
5517                          class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90"
5518                          @click="$store.xMobileNav.removeActiveLink('-3-4')"
5519                          @keyup.enter="$store.xMobileNav.removeActiveLink('-3-4')"
5520                          role="button"
5521                          aria-label="Back"
5522                          tabindex="0"
5523                        ><svg
5524        width="100%"
5525        height="100%"
5526        viewBox="0 0 9 7"
5527        fill="none"
5528        xmlns="http://www.w3.org/2000/svg"
5529        style="fill: none;"
5530    >
5531      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5532            stroke-linejoin="round"/>
5533    </svg></span>
5534                        <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 ">
5535                          <span class="x-break-words  !font-semibold">TM5</span>
5536                        </a>
5537                      </li><li class="px-2.5 py-4 border-b ">
5538                          <a
5539                            href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946"
5540                            class="x-break-words flex items-center"
5541                            
5542                          >
5543                            Cover
5544                          </a>
5545                        </li></ul>
5546                  </div></div>
5547            </li><li>
5548              <div class="items-center"> 
5549                <div
5550                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5551                  
5552                >
5553                  
5554                    <a href="/collections/harness-switches" class="x-break-words flex-1 py-4 items-center">
5555                  
5556                    Harnesses &amp; Switches
5557                  </a>
5558</div></div>
5559            </li></ul>
5560      </div></li><li><div 
5561      
5562        @click="$store.xMobileNav.setActiveLink('-4')"
5563        @keyup.enter="$store.xMobileNav.setActiveLink('-4')"
5564        tabindex="0"
5565       
5566      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5567    >
5568      
5569        <p class="flex-1 flex items-center cursor-pointer">
5570          <span class="x-break-words py-2">
5571            <span>Powersports</span>
5572          </span>
5573        </p>
5574        <span
5575          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5576        >
5577          <svg
5578        width="100%"
5579        height="100%"
5580        viewBox="0 0 9 7"
5581        fill="none"
5582        xmlns="http://www.w3.org/2000/svg"
5583        style="fill: none;"
5584    >
5585      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5586            stroke-linejoin="round"/>
5587    </svg>
5588        </span>
5589      
5590    </div><div
5591        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5592        :class="$store.xMobileNav.currentMenuLinks.includes('-4') && 'menu-opening'"
5593        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5594        >
5595        <ul 
5596          id="menu-level-1"
5597          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5598          >
5599          <li class="flex items-center justify-between border-b px-2.5 text-right">
5600            <span
5601              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5602              @click="$store.xMobileNav.removeActiveLink('-4');"
5603              @keyup.enter="$store.xMobileNav.removeActiveLink('-4');"
5604              aria-label="Back" 
5605              role="button"
5606              tabindex="0"
5607            >
5608              <svg
5609        width="100%"
5610        height="100%"
5611        viewBox="0 0 9 7"
5612        fill="none"
5613        xmlns="http://www.w3.org/2000/svg"
5614        style="fill: none;"
5615    >
5616      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5617            stroke-linejoin="round"/>
5618    </svg>
5619            </span>
5620            <a href="#" class="h5 pt-4 pb-4 flex-1 ">
5621              <span class="x-break-words  !font-semibold">Powersports</span>
5622            </a>
5623          </li><li>
5624              <div class="items-center"> 
5625                <div
5626                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5627                  
5628                >
5629                  
5630                    <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center">
5631                  
5632                    Quatro ADV
5633                  </a>
5634</div></div>
5635            </li><li>
5636              <div class="items-center"> 
5637                <div
5638                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5639                  
5640                >
5641                  
5642                    <a href="/collections/husqvarna-mounts" class="x-break-words flex-1 py-4 items-center">
5643                  
5644                    Husqvarna
5645                  </a>
5646</div></div>
5647            </li><li>
5648              <div class="items-center"> 
5649                <div
5650                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5651                  
5652                >
5653                  
5654                    <a href="/collections/ktm-mounts" class="x-break-words flex-1 py-4 items-center">
5655                  
5656                    KTM
5657                  </a>
5658</div></div>
5659            </li><li>
5660              <div class="items-center"> 
5661                <div
5662                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5663                  
5664                >
5665                  
5666                    <a href="/collections/polaris-products" class="x-break-words flex-1 py-4 items-center">
5667                  
5668                    Polaris
5669                  </a>
5670</div></div>
5671            </li></ul>
5672      </div></li><li><div 
5673      
5674        @click="$store.xMobileNav.setActiveLink('-5')"
5675        @keyup.enter="$store.xMobileNav.setActiveLink('-5')"
5676        tabindex="0"
5677       
5678      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5679    >
5680      
5681        <p class="flex-1 flex items-center cursor-pointer">
5682          <span class="x-break-words py-2">
5683            <span>Fleet</span>
5684          </span>
5685        </p>
5686        <span
5687          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5688        >
5689          <svg
5690        width="100%"
5691        height="100%"
5692        viewBox="0 0 9 7"
5693        fill="none"
5694        xmlns="http://www.w3.org/2000/svg"
5695        style="fill: none;"
5696    >
5697      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5698            stroke-linejoin="round"/>
5699    </svg>
5700        </span>
5701      
5702    </div><div
5703        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5704        :class="$store.xMobileNav.currentMenuLinks.includes('-5') && 'menu-opening'"
5705        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5706        >
5707        <ul 
5708          id="menu-level-1"
5709          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5710          >
5711          <li class="flex items-center justify-between border-b px-2.5 text-right">
5712            <span
5713              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5714              @click="$store.xMobileNav.removeActiveLink('-5');"
5715              @keyup.enter="$store.xMobileNav.removeActiveLink('-5');"
5716              aria-label="Back" 
5717              role="button"
5718              tabindex="0"
5719            >
5720              <svg
5721        width="100%"
5722        height="100%"
5723        viewBox="0 0 9 7"
5724        fill="none"
5725        xmlns="http://www.w3.org/2000/svg"
5726        style="fill: none;"
5727    >
5728      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5729            stroke-linejoin="round"/>
5730    </svg>
5731            </span>
5732            <a href="#" class="h5 pt-4 pb-4 flex-1 ">
5733              <span class="x-break-words  !font-semibold">Fleet</span>
5734            </a>
5735          </li><li>
5736              <div class="items-center"> 
5737                <div
5738                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5739                  
5740                >
5741                  
5742                    <a href="/products/quatro-red-blue-emergency" class="x-break-words flex-1 py-4 items-center">
5743                  
5744                    Quatro Emergency
5745                  </a>
5746</div></div>
5747            </li><li>
5748              <div class="items-center"> 
5749                <div
5750                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5751                  
5752                >
5753                  
5754                    <a href="/products/nacho-tm5-fleet" class="x-break-words flex-1 py-4 items-center">
5755                  
5756                    TM5
5757                  </a>
5758</div></div>
5759            </li></ul>
5760      </div></li><li><div 
5761       
5762      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5763    >
5764      
5765        <a href="/collections/apparel" class="flex-1 flex items-center">
5766          <span class="x-break-words py-2">
5767            <span>Apparel</span>
5768          </span>
5769        </a>
5770      
5771    </div></li><li><div 
5772       
5773      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5774    >
5775      
5776        <a href="/pages/media" class="flex-1 flex items-center">
5777          <span class="x-break-words py-2">
5778            <span>Media</span>
5779          </span>
5780        </a>
5781      
5782    </div></li><li><div 
5783      
5784        @click="$store.xMobileNav.setActiveLink('-8')"
5785        @keyup.enter="$store.xMobileNav.setActiveLink('-8')"
5786        tabindex="0"
5787       
5788      class="menu-link mobile-menu-item flex items-center cursor-pointer"
5789    >
5790      
5791        <p class="flex-1 flex items-center cursor-pointer">
5792          <span class="x-break-words py-2">
5793            <span>Team Nacho</span>
5794          </span>
5795        </p>
5796        <span
5797          class="w-2.5 h-auto block icon-caret-mobile -rotate-90"
5798        >
5799          <svg
5800        width="100%"
5801        height="100%"
5802        viewBox="0 0 9 7"
5803        fill="none"
5804        xmlns="http://www.w3.org/2000/svg"
5805        style="fill: none;"
5806    >
5807      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5808            stroke-linejoin="round"/>
5809    </svg>
5810        </span>
5811      
5812    </div><div
5813        class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible"
5814        :class="$store.xMobileNav.currentMenuLinks.includes('-8') && 'menu-opening'"
5815        :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'"
5816        >
5817        <ul 
5818          id="menu-level-1"
5819          class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 
5820          >
5821          <li class="flex items-center justify-between border-b px-2.5 text-right">
5822            <span
5823              class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 
5824              @click="$store.xMobileNav.removeActiveLink('-8');"
5825              @keyup.enter="$store.xMobileNav.removeActiveLink('-8');"
5826              aria-label="Back" 
5827              role="button"
5828              tabindex="0"
5829            >
5830              <svg
5831        width="100%"
5832        height="100%"
5833        viewBox="0 0 9 7"
5834        fill="none"
5835        xmlns="http://www.w3.org/2000/svg"
5836        style="fill: none;"
5837    >
5838      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
5839            stroke-linejoin="round"/>
5840    </svg>
5841            </span>
5842            <a href="#" class="h5 pt-4 pb-4 flex-1 ">
5843              <span class="x-break-words  !font-semibold">Team Nacho</span>
5844            </a>
5845          </li><li>
5846              <div class="items-center"> 
5847                <div
5848                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5849                  
5850                >
5851                  
5852                    <a href="/pages/contact" class="x-break-words flex-1 py-4 items-center">
5853                  
5854                    Contact
5855                  </a>
5856</div></div>
5857            </li><li>
5858              <div class="items-center"> 
5859                <div
5860                  class="flex items-center border-b  px-2.5 cursor-pointer justify-between"
5861                  
5862                >
5863                  
5864                    <a href="/pages/racer-application" class="x-break-words flex-1 py-4 items-center">
5865                  
5866                    Racer Application
5867                  </a>
5868</div></div>
5869            </li></ul>
5870      </div></li></ul>
5871                      </div><div class="main-nav-mobile-bottom mt-auto pt-4 flex flex-col px-4 font-normal" style="--color-background: var(--color-background)">
5872                      <div class="x-header-store-selector-mobile w-full self-center"></div>
5873                      <div id="main-nav-mobile-toolbar" class="main-nav-mobile-toolbar" x-init="$store.xMobileNav.moveElement()"></div>
5874                    </div>
5875                  </div>
5876                </div>
5877              </div>
5878            </nav>
5879          </div>
5880        </div>
5881      </header>
5882      
5883        
5884          
5885
5886
5887<style>
5888  cart-drawer[loading] .cart-drawer__items__wrapper {
5889    pointer-events: none;
5890  }
5891
5892  #CartDrawer__Wrapper {
5893    display: none;
5894    overflow: hidden;
5895  }
5896
5897  #CartDrawer__Wrapper.is-visible {
5898    display: block;
5899  }
5900
5901  @media (min-width: 768px) {
5902    #CartDrawer__Wrapper.is-visible {
5903      display: flex;
5904    }
5905  }
5906
5907  #CartDrawer__Container {
5908    transition: opacity 300ms ease, transform 300ms ease;
5909    opacity: 0;
5910    transform: translateY(100%);
5911  }
5912
5913  @media (min-width: 768px) {
5914    #CartDrawer__Container {
5915      transform: translateX(33.333%);
5916    }
5917    cart-drawer[data-rtl="true"] #CartDrawer__Container {
5918      transform: translateX(-33.333%);
5919    }
5920  }
5921
5922  cart-drawer[open] #CartDrawer__Container {
5923    opacity: 1;
5924    transform: none;
5925  }
5926
5927  #CartDrawer__Upsell {
5928    display: none;
5929    transition: opacity 300ms ease, transform 300ms ease;
5930    opacity: 0;
5931    transform: translateY(30%);
5932  }
5933
5934  #CartDrawer__Upsell.is-visible {
5935    display: flex;
5936  }
5937
5938  @media (min-width: 768px) {
5939    #CartDrawer__Upsell {
5940      transform: translateX(10%);
5941    }
5942    cart-drawer[data-rtl="true"] #CartDrawer__Upsell {
5943      transform: translateX(-10%);
5944    }
5945  }
5946
5947  cart-drawer[upsell-open] #CartDrawer__Upsell {
5948    opacity: 1;
5949    transform: none;
5950  }
5951</style>
5952<cart-drawer
5953  id="CartDrawer"
5954  data-section-id="sections--20172716769450__header"
5955  data-rtl="false"
5956  class="cart-wrapper-sections--20172716769450__header color-scheme-3 dark-color-scheme-1"
5957  data-upsell-script="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer-upsell.js?v=51716766363204606401789788223"
5958  data-estimate-shipping-script="//nacholightingco.com/cdn/shop/t/30/assets/estimate-shipping-rate.js?v=36163862551611036591789788223"
5959  
5960  
5961  data-coupon-code-script="//nacholightingco.com/cdn/shop/t/30/assets/coupon-code.js?v=26103641185929183231789788223"
5962>
5963  <div
5964    id="CartDrawer__Wrapper"
5965    class="drawer__wrapper cart-drawer__wrapper"
5966    tabindex="0"
5967  >
5968    <div
5969      id="CartDrawer__Overlay"
5970      class="drawer__overlay cart-drawer__overlay"
5971      data-close-drawer
5972    ></div>
5973
5974    <div
5975      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"
5976      id="CartDrawer__Container"
5977      tabindex="0"
5978      role="dialog"
5979      aria-modal="true"
5980      aria-label="Your cart"
5981    >
5982      <div class="modal-title-container cart-drawer__padding-x">
5983        <div class="modal-title-wrapper">
5984          <div class="grow flex items-center">
5985            <p class="cart-drawer__title relative h4 flex-auto w-fit">Your cart</p>
5986          </div>
5987  
5988          <button
5989            id="CloseCart"
5990            class="modal-title__button-close"
5991            data-close-drawer
5992            aria-label="Close"
5993          >
5994            <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"
5995         style="fill: none">
5996      <path
5997          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"
5998          fill="currentColor"/>
5999      <path
6000          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"
6001          fill="currentColor"/>
6002    </svg></span>
6003          </button>
6004        </div>
6005      </div>
6006
6007      
6008      
6009<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))] ">
6010          <div class="w-12 md:w-w-18 color-text-[rgba(var(--color-icon-header))] opacity-60">
6011            <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg">
6012      <g clip-path="url(#clip0_30707_436)">
6013        <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"/>
6014        <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"/>
6015        <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"/>
6016      </g>
6017      <defs>
6018        <clipPath id="clip0_30707_436">
6019          <rect width="18" height="18" fill="white"/>
6020        </clipPath>
6021      </defs>
6022    </svg>
6023          </div>
6024          <p class="">Your cart is empty</p>
6025          <div class="text-center">
6026            <custom-button>
6027              <a
6028                href="/collections/all"
6029                class="button button-primary relative cursor-pointer"
6030              >
6031                Continue shopping
6032              </a>
6033            </custom-button>
6034          </div>
6035        </div>
6036      
6037    </div>
6038  </div>
6039</cart-drawer>
6040<script src="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer.js?v=5617889313453767811789788223" defer></script>
6040
6041
6042
6043
6044
6045
6046
6047        
6048      
6049<div
6050    class="section-divider color- dark-color-
6051 full-width-padded px-0"
6052  >
6053    <div class="divider m-auto border-t"></div>
6054  </div>
6055      
6056    </div>
6057  </div>
6058</div>
6058<script type="application/ld+json">
6059  {
6060    "@context": "http://schema.org",
6061    "@type": "Organization",
6062    "name": "NACHO Lighting Co.",
6063    
6064      "logo": "https:\/\/nacholightingco.com\/cdn\/shop\/files\/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295\u0026width=2000",
6065    
6066    "sameAs": [
6067      "",
6068      "https:\/\/www.facebook.com\/thenachoexperience",
6069      "",
6070      "https:\/\/www.instagram.com\/nacho_offroadlighting\/",
6071      "https:\/\/www.tiktok.com\/@nacho_offroadlights",
6072      "",
6073      "",
6074      "https:\/\/www.youtube.com\/@nacho_offroadlights\/featured",
6075      ""
6076    ],
6077    "url": "https:\/\/nacholightingco.com"
6078  }
6079</script>
6079
6080  
6080<script
6081    src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223"
6082    defer
6083  ></script>
6083
6084
6085
6086<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>
6087<!-- END sections: header-group -->
6088  <!-- BEGIN sections: aside-group -->
6089<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 {
6090          background-color:#f0e086;
6091          background: ;
6092          color:#0f124d;
6093          
6094        }
6095        .maximize-theme.dark .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text {
6096          background-color:#d0e6fd;
6097          background: ;
6098          color:#100f0f;
6099          
6100        }
6101      .x-badge-text_label_jETVc9 {
6102        --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8 * 1.0);
6103        
6104      }
6105      @media (min-width: 768px) {
6106        .x-badge-text_label_jETVc9 {
6107          --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 1.0);
6108          
6109        }
6110      }</style>
6111    
6112    <style data-shopify>
6113      .x-badge-text_label_jETVc9 {
6114        --duration : 5.0s;
6115        --direction: normal;
6116      }
6117      
6118    </style>
6119<div
6120      class="x-badges-block-data"
6121      x-badges-block-data='
6122        {
6123          "id": "text_label_jETVc9",
6124          "enable": true,
6125          "type": "text-label",
6126          "settings": {
6127            "show_on_product_card": true,
6128            "show_on_product_page": true,
6129            "applied_to": "",
6130            "applied_products": [],
6131            "applied_collections": [],
6132            
6133            
6134            
6135            "type": "default",
6136            "background_color": "#f0e086",
6137            "text_color": "#0f124d",
6138            "image": null,
6139            "image_alt": "",
6140            "image_aspect_ratio": 0,
6141            "size": 100,
6142            "size_mobile": 100,
6143            "opacity": 100,
6144            "position": "top-left",
6145            "schedule_enabled": false,
6146            "timezone": -4,
6147            "start_year": 2025,
6148            "start_month": 1,
6149            "start_day": 1,
6150            "start_hour": 0,
6151            "start_minute": 0,
6152            "end_year": 2025,
6153            "end_month": 1,
6154            "end_day": 1,
6155            "end_hour": 0,
6156            "end_minute": 0,
6157            "repeat": "none",
6158            "custom_days": "",
6159            "icon_type": "none"
6160          }
6161        }
6162      '
6163      x-badges-icon=''
6164      x-badges-content='Best Seller'
6165    ></div>
6165<script src="//nacholightingco.com/cdn/shop/t/30/assets/labels-and-badges.js?v=157448222969602701661789788223" defer></script>
6165
6166</div><div id="shopify-section-sections--20172716015786__quick-view" class="shopify-section shopify-section-group-aside-group maximize-section section-quick-view"><div
6167  id="QuickViewContainer"
6168  x-show="$store.xQuickView.show"
6169  :class="{ 'overflow-hidden padding-scrollbar': $store.xMaximizeDrawer.isOpen }"
6170  x-cloak
6171  class="section--sections--20172716015786__quick-view section-quick-view flex items-end md:items-center drawer__wrapper"
6172  x-init="$store.xQuickView.addListener()"
6173  data-variant-picker-script="//nacholightingco.com/cdn/shop/t/30/assets/variant-picker.js?v=105160194598127908681789788223"
6174  data-video-script="//nacholightingco.com/cdn/shop/t/30/assets/video.js?v=108505064099053258351789788223">
6175  <div id="QuickViewContainer__wapper" class="drawer__wrapper">
6176    <div class="quick-view__overlay drawer__overlay" @click.prevent="$store.xQuickView.close()"></div>
6177    <div
6178      role="dialog"
6179      aria-label="Quick view"
6180      aria-modal="true"
6181      x-show="$store.xQuickView.show"
6182      x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6183      x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0"
6184      x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6185      class="drawer__container transform py-4 md:py-0 md:w-[680px] lg:w-[810px] overflow-hidden"
6186      @keydown.escape="$store.xQuickView.close()"
6187      x-intersect.full="$store.xQuickView.focusQuickView('QuickViewContainer', 'QuickViewClose')"  
6188    >
6189      <button
6190        id="QuickViewClose"
6191        class="modal__button-close-absolute"
6192        @click.prevent="$store.xQuickView.close()"
6193        @keyup.enter="$store.xQuickView.close()"
6194        @keydown.enter.prevent
6195        aria-label="Close"
6196      >
6197        <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"
6198         style="fill: none">
6199      <path
6200          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"
6201          fill="currentColor"/>
6202      <path
6203          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"
6204          fill="currentColor"/>
6205    </svg></span>
6206      </button>
6207      <div class="drawer__content scrollbar-visible scrollbar-body px-4 md:px-0">
6208        <div
6209          x-show="$store.xQuickView.loading"
6210          class="flex flex-col md:flex-row gap-y-3 md:h-full"
6211        >
6212          <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]">
6213  <div class="flex flex-row md:flex-col gap-y-2 w-full md:h-full md:overflow-y-auto md:scrollbar-hidden">
6214    
6215      <div class="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 class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div>
6224    
6225  </div>
6226</div>
6227
6228<div class="w-full md:pb-7.5 md:pt-[68px] md:h-full md:px-7.5">
6229  <div class="w-full md:h-full md:overflow-hidden"><div class="w-2/3 relative mb-2 md:mb-2.5">
6230            <div class="skeleton-text">Skeleton text</div>
6231            <div class="skeleton-block"></div>
6232          </div><div class="w-full relative mb-0.5">
6233            <div class="skeleton-text h2 heading-small">Skeleton text</div>
6234            <div class="skeleton-block"></div>
6235          </div><div
6236            class="product-info__space-small"
6237          ></div><div class="w-1/3 relative mb-2 md:mb-2.5 min-h-[var(--rating-star-size)]">
6238            <div class="skeleton-text text-small">Skeleton text</div>
6239            <div class="skeleton-block"></div>
6240          </div><div class="mb-2 md:mb-2.5">
6241            <div class="w-2/3 relative">
6242              <div class="skeleton-text h2">Skeleton text</div>
6243              <div class="skeleton-block"></div>
6244            </div>
6245            </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]">
6246            <div class="skeleton-text">Skeleton text</div>
6247            <div class="skeleton-block"></div>
6248          </div><div
6249            class="product-info__space-small"
6250          ></div><div class="mb-[var(--padding-bottom-product-template-block)]">
6251            
6252            <div class="w-1/3 relative mb-1.5">
6253              <div class="skeleton-text">Skeleton text</div>
6254              <div class="skeleton-block"></div>
6255            </div>
6256            <div class="w-1/3 relative mb-[var(--padding-bottom-product-template-block)]">
6257              <div class="skeleton-text min-h-[12px] border pt-3 pb-3 w-1/3">Skeleton text</div>
6258              <div class="skeleton-block rounded-corners-md"></div>
6259            </div>
6260            
6261            
6262            <div class="w-full relative">
6263              <div class="skeleton-text button button-large">Skeleton text</div>
6264              <div class="skeleton-block rounded-corners-md"></div>
6265            </div>
6266          </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]">
6267            <div class="skeleton-text">Skeleton text</div>
6268            <div class="skeleton-block"></div>
6269          </div></div>
6270</div>
6271        </div>
6272        <div
6273          id="QuickViewProductContent"
6274          class="quick-view md:h-full"
6275          x-show="!$store.xQuickView.loading"
6276        ></div>
6277      </div>
6278    </div>
6279  </div>
6280</div>
6281
6282<style>
6283  /* Quick-view buttons hidden by default; shown only when enabled (set via inline JS below) */
6284  html:not([data-qv]) .product-card__widget-quick-view { display: none !important; }
6285  /* Button sizing: icon-only vs label */
6286  html[data-qv-has-label] .quick-view-btn-icon { display: none !important; }
6287  html:not([data-qv-has-label]) .quick-view-btn-label { display: none !important; }
6288  /* List-layout button only (scoped via .self-start parent): icon-only = fixed square, label = auto size */
6289  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; }
6290  html[data-qv-has-label] .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: auto; height: auto; }
6291</style>
6292<script>
6293  window.xQuickView = {
6294    sectionId: 'sections--20172716015786__quick-view',
6295    enabled: true,
6296    buttonLabel: 'Quick view'
6297  }
6298  // Set HTML attributes immediately (inline, not deferred) so CSS can show/hide
6299  // product-card quick-view buttons without Alpine x-show processing per card.
6300  if (window.xQuickView.enabled) {
6301    document.documentElement.setAttribute('data-qv', '');
6302    if (window.xQuickView.buttonLabel) {
6303      document.documentElement.setAttribute('data-qv-has-label', '');
6304      // Set label text on all cards once (replaces x-text per card)
6305      document.addEventListener('DOMContentLoaded', function() {
6306        document.querySelectorAll('.quick-view-btn-label').forEach(function(el) {
6307          el.textContent = window.xQuickView.buttonLabel;
6308        });
6309      });
6310    }
6311  }
6312</script>
vendor: 1 bytes, line 6312
6312
6313<script
6314  src="//nacholightingco.com/cdn/shop/t/30/assets/quick-view.js?v=138540427086460981881789788223"
6315  defer
6316></script>
6316
6317
6318</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>
6319  @media screen and (max-width: 1023px) {
6320    .store-locator-popup__content {
6321      max-height: calc(100% - 16px);
6322    }
6323  }
6324  @media screen and (min-width: 1024px) {
6325    .x-header-store-selector-desktop:empty {
6326      display: flex;
6327      gap: 4px;
6328      font-style: var(--menu-font-style);
6329      font-weight: var(--menu-font-weight);
6330      letter-spacing: var(--menu-letter-spacing);
6331      font-size: var(--body-font-size);
6332      align-items: center;
6333    }
6334    .x-header-store-selector-desktop:empty::before {
6335      flex-shrink: 0;
6336      display: block;
6337      content: "";
6338      width: 24px;
6339      height: 24px;
6340      background: rgba(var(--color-text));
6341      -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;
6342      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;
6343    }
6344    .x-header-store-selector-desktop:empty::after {
6345      content: var(--x-store-selector-content);
6346      overflow: hidden;
6347      text-overflow: ellipsis;
6348      padding-right: 18px;
6349      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");
6350      background-repeat: no-repeat;
6351      background-position: right center;
6352      background-size: 9px 7px;
6353    }
6354    [dir="rtl"] .x-header-store-selector-desktop:empty::after {
6355      padding-right: 0;
6356      padding-left: 18px;
6357      background-position: left center;
6358    }
6359  }
6360</style>
6361
6362
6363<div
6364  class="hidden"
6365  id="HeaderDesktopLocator" 
6366  x-init="$store.xHelper.setPosition('#x-header-container .x-header-store-selector-desktop', '#HeaderDesktopLocator')"
6367>
6368  <div>
6369    
6370      <a 
6371        href="/pages/dealer-locator" 
6372        target="_blank" rel="noopener noreferrer"
6373        aria-label="Store locator"
6374      >
6375        <span class="icon w-6 h-6 block shrink-0">
6376          <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
6377         style="fill:none">
6378      <path
6379          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"
6380          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6381      <path
6382          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"
6383          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6384    </svg>
6385        </span>
6386      </a>
6387    
6388  </div>
6389</div>
6390<div
6391  class="hidden"
6392  id="HeaderMobileLocator" 
6393  x-init="$store.xHelper.setPosition('.x-header-store-selector-mobile', '#HeaderMobileLocator')"
6394>
6395  <div
6396    class="cursor-pointer pt-2 pb-2"
6397    @click.prevent="$store.xStoreMap?.dispatchEventOpenPopup()"
6398    @keydown.enter="$store.xStoreMap?.dispatchEventOpenPopup()"
6399    tabindex="0"
6400    aria-label="Store locator"
6401    role="button"
6402  >
6403    <div class="relative flex flex-row items-center gap-1">
6404      <span class="icon w-4 h-4 block">
6405        <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"
6406         style="fill:none">
6407      <path
6408          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"
6409          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6410      <path
6411          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"
6412          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6413    </svg>
6414      </span>
6415      <span
6416        x-show="$store.xStoreMap?.currentStoreSelected === ''"
6417        id="StoreSelectorName__mobile-sections--20172716015786__store-locator"
6418      >
6419        Store locator
6420      </span>
6421      <span
6422        x-show="$store.xStoreMap?.currentStoreSelected !== ''"
6423        x-text="$store.xStoreMap?.getStoreText()"
6424        class="line-clamp-2"
6425      ></span>
6426    </div>
6427  </div>
6428</div>
6429
6430<script src="//nacholightingco.com/cdn/shop/t/30/assets/store-locator.js?v=77897810227126559271789788223" defer></script>
vendor: 1 bytes, line 6430
6430
6431<script src="//nacholightingco.com/cdn/shop/t/30/assets/map.js?v=33459869748999710691789788223" defer></script>
6431
6432
6433</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>
6434  /* Comparison buttons hidden by default; shown only when this section exists on the page */
6435  html:not([data-comparison]) .product-card__widget-compare { display: none !important; }
6436</style>
6437<script>
6438  /* Runs inline (not deferred) — sets attribute before Alpine initializes so CSS
6439     controls visibility without x-show per product card. */
6440  document.documentElement.setAttribute('data-comparison', '');
6441</script>
vendor: 1 bytes, line 6441
6441
6442<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison.js?v=40306736846756263941789788223" defer></script>
6442
6443
6444<link href="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison-overlay.css?v=156517184879414785761789788223" rel="stylesheet" type="text/css" media="all" />
6445
6446  <div
6447    id="productComparisonOverlay"
6448    x-init="$store.xProductComparison.setData('Color', '')"
6449    x-cloak
6450    class="color-scheme-1 dark-color-scheme-2"
6451    data-maximum-product-compare="5"
6452  >
6453    
6454    
6455  
6456    <template x-teleport="body">
6457      <div class="block fixed right-0.5 rtl:left-0.5 rtl:right-auto pl-0.5 pr-0.5 top-1/2 z-30">
6458        <div
6459          id="ProductComparisonWidgetButton"
6460          class="product-comparison-overlay__widget-button p-2.5 md:p-3 rounded-corners-md cursor-pointer bg-gradient-no-alpha shadow-small"
6461          @click.prevent="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length > 0 && $store.xProductComparison.showDrawer()"
6462          x-show="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length != 0"
6463          @keyup.enter="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length > 0 && $store.xProductComparison.showDrawer()"
6464          tabindex="0"
6465        >
6466          <button
6467            class="w-4 h-4 md:w-6 md:h-6 relative widget__icon-comparison block"
6468            x-show="!$store.xProductComparison.loadingOpenDrawer"
6469            tabindex="-1"
6470          >
6471            <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
6472      <path d="M5.25 3.5H3V5.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6473      <path d="M5.25 14H3V11.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6474      <path d="M15 14V3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6475      <path d="M9 14H15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6476      <path d="M9 3.5H15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6477      <path d="M9 15.5L9 2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
6478    </svg>
6479            <span
6480              class="-top-4 -right-3 md:-top-4.5 md:-right-3.5 button-primary w-4.5 h-4.5 md:w-6 md:h-6 rounded-full flex items-center justify-center text-x-small leading-[normal]"
6481              x-text="$store.xProductComparison.listComparisonProducts.length"
6482              style="position: absolute;"
6483            ></span>
6484          </button>
6485          <button
6486            class="w-4 h-4 md:w-6 md:h-6 relative widget__icon-comparison block animate-spin"
6487            x-cloak
6488            x-show="$store.xProductComparison.loadingOpenDrawer"
6489            tabindex="-1"
6490          >
6491            <svg
6492        version="1.0"
6493        xmlns="http://www.w3.org/2000/svg"
6494        viewBox="0 0 512.000000 512.000000"
6495        preserveAspectRatio="xMidYMid meet"
6496    >
6497      <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
6498         fill="currentColor" stroke="none">
6499        <path
6500            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"/>
6501      </g>
6502    </svg>
6503          </button>
6504        </div>
6505      </div>
6506    </template>
6507  
6508    <template x-teleport="body">
6509      <div
6510        id="ProductComparisonPopup"
6511        data-section-id="sections--20172716015786__product_comparison_overlay_BEhTzU"
6512        class="product-comparison__drawer-wrapper fixed top-0 w-fit h-full z-[70]"
6513        @click.away="$store.xProductComparison.hideDrawer()"
6514        x-show="$store.xProductComparison.isShowPopup"
6515        @keyup.escape="$store.xProductComparison.closePopup()"
6516        x-intersect.full="$store.xFocusElement.trapFocus('ProductComparisonPopup', 'CloseProductComparePopup')"
6517        x-cloak
6518      >
6519        <div class="absolute top-0 right-0 left-0 bottom-0 duration-300 z-20 w-fit h-full">
6520          <div
6521            class="relative h-full max-h-full w-screen rounded-none bg-white color-scheme-1 dark-color-scheme-2"
6522            role="dialog"
6523            aria-modal="true"
6524            tabindex="-1"
6525            x-show="$store.xProductComparison.isShowPopup"
6526            
6527            x-transition:enter="transition-all ease-in-out duration-500"
6528            x-transition:enter-start="opacity-0 transform translate-y-1/3"
6529            x-transition:enter-end="opacity-100 transform translate-y-0"
6530            x-transition:leave="transition-all ease-in-out duration-500"
6531            x-transition:leave-end="opacity-0 transform translate-y-1/3"
6532          >
6533            <div class="w-full h-full pb-4 md:pb-7.5 flex flex-col">
6534              <button
6535                id="CloseProductComparePopup"
6536                @click="$store.xProductComparison.closePopup()"
6537                @keyup.enter="$store.xProductComparison.closePopup()"
6538                @keydown.enter.prevent
6539                class="modal__button-close"
6540              >
6541                <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"
6542         style="fill: none">
6543      <path
6544          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"
6545          fill="currentColor"/>
6546      <path
6547          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"
6548          fill="currentColor"/>
6549    </svg></span>
6550              </button>
6551              <div class="h-full overflow-y-auto scrollbar-visible scrollbar-body pb-2">
6552                <div class="page-width">
6553                  
6554
6555
6556<style data-shopify>.product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU {
6557    --product-comparison-grid-item-width: 2/3;
6558  }
6559  @media (min-width: 768px) {
6560    .product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU {
6561      --product-comparison-grid-item-width: 1/2;
6562    }
6563  }
6564  @media (min-width: 1024px) {
6565    .product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU {
6566      --product-comparison-item-in-table: 6;
6567      --product-comparison-grid-item-width: 1/6;
6568    }
6569  }</style><div>
6570  <div class="text-center heading-content-spacing flex flex-col gap-0.5">
6571    
6572    
6573      <h2 class="heading-medium h2 block pointer-events-auto pb-1 product-comparison__heading p-break-words anm-fade-element" data-fade-on-intersect>
6574        Product Comparison
6575      </h2>
6576    
6577    
6578      <div class="rte product-comparison__text anm-fade-element" data-fade-on-intersect><p>How they are Different</p></div>
6579    
6580  </div>
6581  <div class="relative mt-8 px-1">
6582    <div
6583      :class="[
6584        $store.xProductComparison.listComparisonProducts.length > 5 ? 'lg:flex' : 'lg:hidden',
6585        $store.xProductComparison.listComparisonProducts.length > 2 ? 'md:flex' : 'md:hidden',
6586        $store.xProductComparison.listComparisonProducts.length > 1 ? 'flex' : 'hidden',
6587      ]"
6588      class="slider-indicators items-center gap-1.5 md:gap-2.5 absolute right-0 rtl:right-auto rtl:left-0 bottom-full justify-end mb-0"
6589    >
6590      <div x-ref="product-comparison__nav-prev" class="product-comparison__nav-prev bg-transparent h-4 w-4 rtl:rotate-180 relative product-compare__arrow-active" tabindex="0">
6591        <div class="absolute rotate-90">
6592          <svg
6593        width="100%"
6594        height="100%"
6595        viewBox="0 0 9 7"
6596        fill="none"
6597        xmlns="http://www.w3.org/2000/svg"
6598        style="fill: none;"
6599    >
6600      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
6601            stroke-linejoin="round"/>
6602    </svg>
6603        </div>
6604      </div>
6605      <div x-ref="product-comparison__nav-next" class="product-comparison__nav-next bg-transparent h-4 w-4 rtl:rotate-180 relative product-compare__arrow-active" tabindex="0">
6606        <div class="absolute -rotate-90"><svg
6607        width="100%"
6608        height="100%"
6609        viewBox="0 0 9 7"
6610        fill="none"
6611        xmlns="http://www.w3.org/2000/svg"
6612        style="fill: none;"
6613    >
6614      <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round"
6615            stroke-linejoin="round"/>
6616    </svg></div>
6617      </div>
6618    </div>
6619    <div 
6620      x-init="$store.xProductComparison && $store.xProductComparison.updateCSSVariables('sections--20172716015786__product_comparison_overlay_BEhTzU')"
6621      @resize.window="$store.xProductComparison && $store.xProductComparison.updateCSSVariables('sections--20172716015786__product_comparison_overlay_BEhTzU')"
6622      class="product-comparison__table-container overflow-x-auto pb-1 scrollbar-horizontal"
6623    >
6624      <table class="mx-auto product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU product-comparison-table product-comparison-table-popup">
6625        <thead>
6626          <tr
6627            class="flex pt-3"
6628            :class="
6629              [
6630                $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6631                $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6632              ]
6633            "
6634          >
6635            <th 
6636              class="product-comparison-grid-title pt-4 p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient"
6637            >
6638            </th>
6639            <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6640              <th
6641                :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6642                class="flex flex-col items-center product-comparison-grid-item pt-4 !color-border-[rgba(var(--color-text),0.12)] border-t border-b lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 relative overflow-hidden"
6643              >
6644                <button
6645                  class="-mt-2 mb-2 flex"
6646                  :class="$store.xProductComparison.loadingFetchDataPopup && 'pointer-events-none'"
6647                  @click="$store.xProductComparison.removeProductFromCompare(value.productId, value.productHandle)"
6648                >
6649                  <span class="button__close icon-close-small-desktop icon-close-small-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg"
6650         style="fill: none">
6651      <path
6652          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"
6653          fill="currentColor"/>
6654      <path
6655          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"
6656          fill="currentColor"/>
6657    </svg></span>
6658                </button>
6659                <div
6660                  x-cloak
6661                  x-show="!$store.xProductComparison.loadingFetchDataPopup"
6662                  class="w-full"
6663                  :class="`product-comparison-table-header-${value.productHandle}-${index}`"
6664                ></div>
6665                <div
6666                  x-show="$store.xProductComparison.loadingFetchDataPopup"
6667                  class="w-full"
6668                >
6669                  <div class="animate-Xpulse block w-full product-comparison__skeleton-heading">
6670    <div class="w-full relative h-0 pb-[100%]">
6671      <div class="bg-skeleton w-full rounded-corners w-full object-cover absolute insert-0 h-full"></div>
6672    </div>
6673    <div class="mt-2.5 md:mt-4 relative">
6674      <p class="h6 opacity-0">__</p>
6675      <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6676    </div>
6677    <div class="mt-2.5 relative">
6678      <p class="h5 opacity-0">__</p>
6679      <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6680    </div>
6681  </div>
6682                </div>
6683              </th>
6684            </template>
6685          </tr>
6686        </thead>
6687        <tbody>
6688          
6689          
6690            
6691              <tr
6692                class="flex"
6693                :class="
6694                  [
6695                    $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6696                    $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6697                  ]
6698                "
6699              >
6700                <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Description</td>
6701                <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6702                  <th
6703                    :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6704                    class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden"
6705                  >
6706                    <p class="flex lg:hidden mb-1.5 h7">Description</p>
6707                    <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden">
6708                      
6709                          <div :class="`product-comparison-description-${value.productHandle}-${index}`"><p>-</p></div>
6710                        
6711                    </div>
6712                    <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full">
6713                      <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full">
6714    <p class="opacity-0 lg:hidden">__</p>
6715    <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6716  </div>
6717                    </div>
6718                  </th>
6719                </template>
6720              </tr>
6721            
6722          
6723            
6724              <tr
6725                class="flex"
6726                :class="
6727                  [
6728                    $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6729                    $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6730                  ]
6731                "
6732              >
6733                <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Rating</td>
6734                <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6735                  <th
6736                    :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6737                    class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden"
6738                  >
6739                    <p class="flex lg:hidden mb-1.5 h7">Rating</p>
6740                    <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden">
6741                      
6742                          <div :class="`product-comparison-rating-${value.productHandle}-${index}`"><p>-</p></div>
6743                        
6744                    </div>
6745                    <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full">
6746                      <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full">
6747    <p class="opacity-0 lg:hidden">__</p>
6748    <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6749  </div>
6750                    </div>
6751                  </th>
6752                </template>
6753              </tr>
6754            
6755          
6756            
6757              <tr
6758                class="flex"
6759                :class="
6760                  [
6761                    $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6762                    $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6763                  ]
6764                "
6765              >
6766                <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Vendor</td>
6767                <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6768                  <th
6769                    :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6770                    class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden"
6771                  >
6772                    <p class="flex lg:hidden mb-1.5 h7">Vendor</p>
6773                    <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden">
6774                      
6775                          <div :class="`product-comparison-vendor-${value.productHandle}-${index}`" class="vendor-link"><p>-</p></div>
6776                        
6777                    </div>
6778                    <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full">
6779                      <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full">
6780    <p class="opacity-0 lg:hidden">__</p>
6781    <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6782  </div>
6783                    </div>
6784                  </th>
6785                </template>
6786              </tr>
6787            
6788          
6789            
6790          
6791            
6792              <tr
6793                class="flex"
6794                :class="
6795                  [
6796                    $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6797                    $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6798                  ]
6799                "
6800              >
6801                <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Color</td>
6802                <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6803                  <th
6804                    :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6805                    class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden"
6806                  >
6807                    <p class="flex lg:hidden mb-1.5 h7">Color</p>
6808                    <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden">
6809                      
6810                          <div :class="`product-comparison-option-swatches-Color-${index}`"><p>-</p></div>
6811                        
6812                    </div>
6813                    <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full">
6814                      <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full">
6815    <p class="opacity-0 lg:hidden">__</p>
6816    <div class="bg-skeleton w-full h-full absolute inset-0"></div>
6817  </div>
6818                    </div>
6819                  </th>
6820                </template>
6821              </tr>
6822            
6823          
6824
6825          
6826          
6827            
6828            <tr 
6829              class="flex"
6830              :class="
6831                [
6832                  $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center',
6833                  $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center'
6834                ]
6835              "
6836            >
6837              <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b"></td>
6838              <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp">
6839                <th 
6840                  :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]"
6841                  class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden"
6842                >
6843                  <span 
6844                    class="w-fit h-fit"
6845                  >
6846                    
6847                    
6848                    
6849<custom-button>
6850  <a
6851    class="button empty:hidden cursor-pointer md:min-h-6 min-h-5  p-break-words w-full pl-5 pr-5 pt-3 pb-3 inline-block button-primary "
6852    
6853      role="link" 
6854      
6855        tabindex="0"
6856        
6857      
6858    
6859    
6860                      :class="$store.xProductComparison.loadingFetchDataPopup && 'pointer-events-none'"
6861                      :href=`${Shopify.routes.root}products/${value.productHandle}`
6862                      
6863                        target="_blank"
6864                      
6865                    
6866  >
6867    
6868
6869
6870  
6871    <span class="button-text text-nowrap">View full details</span>
6872  
6873
6874
6875  </a>
6876</custom-button>
6877                  </span>
6878                </th>
6879              </template>
6880            </tr>
6881          
6882        </tbody>
6883      </table>
6884    </div>
6885  </div>
6886</div>
6887                </div>
6888              </div>
6889            </div>
6890          </div>
6891        </div>
6892      </div>
6893    </template>
6894    <template x-teleport="body">
6895      <div
6896        id="ProductComparisonDrawer"
6897        class="pop-up-link__container drawer__wrapper color-scheme-1 dark-color-scheme-2 !bg-transparent"
6898        x-show="$store.xProductComparison && $store.xProductComparison.isShowDrawer"
6899        x-cloak
6900      >
6901        <div
6902          id="ProductComparisonDrawer__Overlay"
6903          class="drawer__overlay"
6904          @click.prevent="$store.xProductComparison.hideDrawer()"
6905        ></div>
6906        <div
6907          x-show="$store.xProductComparison && $store.xProductComparison.isShowDrawer"
6908          class="product-omparison__drawer__container drawer__container transform"
6909          x-cloak
6910          x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6911          x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0"
6912          x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0  md:translate-x-1/3"
6913          x-intersect.full="$store.xFocusElement.trapFocus('ProductComparisonDrawer', 'CloseProductCompareDrawer')"
6914          @keyup.escape="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()"
6915        >
6916          <div class="modal-title-container px-4 md:px-7.5">
6917            <div class="modal-title-wrapper">
6918              <div class="grow flex items-center">
6919                <p class="flex-auto h5">
6920                  <span>Compare products</span>
6921                  <span> (</span>
6922                  <span x-text="$store.xProductComparison.listComparisonProducts.length"></span>
6923                  <span>/</span>
6924                  <span x-text="$store.xProductComparison.maximumProductCompare"></span>
6925                  <span>)</span>
6926                </p>
6927              </div>
6928              <button
6929                id="CloseProductCompareDrawer"
6930                @click="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()"
6931                @keyup.enter="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()"
6932                @keydown.enter.prevent
6933                class="modal-title__button-close"
6934                aria-label="Close"
6935              >
6936                <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"
6937         style="fill: none">
6938      <path
6939          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"
6940          fill="currentColor"/>
6941      <path
6942          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"
6943          fill="currentColor"/>
6944    </svg></span>
6945              </button>
6946            </div>
6947          </div>
6948          
6949          <div id="ProductComparisonDrawer__Main" class="w-full grow overflow-hidden">
6950          </div>
6951        </div>
6952      </div>
6953    </template>
6954  </div>
6955
6956</section>
6957<!-- END sections: aside-group -->
6958  <style data-shopify>
6959    #x-header-container, .header-collapse-menu {
6960      opacity: 1 !important;
6961    }
6962  </style>
6963
6964  <main id="MainContent"
6965        class="content-for-layout focus-none outline-none grow theme-template-search theme-template-suffix-none"
6966        role="main" tabindex="-1"
6967  >
6968    <section id="shopify-section-template--20172726337706__main" class="shopify-section maximize-section section-main-search"><style data-shopify>
6969  .gap-template--20172726337706__main {
6970    gap: 16px;
6971  }
6972  .section--template--20172726337706__main {
6973    padding-top: calc(64px * var(--mobile-padding-ratio));
6974    padding-bottom: calc(64px * var(--mobile-padding-ratio));
6975  }
6976  @media (min-width: 768px) {
6977    .gap-template--20172726337706__main {
6978      gap: 16px;
6979    }
6980    .section--template--20172726337706__main {
6981      padding-top: 64px;
6982      padding-bottom: 64px;
6983    }
6984  }</style>
6984<script src="//nacholightingco.com/cdn/shop/t/30/assets/pagination-search.js?v=133499108720997251911789788223" defer></script>
6984
6985<link href="//nacholightingco.com/cdn/shop/t/30/assets/main-collection.css?v=152405572708246871011789788223" rel="stylesheet" type="text/css" media="all" />
6986<link href="//nacholightingco.com/cdn/shop/t/30/assets/featured-blog.css?v=175604086216947554701789788223" rel="stylesheet" type="text/css" media="all" />
6987<link href="//nacholightingco.com/cdn/shop/t/30/assets/search-page.css?v=176053373274302173171789788223" rel="stylesheet" type="text/css" media="all" />
6988
6989
6990<div
6991  id="template--20172726337706__main"
6992  
6993  class="section--template--20172726337706__main search-page anm-btn-controller page-width"
6994>
6995  <div
6996    id="ResultCount"
6997    class="hidden"
6998  >
6999    0
7000  </div>
7001  <div class="main-search-form__wrapper">
7002    <h1 class="search-heading text-center h2 font-semibold mb-4">
7003      Search results
7004    </h1>
7005    <div
7006      x-data="xModalSearch('query,product,article,collection,page',6,3)"
7007      class="main-search-form flex justify-center relative mb-5.5 md:mb-14"
7008      tabindex="-1"
7009    >
7010      <form
7011        action="/search"
7012        method="get"
7013        role="search"
7014        class="max-w-3xl w-full"
7015        @click.away="isFocusedSearchForm && close()"
7016        @keydown.esc="isFocusedSearchForm && close()"
7017      >
7018        <div
7019          id="MainSearchForm"
7020          class="relative field"
7021        >
7022          <input
7023            class="input-search focus-visible:outline-none bg-transparent border-2 pt-3 pb-3 md:pt-4 md:pb-4 pl-7 rtl:pl-20 pr-20 rtl:pr-7 text-left rtl:text-right text-sm w-full appearance-none relative outline-none placeholder:opacity-70 placeholder:color-text-[rgba(var(--color-text))]"
7024            type="search"
7025            name="q"
7026            id="InputSearch__template--20172726337706__main"
7027            value=""
7028            x-on:keydown="handleKeyUpModal($event)"
7029            @input.debounce.500ms="handleChangeInput()"
7030            @focus="focusForm()"
7031            placeholder="Search..."
7032            x-ref="input_search"
7033          >
7034          <label for="InputSearch__template--20172726337706__main" class="hidden">Search...</label>
7035          <input
7036            type="hidden"
7037            name="type"
7038            value="product"
7039          >
7040          <button
7041            class="btn-search absolute none_border bg-none w-8 h-8 right-1.5 md:right-2 p-1.5 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current"
7042            aria-label="Search..."
7043          ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
7044      <path
7045          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"
7046          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7047      <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round"
7048            stroke-linejoin="round"/>
7049    </svg></button>
7050          
7051            <button
7052              class="search__speech cursor-pointer absolute none_border bg-none w-8 h-8 right-10 p-1.5 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current"
7053              x-data="xSpeechSearch($el)"
7054              x-show="show"
7055              x-cloak
7056            >
7057              <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
7058      <path
7059          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"
7060          fill="currentColor"></path>
7061    </svg>
7062            </button>
7063            
7063<script src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223" defer></script>
7063
7064          
7065        </div><div
7066            x-show="isFocusedSearchForm"
7067            class="md:max-h-96 md:absolute z-50 max-w-3xl top-full w-full"
7068            tabindex="-1"
7069            data-predictive-search
7070            x-html="result"
7071          ></div></form>
7072    </div>
7073  </div>
7074  
7075  <div
7076    class="search-tab__wrapper flex flex-col gap-4 md:gap-5"
7077    x-data="xSearchTab('template--20172726337706__main')"
7078  >
7079    <div
7080      id="SearchTermContent"
7081      class="hidden"
7082    ></div>
7083    <tab-animation class="search-tab__button-wrapper has-initial-active flex justify-between w-fit mx-auto max-w-full overflow-auto scrollbar-body scrollbar-visible px-0.5 pt-0.5 pb-2 tab-animation-underline">
7084      <div class="tab-list flex gap-1 px-0.5">
7085        <button
7086        class="button-tab-product font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight is-active-initial"
7087        @click="activeTab='product'"
7088        x-bind:class="activeTab === 'product' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'"
7089        x-cloak
7090      >
7091        <div class="block-text-button__container h-full">
7092           
7093          <span class="block-text-button-text-active-invisible">Products
7094            <span>(0)</span></span
7095          >
7096          <span class="block-text-button-text-effect-1">Products
7097            <span>(0)</span></span
7098          >
7099          <span class="block-text-button-text-effect-2">Products
7100            <span>(0)</span></span
7101          >
7102          
7103        </div>
7104      </button>
7105      <button
7106        class="button-tab-collection font-base-body tabs__button-horizontal text-medium px-3 py-2 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight"
7107        @click="activeTab='collection'"
7108        x-bind:class="activeTab === 'collection' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'"
7109        x-cloak
7110      >
7111        <div class="block-text-button__container h-full">
7112           
7113            <span class="block-text-button-text-active-invisible">Collections
7114              <span x-text="`(${collectionCount})`"></span
7115            ></span>
7116            <span class="block-text-button-text-effect-1">Collections
7117              <span x-text="`(${collectionCount})`"></span
7118            ></span>
7119            <span class="block-text-button-text-effect-2">Collections
7120              <span x-text="`(${collectionCount})`"></span
7121            ></span>
7122            
7123        </div>
7124      </button>
7125      <button
7126        class="button-tab-article font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight"
7127        @click="activeTab='article'"
7128        x-bind:class="activeTab === 'article' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'"
7129        x-cloak
7130      >
7131        <div class="block-text-button__container h-full">
7132           
7133            <span class="block-text-button-text-active-invisible">Blog post
7134              <span x-text="`(${articleCount})`"></span
7135            ></span>
7136            <span class="block-text-button-text-effect-1">Blog post
7137              <span x-text="`(${articleCount})`"></span
7138            ></span>
7139            <span class="block-text-button-text-effect-2">Blog post
7140              <span x-text="`(${articleCount})`"></span
7141            ></span>
7142          
7143        </div>
7144      </button>
7145      <button
7146        class="button-tab-page font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight"
7147        @click="activeTab='page'"
7148        x-bind:class="activeTab === 'page' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'"
7149        x-cloak
7150      >
7151        <div class="block-text-button__container h-full">
7152           
7153            <span class="block-text-button-text-active-invisible">Pages
7154              <span x-text="`(${pageCount})`"></span
7155            ></span>
7156            <span class="block-text-button-text-effect-1">Pages
7157              <span x-text="`(${pageCount})`"></span
7158            ></span>
7159            <span class="block-text-button-text-effect-2">Pages
7160              <span x-text="`(${pageCount})`"></span
7161            ></span>
7162            
7163        </div>
7164      </button>
7165      </div>
7166    </tab-animation>
7167    <div
7168      id="MainSearchResult"
7169      class="search-result-container anm-tab-content"
7170    >
7171      <div
7172        id="TotalSearchResult"
7173        x-show="activeTab==='product'"
7174        x-transition:enter="tab-panel-enter"
7175        x-transition:enter-start="tab-panel-enter-start"
7176        x-transition:enter-end="tab-panel-enter-end"
7177        x-transition:leave="tab-panel-leave"
7178        x-transition:leave-start="tab-panel-leave-start"
7179        x-transition:leave-end="tab-panel-leave-end"
7180        x-transition:opacity
7181        
7182          :class="!showFilterAside && 'filter-aside'"
7183        
7184
7185      ></div>
7186      <div
7187        id="MainSearchResult_Page"
7188        x-show="activeTab==='page'"
7189        x-transition:enter="tab-panel-enter"
7190        x-transition:enter-start="tab-panel-enter-start"
7191        x-transition:enter-end="tab-panel-enter-end"
7192        x-transition:leave="tab-panel-leave"
7193        x-transition:leave-start="tab-panel-leave-start"
7194        x-transition:leave-end="tab-panel-leave-end"
7195        x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));"
7196        x-transition:opacity
7197      ></div>
7198      <div
7199        id="MainSearchResult_Article"
7200        x-show="activeTab==='article'"
7201        x-transition:enter="tab-panel-enter"
7202        x-transition:enter-start="tab-panel-enter-start"
7203        x-transition:enter-end="tab-panel-enter-end"
7204        x-transition:leave="tab-panel-leave"
7205        x-transition:leave-start="tab-panel-leave-start"
7206        x-transition:leave-end="tab-panel-leave-end"
7207        x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));"
7208        x-transition:opacity
7209      ></div>
7210      <div
7211        id="MainSearchResult_Collection"
7212        x-show="activeTab==='collection'"
7213        x-transition:enter="tab-panel-enter"
7214        x-transition:enter-start="tab-panel-enter-start"
7215        x-transition:enter-end="tab-panel-enter-end"
7216        x-transition:leave="tab-panel-leave"
7217        x-transition:leave-start="tab-panel-leave-start"
7218        x-transition:leave-end="tab-panel-leave-end"
7219        x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));"
7220        x-transition:opacity
7221      >
7222        <div
7223          id="ItemsGrid-collection"
7224          class="anm-reveal-container grid gap-template--20172726337706__main grid-cols-2 md:grid-cols-2 lg:grid-cols-4 list-layout:grid-cols-1 lg:list-layout:grid-cols-2"
7225          x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));"
7226        ></div>
7227      </div>
7228    </div>
7229  </div>
7230  
7230<script src="//nacholightingco.com/cdn/shop/t/30/assets/search-tab.js?v=148292504462363623931789788223" defer></script>
7230
7231
7232  
7233</div>
7234
7235</section>
7236  </main>
7237
7238  <!-- BEGIN sections: footer-group -->
7239<div id="shopify-section-sections--20172716638378__footer" class="shopify-section shopify-section-group-footer-group section-footer">
7240<style data-shopify>.section-sections--20172716638378__footer-padding {
7241      padding-top: 30.0px;
7242      padding-bottom: 0.0px;
7243    }
7244    
7245    @media screen and (min-width: 768px) {
7246      .section-sections--20172716638378__footer-padding {
7247        padding-top: 60px;
7248        padding-bottom: 0px;
7249      }
7250    }</style><footer 
7251    id="x-footer" 
7252    class="x-footer full-width-padded rounded-corners-container mb-4 md:mb-[30px]"
7253  ><div class="section-divider w-full">
7254        <div class="divider m-auto border-t"></div>
7255      </div>
7256    <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" 
7257        style="--spacing-column: 32px; --rounded-corners: 6px;"
7258      ><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">
7259                      <p class="h5">Contact us</p>
7260                      <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">
7261                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7262         class="" fill="none" viewBox="0 0 10 2">
7263      <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"
7264            fill="currentColor">
7265    </svg>
7266                      </span>
7267                      <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">
7268                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7269         class="" fill="none" viewBox="0 0 10 10">
7270      <path fill-rule="evenodd" clip-rule="evenodd"
7271            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"
7272            fill="currentColor">
7273    </svg>
7274                      </span>
7275                    </div><div
7276                    class="footer-collapse__content md:!block md:!h-auto" 
7277                    x-show="open" x-collapse
7278                  >
7279                    <div>
7280                        <div class="mb-6">
7281<div class="inline-flex items-center gap-x-4">
7282  
7283    <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]">
7284      
7285        
7286          <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7287        <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.5518 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.7
728759 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"/>
7288      </svg>
7289
7290        
7291      
7292    </span>
7293  
7294  
7295    <div>
7296      <p class="empty:hidden p-break-words mt-1 mb-1">
7297        Phone Number
7298      </p>
7299      
7300        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7301          888.611.9299
7302        </p>
7303      
7304    </div>
7305  
7306</div>
7307</div><div class="mb-6">
7308<div class="inline-flex items-center gap-x-4">
7309  
7310    <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]">
7311      
7312        
7313          <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7314        <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"/>
7315        <path d="M30.0981 38.2539V47.6068" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7316        <path d="M91.4112 38.2539V75.6654H45.686" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7317        <path d="M41.5288 53.5826V49.6855H79.9796V75.6658" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7318        <path d="M61.2739 50.7266L61.2739 71.5107" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
7319        <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"/>
7320        <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"/>
7321        <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"/>
7322        <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"/>
7323        <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0586 51.078C21.2416 50.6094 20.2484 50.6094 19.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"/>
7324      </svg>
7325
7326        
7327      
7328    </span>
7329  
7330  
7331    <div>
7332      <p class="empty:hidden p-break-words mt-1 mb-1">
7333        Address
7334      </p>
7335      
7336        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7337          4641 E Ivy St.Mesa, AZ 85205
7338        </p>
7339      
7340    </div>
7341  
7342</div>
7343</div><div class="mb-6">
7344<div class="inline-flex items-center gap-x-4">
7345  
7346    <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]">
7347      
7348        
7349          <svg style="fill: none" width="100%" height="100%" viewB
7349ox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
7350        <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"/>
7351      </svg>
7352
7353        
7354      
7355    </span>
7356  
7357  
7358    <div>
7359      <p class="empty:hidden p-break-words mt-1 mb-1">
7360        Email Address
7361      </p>
7362      
7363        <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1">
7364          [email protected]
7365        </p>
7366      
7367    </div>
7368  
7369</div>
7370</div>
7371                      
7372</div>
7373                  </div>
7374                </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">
7375                      <p class="h5">Nacho Info</p>
7376                      <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">
7377                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7378         class="" fill="none" viewBox="0 0 10 2">
7379      <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"
7380            fill="currentColor">
7381    </svg>
7382                      </span>
7383                      <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">
7384                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7385         class="" fill="none" viewBox="0 0 10 10">
7386      <path fill-rule="evenodd" clip-rule="evenodd"
7387            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"
7388            fill="currentColor">
7389    </svg>
7390                      </span>
7391                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7392                    
7393                      x-show="open" x-collapse
7394                    ><li>
7395                          <a href="/pages/whats-nacho" class="relative inline-block text-link-animation">
7396                            What's NACHO
7397                          </a>
7398                        </li><li>
7399                          <a href="/pages/patents" class="relative inline-block text-link-animation">
7400                            Patents
7401                          </a>
7402                        </li><li>
7403                          <a href="/pages/product-information-sheets" class="relative inline-block text-link-animation">
7404                            Instruction Sheets
7405                          </a>
7406                        </li><li>
7407                          <a href="/products/gift-card" class="relative inline-block text-link-animation">
7408                            Gift Card
7409                          </a>
7410                        </li><li>
7411                          <a href="/pages/career" class="relative inline-block text-link-animation">
7412                            Careers
7413                          </a>
7414                        </li><li>
7415                          <a href="/pages/privacy-policy" class="relative inline-block text-link-animation">
7416                            Privacy Policy
7417                          </a>
7418                        </li><li>
7419                          <a href="/pages/warranty-policy" class="relative inline-block text-link-animation">
7420                            Warranty Policy
7421                          </a>
7422                        </li><li>
7423                          <a href="/pages/return-policy" class="relative inline-block text-link-animation">
7424                            Refund policy
7425                          </a>
7426                        </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">
7427                      <p class="h5">Customer Support</p>
7428                      <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">
7429                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7430         class="" fill="none" viewBox="0 0 10 2">
7431      <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"
7432            fill="currentColor">
7433    </svg>
7434                      </span>
7435                      <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">
7436                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7437         class="" fill="none" viewBox="0 0 10 10">
7438      <path fill-rule="evenodd" clip-rule="evenodd"
7439            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"
7440            fill="currentColor">
7441    </svg>
7442                      </span>
7443                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7444                    
7445                      x-show="open" x-collapse
7446                    ><li>
7447                          <a href="/pages/terms-and-conditions" class="relative inline-block text-link-animation">
7448                            Terms & Conditions
7449                          </a>
7450                        </li><li>
7451                          <a href="/pages/faqs" class="relative inline-block text-link-animation">
7452                            FAQ's
7453                          </a>
7454                        </li><li>
7455                          <a href="/pages/dealer-application" class="relative inline-block text-link-animation">
7456                            Dealer Request
7457                          </a>
7458                        </li><li>
7459                          <a href="/pages/dealer-locator" class="relative inline-block text-link-animation">
7460                            Dealer Locator
7461                          </a>
7462                        </li><li>
7463                          <a href="/pages/govx" class="relative inline-block text-link-animation">
7464                            Military Discount
7465                          </a>
7466                        </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">
7467                      <p class="h5">Orders</p>
7468                      <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">
7469                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7470         class="" fill="none" viewBox="0 0 10 2">
7471      <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"
7472            fill="currentColor">
7473    </svg>
7474                      </span>
7475                      <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">
7476                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7477         class="" fill="none" viewBox="0 0 10 10">
7478      <path fill-rule="evenodd" clip-rule="evenodd"
7479            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"
7480            fill="currentColor">
7481    </svg>
7482                      </span>
7483                    </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col"
7484                    
7485                      x-show="open" x-collapse
7486                    ><li>
7487                          <a href="/pages/product-registration-1" class="relative inline-block text-link-animation">
7488                            Product Registration
7489                          </a>
7490                        </li><li>
7491                          <a href="https://account.nachooffroadtechnology.com/orders?locale=en&region_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY2LCJuYmYiOjE3OTE1OTk4NjZ9.Q2dnAo1NF9ETcjbn1aemz84KOATHJMxgry1iJZUAAW4" class="relative inline-block text-link-animation">
7492                            My Orders
7493                          </a>
7494                        </li><li>
7495                          <a href="/pages/warranty-claim" class="relative inline-block text-link-animation">
7496                            Warranty Claim
7497                          </a>
7498                        </li><li>
7499                          <a href="https://nacholightingco.com/march-rebate-26" class="relative inline-block text-link-animation">
7500                            Rebate Form
7501                          </a>
7502                        </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">
7503                  <div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:cursor-default md:pointer-events-none">
7504                    <p class="h5">Newsletter</p>
7505                    <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">
7506                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7507         class="" fill="none" viewBox="0 0 10 2">
7508      <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"
7509            fill="currentColor">
7510    </svg>
7511                    </span>
7512                    <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">
7513                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation"
7514         class="" fill="none" viewBox="0 0 10 10">
7515      <path fill-rule="evenodd" clip-rule="evenodd"
7516            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"
7517            fill="currentColor">
7518    </svg>
7519                    </span>
7520                  </div><div class="footer-collapse__content md:!h-auto md:!block"
7521                    x-show="open"
7522                    x-collapse
7523                  >
7524                    <div class="flex-1 md:mt-5">
7525                      
7526
7527                      
7528                        <div class="footer__email__subheading rte  mt-0.5">
7529                          <p>Sign up for exclusive updates, new arrivals & insider only discounts.</p>
7530                        </div>
7531                      
7532
7533                      
7534                    </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">
7535                      <div class="mt-2 md:mt-4 mb-1" x-data="{ email: '', error: validateEmail('') }">
7536                        <div class="text-field__wrapper text-field__has-button">
7537                          <div class="text-field__content">
7538                            <input
7539                              id="NewsletterForm--sections--20172716638378__footer"
7540                              type="email"
7541                              name="contact[email]"
7542                              class="text-field__input"
7543                              aria-required="true"
7544                              autocorrect="off"
7545                              autocapitalize="off"
7546                              autocomplete="email"
7547                              
7548                                placeholder="Your email"
7549                                x-model="email"
7550                                @input.debounce.500ms="error = validateEmail(email)"
7551                                required
7552                              >
7553                            <label 
7554                              class="text-field__label"
7555                              for="NewsletterForm--sections--20172716638378__footer"
7556                            >
7557                              Your email
7558                            </label>
7559                          </div>
7560                          <custom-button>
7561                            <button 
7562                              type="submit"
7563                              class="button button-primary pt-2.5 pb-2.5 pl-3.5 pr-3.5 rounded-corners ml-1"
7564                              :disabled="error.isError === true"
7565                            >
7566                              <span class="button-text lg:hidden xl:block">
7567                                Subscribe
7568                              </span>
7569                              
7570                                <span class="w-4 h-4 hidden lg:block xl:hidden">
7571                                  <svg
7572        class="w-full h-full"
7573        viewBox="0 0 1024 1024"
7574        version="1.1"
7575        xmlns="http://www.w3.org/2000/svg"
7576    >
7577      <path fill="currentColor"
7578            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"/>
7579    </svg>
7580                                </span>
7581                              
7582                            </button>
7583                          </custom-button>
7584                        </div>
7585                        <div 
7586                          id="footer__newsletter__error--sections--20172716638378__footer"
7587                          class="flash-message error-message mt-1"
7588                          x-show="error.isError === true && error.isInvalid === true"
7589                          x-cloak
7590                        >
7591                          <p>Email is invalid</p>
7592                        </div></div></form><div class="mt-4 text-center md:text-left">
7593                        
7594  <ul class="social inline-flex flex-wrap gap-2.5 ltr justify-left"><li class="social-link">
7595        <a
7596          href="https://www.facebook.com/thenachoexperience"
7597          target="blank"
7598          aria-label="Facebook"
7599          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7600        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7601      <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"/>
7602    </svg></a>
7603      </li><li class="social-link">
7604        <a
7605          href="https://www.instagram.com/nacho_offroadlighting/"
7606          target="blank"
7607          aria-label="Instagram"
7608          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7609        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7610      <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"/>
7611      <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"/>
7612      <path d="M17.5 6.51013L17.51 6.49902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7613    </svg></a>
7614      </li><li class="social-link">
7615        <a
7616          href="https://www.tiktok.com/@nacho_offroadlights"
7617          target="blank"
7618          aria-label="TikTok"
7619          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7620        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7621      <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"/>
7622      <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"/>
7623    </svg></a>
7624      </li><li class="social-link">
7625        <a
7626          href="https://www.youtube.com/@nacho_offroadlights/featured"
7627          target="blank"
7628          aria-label="YouTube"
7629          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7630        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7631      <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"/>
7632      <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.
76320595 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"/>
7633    </svg></a>
7634      </li><li class="social-link">
7635        <a
7636          href="https://www.linkedin.com/company/nacho-lighting-co"
7637          target="blank"
7638          aria-label="Linkedin"
7639          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7640        ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7641      <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"/>
7642      <path d="M7 17V13.5V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7643      <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"/>
7644      <path d="M7 7.01013L7.01 6.99902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7645    </svg></a>
7646      </li><li class="social-link">
7647        <a
7648          aria-label="Email"
7649          href="mailto:[email protected]"
7650          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7651        ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7652      <path
7653          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"
7654          fill="currentColor"/>
7655    </svg></a>
7656      </li><li class="social-link">
7657        <a
7658          aria-label="Phone number"
7659          href="tel:888-611-9299"
7660          class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]"
7661        ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
7662      <path
7663          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
766308 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"
7664          fill="currentColor"/>
7665    </svg></a>
7666      </li></ul>
7667
7668                      </div></div>
7669                  </div></div><div class="footer-col footer-col-subfooter text-left p-break-words md:col-span-3 lg:col-span-5" >
7670                <style data-shopify>
7671                  .sub-footer {
7672                    padding-top: 10.0px;
7673                    padding-bottom: 10.0px;
7674                  }
7675                  
7676                  @media screen and (min-width: 768px) {
7677                    .sub-footer {
7678                      padding-top: 20px;
7679                      padding-bottom: 20px;
7680                    }
7681                  }
7682                </style>
7683                <div 
7684                  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"
7685                ><div class="flex flex-row items-center">
7686                      <span class="text-center lg:mt-0 lg:text-left p-break-words"><span>&copy;</span> 
7687                            <span class="inline-block rte"><p>2026, Nacho Lighting Co.</p></span>
7688                          
7689<span class="text-link"></span>
7690                      </span>
7691                    </div>
7692</div></div></div></div>
7693  </footer>
7694</div>
7695<!-- END sections: footer-group -->
7696
7697  <div id="maximize-popup" class="fixed inset-0 z-[60] pointer-events-none md:block flex flex-col-reverse justify-center">
7698  
7699</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>
7700
7701  
7702    <style data-shopify>
7703  .scroll-to-top__button svg {
7704    fill: currentColor;
7705  }
7706  .scroll-to-top__button {
7707    bottom: 40px;
7708  }
7709  @media(min-width: 768px) {
7710    .scroll-to-top__button {
7711      bottom: 40px;
7712    }
7713  }
7714</style>
7715<div
7716  x-data="xScrollTop"
7717  x-init="scrollFunction()"
7718  @scroll.window="scrollFunction()"
7719  class=" md:block"
7720>
7721  <custom-button>
7722    <button 
7723      x-show="show" x-cloak 
7724      @click="scrollTop()" 
7725      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"
7726      x-transition:enter="transition-all ease-in-out duration-500"
7727      x-transition:enter-start="opacity-0 transform translate-y-1/3"
7728      x-transition:enter-end="opacity-100 translate-y-0"
7729      x-transition:leave="transition-all ease-in-out duration-500"
7730      x-transition:leave-end="opacity-0 transform translate-y-1/3"
7731      aria-label="scroll top"
7732    >
7733      
7734        <span class="inline-block w-5 h-5">
7735          <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
7736         style="fill: none;">
7737      <path
7738          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"
7739          fill="currentColor"/>
7740    </svg>
7741  
7742        </span>
7743      
7744    </button>
7745  </custom-button>
7746</div>
7747
7748<script>
7749  requestAnimationFrame(() => {
7750    document.addEventListener('alpine:init', () => {
7751      Alpine.data('xScrollTop', () => ({
7752        show: false,
7753        scrollTop() {
7754          window.scrollTo({top: 0, behavior: 'smooth'});
7755        },
7756        scrollFunction() {
7757          const position = window.innerWidth < 1025 ? 300 : 900;
7758          this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position)
7759            ? true : false;
7760        }
7761      }));
7762    });
7763  });
7764</script>
7764
7765  
7766
7767  
7768
7769  <ul hidden>
7770    <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
7771    </li>
7772    <li id="a11y-new-window-message">Opens in a new window.
7773    </li>
7774  </ul>
7774<script>
7775    window.Maximize = {
7776      sliderScript: '//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223',
7777      loadedScript: [],
7778      loginToViewPrice: {
7779        mode: 'none',
7780        customerCanView: true,
7781        loginUrl: 'https://nacholightingco.com/customer_authentication/redirect?locale=en&region_country=US',
7782      },
7783      cart_add_url: '/cart/add',
7784      variantStrings: {
7785        addToCart: `Add to cart`,
7786        soldOut: `Sold out`,
7787        unavailable: `Unavailable`,
7788      },
7789      cartTranslations: {
7790        removeDiscountSuccess: `[code] has been removed.`,
7791        removeDiscountFailure: `An error occurred, please refresh the page and try again.`,
7792      },
7793      routes: {
7794        addToCart: '/cart/add',
7795        cartChange: '/cart/change',
7796        cartUpdate: '/cart/update',
7797        cart: '/cart',
7798        search_url: '/search',
7799        predictiveSearch: '/search/suggest',
7800        productRecommendations: '/recommendations/products'
7801      },
7802      isCartPage: false,
7803      isEnableCartDrawer: true,
7804      cartProperties: {
7805        additionalFee: '_item_id'
7806      },
7807      isProductPage: false,
7808      rtl: false,
7809      isDesignMode:false,
7810      hasMousePointer: window.matchMedia('(hover: hover)').matches,
7811      giftWrappingVariantId: false,
7812      isShowPopupOverlay: false,
7813      checkFileNotLoaded: function () {
7814        const fileName = document.currentScript.src.split('/').pop().split('?')[0];
7815        if (!window.Maximize.loadedScript.includes(fileName)) {
7816          window.Maximize.loadedScript.push(fileName)
7817          return true;
7818        } else {
7819          return false;
7820        }
7821      },
7822      buttonHoverAnm: 'thicken'
7823    };
7824
7825    // Shared JSON parser used across multiple defer scripts (theme.js, cart-drawer.js, etc.).
7826    // Defined here in an inline script so it is synchronously available before any defer script runs.
7827    window.xParseJSON = function(jsonString) {
7828      jsonString = String.raw`${jsonString}`;
7829      jsonString = jsonString.replaceAll("\\", "\\\\").replaceAll('\\"', '"');
7830      return JSON.parse(jsonString);
7831    };
7832  </script>
7832<script src="//nacholightingco.com/cdn/shop/t/30/assets/theme.js?v=2882019224224079701789788223" defer></script>
7832
7833  
7833<script src="//nacholightingco.com/cdn/shop/t/30/assets/custom-elements.js?v=29540144308327494911789788223" defer></script>
7833
7834  
7834<script src="//nacholightingco.com/cdn/shop/t/30/assets/new-cart-helper.js?v=126254080501321393201789788223" defer></script>
7834
7835  
7836  
7836<script src="//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223" defer></script>
7836
7837  
7837<script src="//nacholightingco.com/cdn/shop/t/30/assets/header.js?v=131688355276325604361789788223" defer></script>
7837
7838  
7838<script src="//nacholightingco.com/cdn/shop/t/30/assets/animation-card.js?v=21159888398740685721789788223" defer></script>
7838
7839  
7839<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-form.js?v=46098878869241455481789788223" defer></script>
7839
7840  
7840<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-card.js?v=171635390480007693341789788223" defer></script>
7840
7841  
7841<script src="//nacholightingco.com/cdn/shop/t/30/assets/vendors.js?v=21726020999429958561789788223" defer></script>
7841
7842  
7842<script>
7843    window.addEventListener("load", (event) => {
7844      deferScriptLoad('instant.page', '//nacholightingco.com/cdn/shop/t/30/assets/instant.page.v5.1.1.js?v=43232110432331176871789788223', () => {
7845      }, true);
7846    });
7847  </script>
7847
7848</div>
7849<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>
7850<div id="shopify-block-AamljVU9tMHJLSENyT__12016176150940211849" class="shopify-block shopify-app-block">
7850<script>
7851  document.addEventListener('DOMContentLoaded', function () {
7852    const script = document.createElement('script');
7853    script.src = "https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-vendors.min.js";
7854    script.defer = true;
7855    document.body.appendChild(script);
7856  });
7857</script>
7857
7858<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>
7859<div class="otsb__root">
7860  <div id="otsb-popup-minimal-left"></div>
7861  <div id="otsb-popup-minimal-right"></div>
7862</div>
7863
7864</div><div id="shopify-block-AQ3pDcHdQK1g2bEpSQ__1115855741281207229" class="shopify-block shopify-app-block">
7865
7866
7867
7868
7869
7870
7871
7872
7873
7874
7875
7876
7877  
7878    
7879  
7880
7881
7882
7883
7884  
7885
7886
7887
7888
7889  
7890    
7891  
7892    
7893  
7894    
7895  
7896    
7897  
7898    
7899  
7900    
7901  
7902    
7903  
7904    
7905  
7906
7907
7908
7909
7910
7911
7912</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
7912<script>
7913  (function () {
7914    const cartAttributes = {};
7915
7916    // Helper function to retrieve the UTM from Url
7917    function getUTMFromUrl() {
7918      const url_string = window.location.href;
7919      const url = new URL(url_string);
7920
7921      const utm_id = url.searchParams.get("utm_id");
7922      const utm_source = url.searchParams.get("utm_source");
7923      const utm_medium = url.searchParams.get("utm_medium");
7924      const utm_campaign = url.searchParams.get("utm_campaign");
7925      const utm_term = url.searchParams.get("utm_term");
7926      const ref = url.searchParams.get("ref");
7927
7928      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
7929        return null;
7930      }
7931
7932      let utmParameters = {};
7933      
7934        if (utm_id) {
7935          utmParameters.utm_id = utm_id;
7936        }
7937        if (utm_source) {
7938          utmParameters.utm_source = utm_source;
7939        }
7940        if (utm_medium) {
7941          utmParameters.utm_medium = utm_medium;
7942        }
7943        if (utm_campaign) {
7944          utmParameters.utm_campaign = utm_campaign;
7945        }
7946        if (utm_term) {
7947          utmParameters.utm_term = utm_term;
7948        }
7949        if (ref) {
7950          utmParameters.ref = ref;
7951        }
7952      
7953
7954      return Object.keys(utmParameters).length === 0
7955        ? null
7956        : utmParameters;
7957    }
7958
7959    // Helper function to retrieve the UTM from Cookie
7960    function getUTMAttributes() {
7961      const urlUtmParams = getUTMFromUrl();
7962
7963      if (urlUtmParams) {
7964          return urlUtmParams;
7965      }
7966
7967      // No longer reading from deprecated Shopify cookies
7968      return undefined;
7969    }
7970
7971    function saveUtmParameters() {
7972      const utmParams = getUTMAttributes();
7973      if (utmParams) {
7974        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
7975        if (cartHasUtmAttributes) {
7976          // Don't call API if it already contains our UTM parameters
7977          return;
7978        }
7979
7980        // Handle both Shopify.routes.root and routes.root_url for better compatibility
7981        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
7982          || (window.routes && window.routes.root_url) 
7983          || '/';
7984        
7985        var updateCart = fetch(rootUrl + 'cart/update.js',
7986        {
7987          headers: {
7988            'Content-Type': 'application/json',
7989          },
7990          method: "POST",
7991          body: JSON.stringify({
7992            attributes: {
7993              ...utmParams
7994            },
7995          })
7996        })
7997        .then(response => response.json())
7998        .then(data => {
7999          return data
8000        });
8001      }
8002    }
8003
8004    saveUtmParameters();
8005  })();
8006</script>
8006
8007
8008
8009
8010
8011</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block">
8012
8013
8014  
8014<script>
8015    window.lbupsellVersion = 2;
8016  </script>
8016
8017
8018
8019
8020<script>
8021
8022  
8023    window.lbupsellToken = "4f8012d7ffd553392a1a5115c0784382"
8024  
8025  
8026</script>
8026
8027
8028<script>
8029
8030  window.lbInitMode = "immediate";
8031  
8032  window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-upsell-components.esm.js";</script>
8032
8033
8034<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>
8034
8035
8036</div><div id="shopify-block-AYWxDRlM0T0U5UE1we__11576833278641654045" class="shopify-block shopify-app-block">
8037
8038
8039
8040
8041
8042
8043
8044
8045
8046
8047
8048
8049
8050
8051
8052
8053
8054
8055  
8056    
8057  
8058    
8059  
8060    
8061  
8062    
8063  
8064    
8065  
8066    
8067  
8068    
8069  
8070    
8071  
8072
8073
8074
8075
8076
8077
8078</div>
8078<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8078
8079<shopify-chat></shopify-chat>
8080</body>
8081</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.