1 2<!doctype html> 3<html class="maximize-theme no-js dark img-hover-zo" 4 lang="en" 5 dir="ltr" 6> 7<head> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width,initial-scale=1"> 11 <meta name="theme-color" content=""> 12 13 <link rel="canonical" href="https://nacholightingco.com/pages/contact"> 14 15<link rel="icon" type="image/png" sizes="48x48" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=48&v=1785190193&width=48"> 16 <link rel="icon" type="image/png" sizes="96x96" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=96&v=1785190193&width=96"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 17 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" as="font" type="font/woff2" 18 href="//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2" 19 crossorigin><link rel="preload" as="font" type="font/woff2" 20 href="//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" 21 crossorigin><title> 22 Contact 23 – NACHO Lighting Co.</title> 24 25 26 27 <meta property="og:site_name" content="NACHO Lighting Co."> 28 <meta property="og:url" content="https://nacholightingco.com/pages/contact"> 29 <meta property="og:title" content="Contact"> 30 <meta property="og:type" content="website"> 31 <meta property="og:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."><meta property="og:image" content="http://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697"> 32 <meta property="og:image:secure_url" content="https://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697"> 33 <meta property="og:image:width" content="2000"> 34 <meta property="og:image:height" content="840"><meta name="twitter:card" content="summary_large_image"> 35 <meta name="twitter:title" content="Contact"> 36 <meta name="twitter:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."> 37 <style data-shopify>@font-face { 38 font-family: Inter; 39 font-weight: 600; 40 font-style: normal; 41 font-display: swap; 42 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"), 43 url("//nacholightingco.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff"); 44} 45 46 @font-face { 47 font-family: "DM Sans"; 48 font-weight: 400; 49 font-style: normal; 50 font-display: swap; 51 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), 52 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); 53} 54 55 @font-face { 56 font-family: Inter; 57 font-weight: 500; 58 font-style: normal; 59 font-display: swap; 60 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 61 url("//nacholightingco.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 62} 63 64 @font-face { 65 font-family: "DM Sans"; 66 font-weight: 500; 67 font-style: normal; 68 font-display: swap; 69 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"), 70 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff"); 71} 72 73 74 @font-face { 75 font-family: "DM Sans"; 76 font-weight: 700; 77 font-style: normal; 78 font-display: swap; 79 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), 80 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); 81} 82 83 @font-face { 84 font-family: "DM Sans"; 85 font-weight: 400; 86 font-style: italic; 87 font-display: swap; 88 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), 89 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); 90} 91 92 @font-face { 93 font-family: "DM Sans"; 94 font-weight: 700; 95 font-style: italic; 96 font-display: swap; 97 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), 98 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); 99} 100 101 @font-face { 102 font-family: Inter; 103 font-weight: 400; 104 font-style: normal; 105 font-display: swap; 106 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 107 url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 108} 109 110 @font-face { 111 font-family: Inter; 112 font-weight: 400; 113 font-style: normal; 114 font-display: swap; 115 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 116 url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 117} 118 119</style><style data-shopify> 120 @font-face { 121 font-family: 'Apotek Comp'; 122 src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-apotek-comp-medium.otf?v=178408361545140295061789788223') format('opentype'); 123 font-weight: 500; 124 font-style: normal; 125 font-display: swap; 126 } 127 128 @font-face { 129 font-family: 'Code Saver'; 130 src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-codesaver-regular.otf?v=180845333470788268811789788223') format('opentype'); 131 font-weight: 400; 132 font-style: normal; 133 font-display: swap; 134 } 135</style> 136<link href="//nacholightingco.com/cdn/shop/t/30/assets/theme.css?v=47267817206
136798060151789788223" rel="stylesheet" type="text/css" media="all" /><style data-shopify> 137 /* Font size */ 138 :root { 139 --heading-font-family: 'Apotek Comp', sans-serif; 140 --heading-font-style: 'normal'; 141 --heading-font-weight: '500'; 142 --heading-base-size: 2rem; 143 --heading-font-scale: 1.2; 144 --heading-text-transform: uppercase; 145 --subheading-base-size: 14px; 146 147 --rating-star-size: 1.134rem; 148 149 --menu-font-family: 'Apotek Comp', sans-serif; 150 --menu-font-style: 'normal'; 151 --menu-font-weight: '500'; 152 --menu-letter-spacing: 0px; 153 154 --body-font-scale: 1.2; 155 --body-base-size: 0.875rem; 156 --body-font-family: 'Code Saver', sans-serif; 157 --body-font-style: 'normal'; 158 --body-font-weight: '400'; 159 --button-font: 'Code Saver', sans-serif; 160 --button-font-style: 'normal'; 161 --button-font-weight: '400'; 162 --button-font-size: 0.864rem; 163 --shopify-accelerated-checkout-button-border-radius: 0; 164 --button-border-radius: 0; 165 166 --mobile-padding-ratio: 0.5; 167 --page-width: 1600px; 168 169 --rounded-corners: 10px; 170 --rounded-corners-large: 0; 171 --rounded-corners-small: 6px; 172 173 --padding-content-page-width: 16px; 174 --padding-content-full-width: 16px; 175 --padding-content-full-width-padded: 16px; 176 --full-width-padded: 16px; 177 178 --total-padding-page-width: 64px; 179 --total-padding-full-width: 64px; 180 --total-padding-full-width-padded: 128px; 181 182 --text-animation-duration: 700ms; 183 --drawer-transition-duration: 500ms; 184 --card-animation-duration: 400ms; 185 --reveal-transition-duration: 500ms; 186 --header-menu-transition-duration: 300ms; 187 --header-menu-transition-delay: 150ms; 188 --menu-promotion-duration: 1000ms; 189 --menu-item-delay-transition: 450ms; 190 --menu-icon-transition: 300ms; 191 --menu-rect-hover-transition: 350ms; 192 --menu-link-animation: 1s;
193 --transition-slideshow-content: 500ms; 194 --button-animation-duration: 500ms; 195 --popup-animation-duration: 500ms; 196 --choose-option-animation-duration: 300ms; 197 --dropdown-animation-duration: 150ms; 198 --text-link-and-title-link-animation-duration: 400ms; 199 --button-text-link-animation-duration: 400ms; 200 201 --fade-element-translate-y: 20px; 202 --flow-card-duration: 500ms; 203 --announcement-height: 0px; 204 --top-header: 0px; 205 --segmented-banner-animation-duration-mobile: 1000ms; 206 --segmented-banner-animation-duration-desktop: 1600ms; 207 --product-info-media-width: 100%; 208 --line-height-heading: 1.4; 209 --line-height-body: 1.6; 210 --line-height-button: 1.4; 211 --border-radius-popup: 0; 212 --border-radius-drawer: 0; 213 --border-radius-countdown-timer: 0; 214 --progress-bar-active-width: 20%; 215 --border-radius-checkbox: 0; 216 --padding-bottom-product-template-block: 16px; 217 --spacing-between-heading-and-content: 16px; 218 --pad-top-m: 0px; 219 --pad-right-m: 0px; 220 --pad-left-m: 0px; 221 --pad-bottom-m: 0px; 222 --pad-top: 0px; 223 --pad-right: 0px; 224 --pad-left: 0px; 225 --pad-bottom: 0px; 226 --block-width: 1.0; 227 --image-hover-scale: 1.2; 228 --image-transition-duration: 500ms; 229 --tab-animation-duration: 300ms; 230 --tab-animation-scale: 0.97; 231 --tab-animation-offset: 4px; 232 } 233 234 :root, #x-header-container header { 235 --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75 * 0.55); 236 --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65); 237 --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75 * 0.75); 238 --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65 * 0.75
238); 239 --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.75); 240 --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.8); 241 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8); 242 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 0.7); 243 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85); 244 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 1.2); 245 --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 2.5); 246 247 --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9 * 0.9); 248 --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9); 249 --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2 * 0.9); 250 251 --body-font-size: calc(var(--body-base-size) * var(--body-font-scale) * 0.9); 252 --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9 * 0.9); 253 --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8 * 0.9); 254 --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7 * 0.9); 255 --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2 * 0.9); 256 --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5 * 0.9); 257 } 258 :root #x-header-container header, 259 :root #x-header-container header *:before { 260 --body-font-scale: 2.0; 261 --heading-font-scale: 2.0; 262 } 263 .block-title-size { 264 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.85); 265 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.85); 266 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8 * 0.85); 267 } 268 @media (min-width: 768px){ 269 :root, #x-header-container header { 270 --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75); 271 --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale)); 272 --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75); 273 --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65); 274 --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55); 275 --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45); 276 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4); 277 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.7); 278 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale)); 279 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.2); 280 --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 2.5); 281 282 --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9); 283 --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale)); 284 --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2); 285 286 --body-font-size: calc(var(--body-base-size) * var(--body-font-scale)); 287 --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9); 288 --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8); 289 --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7); 290 --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2); 291 --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5); 292 293 --product-info-media-width: 50%; 294 } 295 296 :root { 297 --button-font-size: 1.08rem; 298 --padding-content-page-width: 32px; 299 --padding-content-full-width: 32px; 300 --padding-content-full-width-padded: 32px; 301 --full-width-padded: 32px;
302 --border-radius-popup: 0; 303 --border-radius-drawer: 0; 304 --padding-bottom-product-template-block: 20px; 305 --spacing-between-heading-and-content: 26px; 306 --page-width 1600px; 307 --max-width-block-text: 950px; 308 --max-width-page-content: 950px; 309 } 310 311 .block-title-size { 312 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45); 313 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55); 314 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8); 315 } 316 } 317 /* Colors */ 318 :root, 319 *:before, .color-scheme-theme { 320 --color-background: 255 255 255 / 1.0; 321 --color-background-no-alpha: 255 255 255; 322 323 --gradient-background: #ffffff; 324 --gradient-background-no-alpha: rgb(255 255 255); 325 326 --color-highlight: 255 90 0 / 1.0; 327 --color-highlight-no-alpha: 255 90 0; 328 --color-link: 255 90 0 / 1.0; 329 --color-link-no-alpha: 255 90 0; 330 --color-heading: 0 0 0 / 1.0; 331 --color-heading-no-alpha: 0 0 0; 332 --color-text: 0 0 0 / 1.0; 333 --color-text-no-alpha: 0 0 0; 334 --color-line-and-border: 197 197 197 / 1.0; 335 --color-line-and-border-no-alpha: 197 197 197; 336 --color-vendor: 0 0 0 / 0.4; 337 --color-vendor-no-alpha: 0 0 0; 338 339 --color-button: 255 90 0 / 1.0; 340 --color-button-no-alpha: 255 90 0; 341 --color-button-text: 0 0 0 / 1.0; 342 --color-button-text-no-alpha: 0 0 0; 343 --color-button-hover: 0 0 0 / 1.0; 344 --color-button-hover-no-alpha: 0 0 0; 345 --color-button-text-hover: 255 90 0 / 1.0; 346 --color-button-text-hover-no-alpha: 255 90 0; 347 --color-secondary-button: 0 0 0 / 1.0; 348 --color-secondary-button-no-alpha: 0 0 0; 349 --color-secondary-button-text: 255 255 255 / 1.0; 350 --color-secondary-button-text-no-alpha: 255 255 255; 351 --color-secondary-button-hover: 0 0 0 / 1.0; 352 --color-secondary-button-hover-no-alpha: 0 0 0; 353 --color-secondary-button-text-hover: 255 90 0 / 1.0; 354 --color-secondary-button-text-hover-no-alpha: 255 90 0; 355 --color-button-link: 255 255 255 / 1.0; 356 --color-button-link-no-alpha: 255 255 255; 357 --color-button-link-label-hover: 255 90 0 / 1.0; 358 --color-button-link-label-hover-no-alpha: 255 90 0; 359 --button-padding-y-mobile: 10px; 360 --button-padding-x-mobile: 26px; 361 --button-padding-y-desktop: 12px; 362 --button-padding-x-desktop: 33px; 363 --input-border-radius: 0.25rem; 364 365 --error-background-color: / ; 366 --error-background-color-no-alpha: ; 367 --error-message-color: 255 0 0 / 1.0; 368 --error-message-color-no-alpha: 255 0 0; 369 --success-background-color: / ; 370 --success-background-color-no-alpha: ; 371 --success-message-color: 19 162 117 / 1.0; 372 --success-message-color-no-alpha: 19 162 117; 373 --color-price: 0 0 0 / 1.0; 374 --color-price-no-alpha: 0 0 0; 375 --color-sale-price: 255 90 0 / 1.0; 376 --color-sale-price-no-alpha: 255 90 0; 377 --rating-color: 255 90 0 / 1.0; 378 --rating-color-no-alpha: 255 90 0; 379 --color-in-stock: 255 90 0 / 1.0; 380 --color-in-stock-no-alpha: 255 90 0; 381 --color-low-stock: 228 105 105 / 1.0; 382 --color-low-stock-no-alpha: 228 105 105; 383 --color-out-of-stock: 197 197 197 / 1.0; 384 --color-out-of-stock-no-alpha: 197 197 197; 385 --color-out-of-stock-continue-selling: 19 120 41 / 1.0; 386 --color-pre-order: 19 120 41 / 1.0; 387 388 --color-overlay: 16 15 15 / 0.5; 389 --color-overlay-no-alpha: 16 15 15; 390 --color-border-footer: 0 0 0 / 1.0; 391 --color-border-footer-no-alpha: 0 0 0; 392 --color-pulse-speech: 0 81 186 / 1.0; 393 --color-pulse-speech-no-alpha: 0 81 186;--color-breadcrumb-text: 255 255 255 / 1.0; 394 --color-breadcrumb-text-no-alpha: 255 255 255;--color-breadcrumb-text-link: 255 255 255 / 1.0; 395 --color-breadcrumb-text-link-no-alpha: 255 255 255; 396 --product-card-padding: 0px; 397 --product-card-padding-mobile: 0px; 398 --swatch-option-ratio: 1 / 1; 399 --swatch-option-border-radius: 0px; 400 --swatch-option-width: 34px; 401 --swatch-option-height: 34px; 402 --border-radius-flash-message: 0; 403 --border-radius-select-element: 0; 404 405 --color-skeleton: 240 241 243 / 1; 406 --color-skeleton-no-alpha: 240 241 243; 407 --color-background-placeholder-image: 225 230 231 / 1; 408 --color-background-placeholder-image-no-alpha: 229 234 235; 409 --color-icon-placeholder-image: 184 191 198 / 1; 410 --color-icon-placeholder-image-no-alpha: 184 191 198; 411 412 --color-background-popup: 0 0 0 / 0; 413 --color-background-popup-no-alpha: 0 0 0; 414 415 --color-scrollbar: 0 0 0 / 1.0; 416 --color-scrollbar-no-alpha: 0 0 0; 417 418 --element-background: rgba(255 255 255 / 1.0); 419 420 } 421 422 .maximize-theme:not(.dark) .section-header, 423 .maximize-theme:not(.dark) .section-header *:before { 424 425 --gradient-background: #ffffff; 426 --gradient-background-no-alpha: rgb(255 255 255); 427 428 429 --color-highlight: 255 90 0 / 1.0; 430 --color-highlight-no-alpha: 255 90 0; 431 --color-link: 255 90 0 / 1.0; 432 --color-link-no-alpha: 255 90 0; 433 434 435 --color-text-header: 0 0 0 / 1.0; 436 --color-text-header-no-alpha: 0 0 0; 437 --color-text: var(--color-text-header); 438 --color-text-no-alpha: var(--color-text-header-no-alpha); 439 440 441 --color-cart: 255 90 0 / 1.0; 442 --color-cart-no-alpha: 255 90 0; 443 444 445 --color-cart-text: 255 255 255 / 1.0; 446 --color-cart-text-no-alpha: 255 255 255; 447 448 449 --color-border-header: 255 90 0 / 1.0; 450 --color-border-header-no-alpha: 255 90 0; 451 452 453 --color-background: 255 255 255 / 1.0; 454 --color-background-no-alpha: 255 255 255; 455 456 --color-background-header: var(--color-background); 457 --color-icon-header: 0 0 0 / 1.0; 458 --color-icon-header-no-alpha: 0 0 0; 459 --color-line-and-border: var(--color-border-header); 460 --color-line-and-border-no-alpha: var(--color-border-header-no-alpha); 461 } 462 463 #x-footer, 464 #x-footer *:before { 465 --test-color-bg: #ffffff; 466 --test-color-gradient: ; 467 --color-background: 255 255 255 / 1.0; 468 --color-background-no-alpha: 255 255 255; 469 470 --gradient-background: #ffffff; 471 --gradient-background-no-alpha: rgb(255 255 255); 472 473 474 --color-highlight: 255 90 0 / 1.0; 475 --color-highlight-no-alpha: 255 90 0; 476 --color-link: 255 90 0 / 1.0; 477 --color-link-no-alpha: 255 90 0; 478 --color-text: 0 0 0 / 1.0; 479 --color-text-no-alpha: 0 0 0; 480 --color-icon-footer: 0 0 0 / 1.0; 481 --color-icon-footer-no-alpha: 0 0 0; 482 --color-line-and-border: 0 0 0 / 1.0; 483 --color-line-and-border-no-alpha: 0 0 0; 484 } 485 486 .maximize-theme:not(.dark) .product-card__wrapper, .maximize-theme:not(.dark) .product-card__wrapper *:before { 487 488 489 490 /* */ 491 492 493 494 } 495 496 497 /* Dark Mode */ 498 .dark, 499 .dark *:before, .dark .color-scheme-theme { 500 --color-background: 0 0 0 / 1.0; 501 --color-background-no-alpha: 0 0 0; 502 503 --gradient-background: #000000; 504 --gradient-background-no-alpha: rgb(0 0 0); 505 506 507 --color-highlight: 255 90 0 / 1.0; 508 --color-highlight-no-alpha: 255 90 0; 509 --color-link: 255 90 0 / 1.0; 510 --color-link-no-alpha: 255 90 0; 511 --color-heading: 255 255 255 / 1.0; 512 --color-heading-no-alpha: 255 255 255; 513 --color-text: 241 242 242 / 1.0; 514 --color-text-no-alpha: 241 242 242; 515 --color-line-and-border: 33 32 32 / 1.0; 516 --color-line-and-border-no-alpha: 33 32 32; 517 --color-vendor: 255 255 255 / 0.4; 518 --color-vendor-no-alpha: 255 255 255; 519 520 --color-button: 255 90 0 / 1.0; 521 --color-button-no-alpha: 255 90 0; 522 --color-button-text: 0 0 0 / 1.0; 523 --color-button-text-no-alpha: 0 0 0; 524 --color-button-hover: 255 255 255 / 1.0; 525 --color-button-hover-no-alpha: 255 255 255; 526 --color-button-text-hover: 0 0 0 / 1.0; 527 --color-button-text-hover-no-alpha: 0 0 0; 528 --color-secondary-button: 255 255 255 / 1.0; 529 --color-secondary-button-no-alpha: 255 255 255; 530 --color-secondary-button-text: 0 0 0 / 1.0; 531 --color-secondary-button-text-no-alpha: 0 0 0; 532 --color-secondary-button-hover: 255 90 0 / 1.0; 533 --color-secondary-button-hover-no-alpha: 255 90 0; 534 --color-secondary-button-text-hover: 0 0 0 / 1.0; 535 --color-secondary-button-text-hover-no-alpha: 0 0 0; 536 --color-button-link: 255 255 255 / 1.0; 537 --color-button-link-no-alpha: 255 255 255; 538 --color-button-link-label-hover: 255 90 0 / 1.0; 539 --color-button-link-label-hover-no-alpha: 255 90 0; 540 541 --error-background-color: / ; 542 --error-background-color-no-alpha: ; 543 --error-message-color: 243 97 97 / 1.0; 544 --error-message-color-no-alpha: 243 97 97; 545 --success-background-color: / ; 546 --success-background-color-no-alpha: ; 547 --success-message-color: 19 162 117 / 1.0; 548 --success-message-color-no-alpha: 19 162 117; 549 --color-price: 255 255 255 / 1.0; 550 --color-price-no-alpha: 255 255 255; 551 --color-sale-price: 243 97 97 / 1.0; 552 --color-sale-price-no-alpha: 243 97 97; 553 --rating-color: 255 90 0 / 1.0; 554 --rating-color-no-alpha: 255 90 0; 555 --color-in-stock: 255 90 0 / 1.0; 556 --color-in-stock-no-alpha: 255 90 0; 557 --color-low-stock: 255 81 81 / 1.0; 558 --color-low-stock-no-alpha: 255 81 81; 559 --color-out-of-stock: 174 180 187 / 1.0; 560 --color-out-of-stock-no-alpha: 174 180 187; 561 --color-out-of-stock-continue-selling: 16 162 48 / 1.0; 562 --color-pre-order: 16 162 48 / 1.0; 563 564 --color-overlay: 107 108 109 / 0.6; 565 --color-overlay-no-alpha: 107 108 109; 566 --color-border-header: 255 90 0 / 1.0; 567 --color-border-header-no-alpha: 255 90 0; 568 --color-border-footer: 41 45 54 / 1.0; 569 --color-border-footer-no-alpha: 41 45 54; 570 --color-pulse-speech: 0 81 186 / 1.0; 571 --color-pulse-speech-no-alpha: 0 81 186; 572 573 574 --product-card-bg: 0 0 0 / 0; 575 --product-card-bg-no-alpha: 0 0 0; 576 577--color-breadcrumb-background: 0 0 0 / 1.0; 578 --color-breadcrumb-background-no-alpha: 0 0 0;--color-breadcrumb-text: 241 242 242 / 1.0; 579 --color-breadcrumb-text-no-alpha: 241 242 242;--color-breadcrumb-text-link: 255 90 0 / 1.0; 580 --color-breadcrumb-text-link-no-alpha: 255 90 0; 581 --color-background-popup: 0 0 0 / 0; 582 --color-background-popup-no-alpha: 0 0 0; 583 584 --color-scrollbar: 241 242 242 / 1.0; 585 --color-scrollbar-no-alpha: 241 242 242; 586 587 --element-background: rgba(0 0 0 / 1.0); 588 589 } 590 591 .dark .section-header, 592 .dark .section-header *:before { 593 594 --gradient-background: #000000; 595 --gradient-background-no-alpha: rgb(0 0 0); 596 597 598 --color-highlight: 255 90 0 / 1.0; 599 --color-highlight-no-alpha: 255 90 0; 600 --color-link: 255 90 0 / 1.0; 601 --color-link-no-alpha: 255 90 0; 602 603 604 --color-text-header: 255 255 255 / 1.0; 605 --color-text-header-no-alpha: 255 255 255; 606 --color-text: var(--color-text-header); 607 --color-text-no-alpha: var(--color-text-header-no-alpha); 608 609 610 --color-cart: 255 90 0 / 1.0; 611 --color-cart-no-alpha: 255 90 0; 612 613 614 --color-cart-text: 255 255 255 / 1.0; 615 --color-cart-text-no-alpha: 255 255 255; 616 617 618 --color-border-header: 255 90 0 / 1.0; 619 --color-border-header-no-alpha: 255 90 0; 620 621 622 --color-background: 0 0 0 / 1.0; 623 --color-background-no-alpha: 0 0 0; 624 625 --color-background-header: var(--color-background); 626 --color-icon-header: 255 255 255 / 1.0; 627 --color-icon-header-no-alpha: 255 255 255; 628 --color-line-and-border: var(--color-border-header); 629 --color-line-and-border-no-alpha: var(--color-border-header-no-alpha); 630 } 631 632 .dark #x-footer, 633 .dark #x-footer *:before { 634 --color-background: 0 0 0 / 1.0; 635 --color-background-no-alpha: 0 0 0; 636 637 --gradient-background: #000000; 638 --gradient-background-no-alpha: rgb(0 0 0); 639 640 641 --color-highlight: 255 90 0 / 1.0; 642 --color-highlight-no-alpha: 255 90 0; 643 --color-link: 255 90 0 / 1.0; 644 --color-link-no-alpha: 255 90 0; 645 --color-text: 255 255 255 / 1.0; 646 --color-text-no-alpha: 255 255 255; 647 --color-icon-footer: 204 207 210 / 1.0; 648 --color-icon-footer-no-alpha: 204 207 210; 649 --color-line-and-border: 41 45 54 / 1.0; 650 --color-line-and-border-no-alpha: 41 45 54; 651 } 652 653 .dark .product-card__wrapper, .dark .product-card__wrapper *:before { 654 655 656 657 658 659 660 } 661 662 /* Schemes */ 663 664 .color-scheme-1, .color-scheme-1 *:before, .color-scheme-1 *:after,
665 .dark .dark-color-scheme-1, .dark .dark-color-scheme-1 *:before, .dark .dark-color-scheme-1 *:after, 666 .color-scheme-block.color-scheme-1 *:before, .color-scheme-block.color-scheme-1 *:after, 667 .dark .color-scheme-block.dark-color-scheme-1 *:before, .dark .color-scheme-block.dark-color-scheme-1 *:after { 668 --color-background: 0 0 0 / 1.0; 669 --color-background-no-alpha: 0 0 0; 670 671 --gradient-background: #000000; 672 --gradient-background-no-alpha: rgb(0 0 0); 673 674 --color-highlight: 255 90 0 / 1.0; 675 --color-highlight-no-alpha: 255 90 0; 676 --color-heading: 255 255 255 / 1.0; 677 --color-heading-no-alpha: 255 255 255; 678 --color-link: 255 90 0 / 1.0; 679 --color-link-no-alpha: 255 90 0; 680 --color-text: 241 242 242 / 1.0; 681 --color-text-no-alpha: 241 242 242; 682 --color-line-and-border: 33 32 32 / 1.0; 683 --color-line-and-border-no-alpha: 33 32 32; 684 685 --color-button: 255 90 0 / 1.0; 686 --color-button-no-alpha: 255 90 0; 687 --color-button-text: 0 0 0 / 1.0; 688 --color-button-text-no-alpha: 0 0 0; 689 --color-button-hover: 255 255 255 / 1.0; 690 --color-button-hover-no-alpha: 255 255 255; 691 --color-button-text-hover: 0 0 0 / 1.0; 692 --color-button-text-hover-no-alpha: 0 0 0; 693 --color-secondary-button: 255 255 255 / 1.0; 694 --color-secondary-button-no-alpha: 255 255 255; 695 --color-secondary-button-text: 0 0 0 / 1.0; 696 --color-secondary-button-text-no-alpha: 0 0 0; 697 --color-secondary-button-hover: 255 90 0 / 1.0; 698 --color-secondary-button-hover-no-alpha: 255 90 0; 699 --color-secondary-button-text-hover: 0 0 0 / 1.0; 700 --color-secondary-button-text-hover-no-alpha: 0 0 0; 701 --color-button-link: 255 255 255 / 1.0; 702 --color-button-link-no-alpha: 255 255 255; 703 --color-button-link-label-hover: 255 90 0 / 1.0; 704 --color-button-link-label-hover-no-alpha: 255 90 0; 705 --color-scrollbar: 241 242 242 / 1.0; 706 --color-scrollbar-no-alpha: 241 242 242; 707 708 --element-background: rgba(0 0 0 / 1.0); 709 710 711 --overlay-background: 0 0 0; 712 713 } 714 715 .color-scheme-2, .color-scheme-2 *:before, .color-scheme-2 *:after, 716 .dark .dark-color-scheme-2, .dark .dark-color-scheme-2 *:before, .dark .dark-color-scheme-2 *:after, 717 .color-scheme-block.color-scheme-2 *:before, .color-scheme-block.color-scheme-2 *:after, 718 .dark .color-scheme-block.dark-color-scheme-2 *:before, .dark .color-scheme-block.dark-color-scheme-2 *:after { 719 --color-background: 28 28 28 / 1.0; 720 --color-background-no-alpha: 28 28 28; 721 722 --gradient-background: #1c1c1c; 723 --gradient-background-no-alpha: rgb(28 28 28); 724 725 --color-highlight: 255 90 0 / 1.0; 726 --color-highlight-no-alpha: 255 90 0; 727 --color-heading: 255 255 255 / 1.0; 728 --color-heading-no-alpha: 255 255 255; 729 --color-link: 255 90 0 / 1.0; 730 --color-link-no-alpha: 255 90 0; 731 --color-text: 241 242 242 / 1.0; 732 --color-text-no-alpha: 241 242 242; 733 --color-line-and-border: 42 42 42 / 1.0; 734 --color-line-and-border-no-alpha: 42 42 42; 735 736 --color-button: 255 90 0 / 1.0; 737 --color-button-no-alpha: 255 90 0; 738 --color-button-text: 0 0 0 / 1.0; 739 --color-button-text-no-alpha: 0 0 0; 740 --color-button-hover: 255 255 255 / 1.0; 741 --color-button-hover-no-alpha: 255 255 255; 742 --color-button-text-hover: 0 0 0 / 1.0; 743 --color-button-text-hover-no-alpha: 0 0 0; 744 --color-secondary-button: 255 255 255 / 1.0; 745 --color-secondary-button-no-alpha: 255 255 255; 746 --color-secondary-button-text: 0 0 0 / 1.0; 747 --color-secondary-button-text-no-alpha: 0 0 0; 748 --color-secondary-button-hover: 255 90 0 / 1.0; 749 --color-secondary-button-hover-no-alpha: 255 90 0; 750 --color-secondary-button-text-hover: 0 0 0 / 1.0; 751 --color-secondary-button-text-hover-no-alpha: 0 0 0; 752 --color-button-link: 255 255 255 / 1.0; 753 --color-button-link-no-alpha: 255 255 255; 754 --color-button-link-label-hover: 255 90 0 / 1.0; 755 --color-button-link-label-hover-no-alpha: 255 90 0; 756 --color-scrollbar: 241 242 242 / 1.0; 757 --color-scrollbar-no-alpha: 241 242 242; 758 759 --element-background: rgba(28 28 28 / 1.0); 760 761 762 --overlay-background: 28 28 28; 763 764 } 765 766 .color-scheme-3, .color-scheme-3 *:before, .color-scheme-3 *:after, 767 .dark .dark-color-scheme-3, .dark .dark-color-scheme-3 *:before, .dark .dark-color-scheme-3 *:after, 768 .color-scheme-block.color-scheme-3 *:before, .color-scheme-block.color-scheme-3 *:after, 769 .dark .color-scheme-block.dark-color-scheme-3 *:before, .dark .color-scheme-block.dark-color-scheme-3 *:after { 770 --color-background: 255 255 255 / 1.0; 771 --color-background-no-alpha: 255 255 255; 772 773 --gradient-background: #ffffff; 774 --gradient-background-no-alpha: rgb(255 255 255); 775 776 --color-highlight: 255 90 0 / 1.0; 777 --color-highlight-no-alpha: 255 90 0; 778 --color-heading: 0 0 0 / 1.0; 779 --color-heading-no-alpha: 0 0 0; 780 --color-link: 255 90 0 / 1.0; 781 --color-link-no-alpha: 255 90 0; 782 --color-text: 0 0 0 / 1.0; 783 --color-text-no-alpha: 0 0 0; 784 --color-line-and-border: 197 197 197 / 1.0; 785 --color-line-and-border-no-alpha: 197 197 197; 786 787 --color-button: 255 90 0 / 1.0; 788 --color-button-no-alpha: 255 90 0; 789 --color-button-text: 0 0 0 / 1.0; 790 --color-button-text-no-alpha: 0 0 0; 791 --color-button-hover: 0 0 0 / 1.0; 792 --color-button-hover-no-alpha: 0 0 0; 793 --color-button-text-hover: 255 90 0 / 1.0; 794 --color-button-text-hover-no-alpha: 255 90 0; 795 --color-secondary-button: 0 0 0 / 1.0; 796 --color-secondary-button-no-alpha: 0 0 0; 797 --color-secondary-button-text: 255 255 255 / 1.0; 798 --color-secondary-button-text-no-alpha: 255 255 255; 799 --color-secondary-button-hover: 0 0 0 / 1.0; 800 --color-secondary-button-hover-no-alpha: 0 0 0; 801 --color-secondary-button-text-hover: 255 90 0 / 1.0; 802 --color-secondary-button-text-hover-no-alpha: 255 90 0; 803 --color-button-link: 255 255 255 / 1.0; 804 --color-button-link-no-alpha: 255 255 255; 805 --color-button-link-label-hover: 255 90 0 / 1.0; 806 --color-button-link-label-hover-no-alpha: 255 90 0; 807 --color-scrollbar: 0 0 0 / 1.0; 808 --color-scrollbar-no-alpha: 0 0 0; 809 810 --element-background: rgba(255 255 255 / 1.0); 811 812 813 --overlay-background: 255 255 255; 814 815 } 816 817 .color-scheme-4, .color-scheme-4 *:before, .color-scheme-4 *:after, 818 .dark .dark-color-scheme-4, .dark .dark-color-scheme-4 *:before, .dark .dark-color-scheme-4 *:after, 819 .color-scheme-block.color-scheme-4 *:before, .color-scheme-block.color-scheme-4 *:after, 820 .dark .color-scheme-block.dark-color-scheme-4 *:before, .dark .color-scheme-block.dark-color-scheme-4 *:after { 821 --color-background: 241 242 242 / 1.0; 822 --color-background-no-alpha: 241 242 242; 823 824 --gradient-background: #f1f2f2; 825 --gradient-background-no-alpha: rgb(241 242 242); 826 827 --color-highlight: 255 90 0 / 1.0; 828 --color-highlight-no-alpha: 255 90 0; 829 --color-heading: 0 0 0 / 1.0; 830 --color-heading-no-alpha: 0 0 0; 831 --color-link: 255 90 0 / 1.0; 832 --color-link-no-alpha: 255 90 0; 833 --color-text: 88 89 91 / 1.0; 834 --color-text-no-alpha: 88 89 91; 835 --color-line-and-border: 233 233 233 / 1.0; 836 --color-line-and-border-no-alpha: 233 233 233; 837 838 --color-button: 255 90 0 / 1.0; 839 --color-button-no-alpha: 255 90 0; 840 --color-button-text: 0 0 0 / 1.0; 841 --color-button-text-no-alpha: 0 0 0; 842 --color-button-hover: 0 0 0 / 1.0; 843 --color-button-hover-no-alpha: 0 0 0; 844 --color-button-text-hover: 255 90 0 / 1.0; 845 --color-button-text-hover-no-alpha: 255 90 0; 846 --color-secondary-button: 0 0 0 / 1.0; 847 --color-secondary-button-no-alpha: 0 0 0; 848 --color-secondary-button-text: 255 255 255 / 1.0; 849 --color-secondary-button-text-no-alpha: 255 255 255; 850 --color-secondary-button-hover: 0 0 0 / 1.0; 851 --color-secondary-button-hover-no-alpha: 0 0 0; 852 --color-secondary-button-text-hover: 255 90 0 / 1.0; 853 --color-secondary-button-text-hover-no-alpha: 255 90 0; 854 --color-button-link: 255 255 255 / 1.0; 855 --color-button-link-no-alpha: 255 255 255; 856 --color-button-link-label-hover: 255 90 0 / 1.0; 857 --color-button-link-label-hover-no-alpha: 255 90 0; 858 --color-scrollbar: 88 89 91 / 1.0; 859 --color-scrollbar-no-alpha: 88 89 91; 860 861 --element-background: rgba(241 242 242 / 1.0); 862 863 864 --overlay-background: 241 242 242; 865 866 } 867 868 .color-scheme-5, .color-scheme-5 *:before, .color-scheme-5 *:after, 869 .dark .dark-color-scheme-5, .dark .dark-color-scheme-5 *:before, .dark .dark-color-scheme-5 *:after, 870 .color-scheme-block.color-scheme-5 *:before, .color-scheme-block.color-scheme-5 *:after, 871 .dark .color-scheme-block.dark-color-scheme-5 *:before, .dark .color-scheme-block.dark-color-scheme-5 *:after { 872 --color-background: 255 90 0 / 1.0; 873 --color-background-no-alpha: 255 90 0; 874 875 --gradient-background: #ff5a00; 876 --gradient-background-no-alpha: rgb(255 90 0); 877 878 --color-highlight: 0 0 0 / 1.0; 879 --color-highlight-no-alpha: 0 0 0; 880 --color-heading: 0 0 0 / 1.0; 881 --color-heading-no-alpha: 0 0 0; 882 --color-link: 0 0 0 / 1.0; 883 --color-link-no-alpha: 0 0 0; 884 --color-text: 0 0 0 / 1.0; 885 --color-text-no-alpha: 0 0 0; 886 --color-line-and-border: 0 0 0 / 1.0; 887 --color-line-and-border-no-alpha: 0 0 0; 888 889 --color-button: 255 255 255 / 1.0; 890 --color-button-no-alpha: 255 255 255; 891 --color-button-text: 0 0 0 / 1.0; 892 --color-button-text-no-alpha: 0 0 0; 893 --color-button-hover: 0 0 0 / 1.0; 894 --color-button-hover-no-alpha: 0 0 0; 895 --color-button-text-hover: 255 90 0 / 1.0; 896 --color-button-text-hover-no-alpha: 255 90 0; 897 --color-secondary-button: 0 0 0 / 1.0; 898 --color-secondary-button-no-alpha: 0 0 0; 899 --color-secondary-button-text: 255 255 255 / 1.0; 900 --color-secondary-button-text-no-alpha: 255 255 255; 901 --color-secondary-button-hover: 0 0 0 / 1.0; 902 --color-secondary-button-hover-no-alpha: 0 0 0; 903 --color-secondary-button-text-hover: 255 90 0 / 1.0; 904 --color-secondary-button-text-hover-no-alpha: 255 90 0; 905 --color-button-link: 0 0 0 / 1.0; 906 --color-button-link-no-alpha: 0 0 0; 907 --color-button-link-label-hover: 39 39 39 / 1.0; 908 --color-button-link-label-hover-no-alpha: 39 39 39; 909 --color-scrollbar: 0 0 0 / 1.0; 910 --color-scrollbar-no-alpha: 0 0 0; 911 912 --element-background: rgba(255 90 0 / 1.0); 913 914 915 --overlay-background: 255 90 0; 916 917 } 918 919 .color-scheme-6, .color-scheme-6 *:before, .color-scheme-6 *:after,
920 .dark .dark-color-scheme-6, .dark .dark-color-scheme-6 *:before, .dark .dark-color-scheme-6 *:after, 921 .color-scheme-block.color-scheme-6 *:before, .color-scheme-block.color-scheme-6 *:after, 922 .dark .color-scheme-block.dark-color-scheme-6 *:before, .dark .color-scheme-block.dark-color-scheme-6 *:after { 923 --color-background: 0 0 0 / 1.0; 924 --color-background-no-alpha: 0 0 0; 925 926 --gradient-background: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%); 927 --gradient-background-no-alpha: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%); 928 929 --color-highlight: 255 90 0 / 1.0; 930 --color-highlight-no-alpha: 255 90 0; 931 --color-heading: 255 255 255 / 1.0; 932 --color-heading-no-alpha: 255 255 255; 933 --color-link: 255 90 0 / 1.0; 934 --color-link-no-alpha: 255 90 0; 935 --color-text: 255 255 255 / 1.0; 936 --color-text-no-alpha: 255 255 255; 937 --color-line-and-border: 255 90 0 / 1.0; 938 --color-line-and-border-no-alpha: 255 90 0; 939 940 --color-button: 255 90 0 / 1.0; 941 --color-button-no-alpha: 255 90 0; 942 --color-button-text: 0 0 0 / 1.0; 943 --color-button-text-no-alpha: 0 0 0; 944 --color-button-hover: 173 237 255 / 1.0; 945 --color-button-hover-no-alpha: 173 237 255; 946 --color-button-text-hover: 50 68 89 / 1.0; 947 --color-button-text-hover-no-alpha: 50 68 89; 948 --color-secondary-button: 173 237 255 / 1.0; 949 --color-secondary-button-no-alpha: 173 237 255; 950 --color-secondary-button-text: 14 16 22 / 1.0; 951 --color-secondary-button-text-no-alpha: 14 16 22; 952 --color-secondary-button-hover: 255 255 255 / 1.0; 953 --color-secondary-button-hover-no-alpha: 255 255 255; 954 --color-secondary-button-text-hover: 50 68 89 / 1.0; 955 --color-secondary-button-text-hover-no-alpha: 50 68 89; 956 --color-button-link: 100 152 220 / 1.0; 957 --color-button-link-no-alpha: 100 152 220; 958 --color-button-link-label-hover: 202 51 51 / 1.0; 959 --color-button-link-label-hover-no-alpha: 202 51 51; 960 --color-scrollbar: 255 255 255 / 1.0; 961 --color-scrollbar-no-alpha: 255 255 255; 962 963 --element-background: transparent; 964 965 966 --overlay-background: 0 0 0; 967 968 } 969 970 .color-scheme-7, .color-scheme-7 *:before, .color-scheme-7 *:after, 971 .dark .dark-color-scheme-7, .dark .dark-color-scheme-7 *:before, .dark .dark-color-scheme-7 *:after, 972 .color-scheme-block.color-scheme-7 *:before, .color-scheme-block.color-scheme-7 *:after, 973 .dark .color-scheme-block.dark-color-scheme-7 *:before, .dark .color-scheme-block.dark-color-scheme-7 *:after { 974 --color-background: 255 255 255 / 1.0; 975 --color-background-no-alpha: 255 255 255; 976 977 --gradient-background: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%); 978 --gradient-background-no-alpha: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%); 979 980 --color-highlight: 255 255 255 / 1.0; 981 --color-highlight-no-alpha: 255 255 255; 982 --color-heading: 255 255 255 / 1.0; 983 --color-heading-no-alpha: 255 255 255; 984 --color-link: 255 255 255 / 1.0; 985 --color-link-no-alpha: 255 255 255; 986 --color-text: 255 255 255 / 1.0; 987 --color-text-no-alpha: 255 255 255; 988 --color-line-and-border: 45 72 149 / 1.0; 989 --color-line-and-border-no-alpha: 45 72 149; 990 991 --color-button: 45 72 149 / 1.0; 992 --color-button-no-alpha: 45 72 149; 993 --color-button-text: 255 255 255 / 1.0; 994 --color-button-text-no-alpha: 255 255 255; 995 --color-button-hover: 15 57 139 / 1.0; 996 --color-button-hover-no-alpha: 15 57 139; 997 --color-button-text-hover: 255 255 255 / 1.0; 998 --color-button-text-hover-no-alpha: 255 255 255; 999 --color-secondary-button: 255 255 255 / 1.0; 1000 --color-secondary-button-no-alpha: 255 255 255; 1001 --color-secondary-button-text: 57 56 56 / 1.0; 1002 --color-secondary-button-text-no-alpha: 57 56 56; 1003 --color-secondary-button-hover: 225 225 225 / 1.0; 1004 --color-secondary-button-hover-no-alpha: 225 225 225; 1005 --color-secondary-button-text-hover: 16 15 15 / 1.0; 1006 --color-secondary-button-text-hover-no-alpha: 16 15 15; 1007 --color-button-link: 255 255 255 / 1.0; 1008 --color-button-link-no-alpha: 255 255 255; 1009 --color-button-link-label-hover: 202 51 51 / 1.0; 1010 --color-button-link-label-hover-no-alpha: 202 51 51; 1011 --color-scrollbar: 255 255 255 / 1.0; 1012 --color-scrollbar-no-alpha: 255 255 255; 1013 1014 --element-background: transparent; 1015 1016 1017 --overlay-background: 255 255 255; 1018 1019 } 1020 1021 .color-scheme-8, .color-scheme-8 *:before, .color-scheme-8 *:after, 1022 .dark .dark-color-scheme-8, .dark .dark-color-scheme-8 *:before, .dark .dark-color-scheme-8 *:after, 1023 .color-scheme-block.color-scheme-8 *:before, .color-scheme-block.color-scheme-8 *:after, 1024 .dark .color-scheme-block.dark-color-scheme-8 *:before, .dark .color-scheme-block.dark-color-scheme-8 *:after { 1025 --color-background: 226 234 254 / 1.0; 1026 --color-background-no-alpha: 226 234 254; 1027 1028 --gradient-background: #e2eafe; 1029 --gradient-background-no-alpha: rgb(226 234 254); 1030 1031 --color-highlight: 15 57 139 / 1.0; 1032 --color-highlight-no-alpha: 15 57 139; 1033 --color-heading: 16 15 15 / 1.0; 1034 --color-heading-no-alpha: 16 15 15; 1035 --color-link: 15 57 139 / 1.0; 1036 --color-link-no-alpha: 15 57 139; 1037 --color-text: 57 56 56 / 1.0; 1038 --color-text-no-alpha: 57 56 56; 1039 --color-line-and-border: 241 241 241 / 1.0; 1040 --color-line-and-border-no-alpha: 241 241 241; 1041 1042 --color-button: 45 72 149 / 1.0; 1043 --color-button-no-alpha: 45 72 149; 1044 --color-button-text: 255 255 255 / 1.0; 1045 --color-button-text-no-alpha: 255 255 255; 1046 --color-button-hover: 15 57 139 / 1.0; 1047 --color-button-hover-no-alpha: 15 57 139; 1048 --color-button-text-hover: 255 255 255 / 1.0; 1049 --color-button-text-hover-no-alpha: 255 255 255; 1050 --color-secondary-button: 225 225 225 / 1.0; 1051 --color-secondary-button-no-alpha: 225 225 225; 1052 --color-secondary-button-text: 57 56 56 / 1.0; 1053 --color-secondary-button-text-no-alpha: 57 56 56; 1054 --color-secondary-button-hover: 214 214 214 / 1.0; 1055 --color-secondary-button-hover-no-alpha: 214 214 214; 1056 --color-secondary-button-text-hover: 57 56 56 / 1.0; 1057 --color-secondary-button-text-hover-no-alpha: 57 56 56; 1058 --color-button-link: 15 57 139 / 1.0; 1059 --color-button-link-no-alpha: 15 57 139; 1060 --color-button-link-label-hover: 202 51 51 / 1.0; 1061 --color-button-link-label-hover-no-alpha: 202 51 51; 1062 --color-scrollbar: 57 56 56 / 1.0; 1063 --color-scrollbar-no-alpha: 57 56 56; 1064 1065 --element-background: rgba(226 234 254 / 1.0); 1066 1067 1068 --overlay-background: 226 234 254; 1069 1070 } 1071 1072 body , .color-scheme-1, dark .dark-color-scheme-1 , .color-scheme-2, dark .dark-color-scheme-2 , .color-scheme-3, dark .dark-color-scheme-3 , .color-scheme-4, dark .dark-color-scheme-4 , .color-scheme-5, dark .dark-color-scheme-5 , .color-scheme-6, dark .dark-color-scheme-6 , .color-scheme-7, dark .dark-color-scheme-7 , .color-scheme-8, dark .dark-color-scheme-8 { 1073 color: rgba(var(--color-text)); 1074 background-color: rgba(var(--color-background)); 1075 background: var(--gradient-background, "none"); 1076 } 1077 1078 /* Global class */ 1079 1080 .button-action { 1081 border: none; 1082 color: rgba(var(--color-button-text)); 1083 background-color: rgba(var(--color-button)); 1084 } 1085 .drawer-menu-wrapper .menu-item.is-focus-child { 1086 background: rgba(var(--color-heading-no-alpha) / 0.1); 1087 } 1088 .bg-heading-highlight { 1089 background: rgba(var(--color-highlight)); 1090 } 1091 1092 1093 1094 .maximize-theme:not(.dark) .product-card__highlight-attributes__rotate { 1095 --color-text: 55 61 98 / 1.0; 1096 --color-text-no-alpha: 55 61 98; 1097 color: rgba(var(--color-text)); 1098 } 1099 1100 1101 .dark .product-card__highlight-attributes__rotate { 1102 --color-text: 227 234 253 / 1.0; 1103 --color-text-no-alpha: 227 234 253; 1104 color: rgba(var(--color-text)); 1105 } 1106 1107 1108 1109 1110 @media (min-width: 1024px) { 1111 .media-hyperlink { 1112 will-change: transform; 1113 } 1114 .media-hyperlink .anm-image-hover { 1115 transition: transform var(--image-transition-duration) ease-out; 1116 transform: translateZ(0); 1117 } 1118 .media-hyperlink:hover .anm-image-hover { 1119 transform: scale(var(--image-hover-scale)); 1120 } 1121 } 1122 1123</style>
1123<script>const themeMode = 'switch'; 1124 if ((localStorage.maximize_theme == 1 && themeMode == 'switch') 1125 || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) { 1126 requestAnimationFrame(() => { 1127 document.documentElement.classList.add('dark'); 1128 }); 1129 } else if ((localStorage.maximize_theme == 0 && themeMode == 'switch') 1130 || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: light)').matches)) { 1131 requestAnimationFrame(() => { 1132 document.documentElement.classList.remove('dark'); 1133 }); 1134 }</script>
1134 1135
1135<script> 1136 (function () { 1137 var stored = localStorage.getItem('currentStoreSelected'); 1138 if (!stored) return; 1139 1140 window.Maximize = window.Maximize || {}; 1141 window.Maximize.getInitialStoreText = function () { 1142 try { 1143 return JSON.parse(stored)?.selectedStore || ''; 1144 } catch (_) { 1145 return ''; 1146 } 1147 }; 1148 1149 var storeText = window.Maximize.getInitialStoreText(); 1150 if (storeText !== "") { 1151 document.documentElement.style.setProperty( 1152 '--x-store-selector-content', 1153 JSON.stringify(storeText) 1154 ); 1155 } 1156 })(); 1157 </script>
1157<link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223" media="(max-width: 767px)"> 1158 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)"> 1159 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223" media="(min-width: 768px)"> 1160 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223" media="(min-width: 1024px)"> 1161 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223" media="(min-width: 1280px)"> 1162 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223" media="(max-width: 767px)"> 1163 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)"> 1164 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223" media="(min-width: 768px)"> 1165 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223" media="(min-width: 1024px)"> 1166 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223" media="(min-width: 1280px)"> 1167 1168 <link href="//nacholightingco.com/cdn/shop/t/30/assets/buttons.css?v=153050960260856216031789788223" rel="stylesheet" type="text/css" media="all" /> 1169 1170 1171
1171<script src="//nacholightingco.com/cdn/shop/t/30/assets/constants.js?v=39579758319660886351789788223" defer></script>
1171 1172
1172<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1172<meta name="facebook-domain-verification" content="mqb4fak5b3ym78dwzm52rnwpuct6us"> 1173<meta name="google-site-verification" content="jbRClbdeLZX_B-llaw0F0bjB-E6xm4gUC4qfK0B7vMs"> 1174<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61423419562/digital_wallets/dialog"> 1175<meta id="in-context-paypal-metadata" data-shop-id="61423419562" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1176<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1176<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1176 1177<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1178<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=61423419562" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1178
1178
1179<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":61423419562,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/61423419562","merchantName":"NACHO Lighting Co.","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"NACHO Lighting Co.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1179
1179
1180<script id="shopify-features" type="application/json">{"accessToken":"96b19c200479a77ef6e4c7b1334ac65d","betas":["rich-media-storefront-analytics"],"domain":"nacholightingco.com","predictiveSearch":true,"shopId":61423419562,"locale":"en"}</script>
vendor: 1 bytes, line 1180
1180
1181<script>var Shopify = Shopify || {}; 1182Shopify.shop = "nacho-offroad-technology.myshopify.com"; 1183Shopify.locale = "en"; 1184Shopify.currency = {"active":"USD","rate":"1.0"}; 1185Shopify.country = "US"; 1186Shopify.theme = {"name":"Maximize - NLC","id":148956151978,"schema_name":"Maximize","schema_version":"1.9.0","theme_store_id":3716,"role":"main"}; 1187Shopify.theme.handle = "null"; 1188Shopify.theme.style = {"id":null,"handle":null}; 1189Shopify.cdnHost = "nacholightingco.com/cdn"; 1190Shopify.routes = Shopify.routes || {}; 1191Shopify.routes.root = "/"; 1192Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1193Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1194Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1195Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1195
1195
1196<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1196
1196
1197<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1197
1197
1198<script> 1199 window.ShopifyPay = window.ShopifyPay || {}; 1200 window.ShopifyPay.apiHost = "shop.app\/pay"; 1201 window.ShopifyPay.redirectState = null; 1202</script>
vendor: 1 bytes, line 1202
1202
1203<script> 1204 window.Shopify = window.Shopify || {}; 1205 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1206 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1207 window.Shopify.SignInWithShop.eligible = true; 1208</script>
vendor: 1 bytes, line 1208
1208
1209<script id="shop-js-analytics" type="application/json">{"pageType":"page"}</script>
vendor: 1 bytes, line 1209
1209
1210<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1210
1210
1211<script type="module"> 1212 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1213 1214 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1215 1216</script>
vendor: 1 bytes, line 1216
1216
1217<script> 1218 window.Shopify = window.Shopify || {}; 1219 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1220 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1221</script>
vendor: 1 bytes, line 1221
1221
1222<script>(function() { 1223 var isLoaded = false; 1224 function asyncLoad() { 1225 if (isLoaded) return; 1226 isLoaded = true; 1227 var urls = ["\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","https:\/\/id-shop.govx.com\/app\/nacho-offroad-technology.myshopify.com\/govx.js?shop=nacho-offroad-technology.myshopify.com","\/\/cdn.shopify.com\/proxy\/0bdd0933b4ec4aeb46175df939988e55f71db49adb108ea8c7776e5dd2da6148\/b2b-solution.bsscommerce.com\/js\/bss-b2b-cp.js?shop=nacho-offroad-technology.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 1228 for (var i = 0; i < urls.length; i++) { 1229 var s = document.createElement('script'); 1230 s.type = 'text/javascript'; 1231 s.async = true; 1232 s.src = urls[i]; 1233 var x = document.getElementsByTagName('script')[0]; 1234 x.parentNode.insertBefore(s, x); 1235 } 1236 }; 1237 if(window.attachEvent) { 1238 window.attachEvent('onload', asyncLoad); 1239 } else { 1240 window.addEventListener('load', asyncLoad, false); 1241 } 1242})();</script>
vendor: 1 bytes, line 1242
1242
1243<script id="__st">var __st={"a":61423419562,"offset":-25200,"reqid":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868","pageurl":"nacholightingco.com\/pages\/contact","s":"pages-88016388266","u":"611b351e9585","p":"page","rtyp":"page","rid":88016388266};</script>
vendor: 1 bytes, line 1243
1243
1244<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1244
1244
1245<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1245
1245
1246<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1246
1246
1247<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1247<script crossorigin="anonymous" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1247
1247
1248<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1248
1248
1249<script> 1250 window.Shopify = window.Shopify || {}; 1251 window.Shopify.MCP = window.Shopify.MCP || {}; 1252 window.Shopify.MCP.enabled = true; 1253 window.Shopify.MCP.shop = "nacho-offroad-technology.myshopify.com"; 1254 window.Shopify.MCP.mcpEndpoint = "https:\/\/nacholightingco.com\/api\/mcp"; 1255 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 1256</script>
vendor: 1 bytes, line 1256
1256
1257<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/nacholightingco.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 1258</script>
vendor: 1 bytes, line 1258
1258
1259<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1260</script>
vendor: 1 bytes, line 1260
1260
1261<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1262 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1263</script>
vendor: 1 bytes, line 1263
1263
1264<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1265</script>
vendor: 1 bytes, line 1265
1265
1266<script id='scb4127' type='text/javascript' async='' src='https://nacholightingco.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1266<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M4HTRY6NGTZA20XA9H4XMGX3","publisher_shop_id":61423419562,"theme_id":148956151978,"theme_published":true,"theme_store_id":3716,"placement":"collection","event_data":{"handle":"contact","page_type":"page"},"recommendations_tracking_enabled":true}" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
1266 1267<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1268<style id="shopify-accelerated-checkout-cart"> 1269 #shopify-buyer-consent { 1270 margin-top: 1em; 1271 display: inline-block; 1272 width: 100%; 1273} 1274 1275#shopify-buyer-consent.hidden { 1276 display: none; 1277} 1278 1279#shopify-subscription-policy-button { 1280 background: none; 1281 border: none; 1282 padding: 0; 1283 text-decoration: underline; 1284 font-size: inherit; 1285 cursor: pointer; 1286} 1287 1288#shopify-subscription-policy-button::before { 1289 box-shadow: none; 1290} 1291 1292 </style> 1293
1294<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1294 1295 <!-- Google Tag Manager -->
1296<script>
vendor: 327 bytes, lines 1296-1300
1296(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1297new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1298j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1299'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1300})(window,document,'script','dataLayer','
1300GTM-5K47W6Z6
vendor: 3 bytes, line 1300
1300');
1300</script>
1300 1301<!-- End Google Tag Manager --> 1302<!-- BEGIN app block: shopify://apps/ot-theme-sections/blocks/otsb-style/45c0d634-d78b-458c-8bca-17086e7d65aa --><link href="//cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-style.min.css" rel="stylesheet" type="text/css" media="all" />
1303<script> 1304 window.otsb={main_script_enabled:true,sliderScript:"https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-splide.min.js",loadedScript:window?.otsb?.loadedScript||[],components:{splides:{}}}; 1305</script>
1305<script src="https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-script.min.js" defer="defer"></script>
1305 1306 1307<!-- END app block --><!-- BEGIN app block: shopify://apps/bss-b2b-solution/blocks/config-header/451233f2-9631-4c49-8b6f-057e4ebcde7f --> 1308 1309 1310<link href="//cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/config-header.css" rel="stylesheet" type="text/css" media="all" />
1311<script id="bss-b2b-config-data"> 1312 if (typeof BSS_B2B == 'undefined') { 1313 var BSS_B2B = {}; 1314 } 1315 1316 1317 BSS_B2B.storeId = 15990; 1318 BSS_B2B.currentPlan = "false"; 1319 BSS_B2B.planCode = "advanced"; 1320 BSS_B2B.shopModules = JSON.parse('[{"code":"qb","status":0},{"code":"cp","status":1},{"code":"act","status":1},{"code":"form","status":1},{"code":"tax_exempt","status":1},{"code":"amo","status":0},{"code":"mc","status":0},{"code":"public_api","status":0},{"code":"dc","status":0},{"code":"cart_note","status":0},{"code":"mo","status":1},{"code":"tax_display","status":1},{"code":"sr","status":1},{"code":"bogo","status":0},{"code":"qi","status":0},{"code":"ef","status":0},{"code":"pl","status":0}]'); 1321 BSS_B2B.version = 3; 1322 var bssB2bApiServer = "https://solution-api.bss-b2b.solutions"; 1323 var bssB2bCmsUrl = "https://solution-cms.bss-b2b.solutions"; 1324 var bssGeoServiceUrl = "https://geo-ip-service.bsscommerce.com"; 1325 var bssB2bCheckoutUrl = "https://solution-checkout.bss-b2b.solutions"; 1326 1327 1328 1329 1330 1331 window.bssB2bMarketId = 3048800426; 1332 1333 1334 1335 BSS_B2B.integrationApp = null; 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 BSS_B2B.configData = [].concat([{"i":"2148207966","n":"Tier 1","at":4,"ct":"tier 1","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"pBjm0KPvPLrfpMl2ZGIQqGjeCTFcyTlO4NrsRuLbJTM="},{"i":"2148208252","n":"Tier 2","at":4,"ct":"tier 2","mct":0,"pct":2,"pc":"287783190698,287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"25.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"ygOnTgXN3Wqarvw3xyrL6KzM2z+dwtqQ9RsZ6N876aA="},{"i":"2148208256","n":"Tier 3","at":4,"ct":"tier 3","mct":0,"pct":2,"pc":"287783190698,287862259882,321033535658,316349350058,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"30.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"37i0mBlrAHP8JrZSrKkZZVIb7NwUTyd+tcGysa5h/Gk="},{"i":"2148208257","n":"Tier 4","at":4,"ct":"tier 4","mct":0,"pct":2,"pc":"337277911210,287862259882,316349350058,321033535658,335397257386,335397290154","xpct":0,"dt":2,"dv":"35.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"6esfom//PnQNXqmeVcxdHaolHYSyrG4Ywo6boylrfVo="},{"i":"2148208259","n":"Tier 5","at":4,"ct":"tier 5","mct":0,"pct":2,"pc":"287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"40.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"kCBXrqV06Gdn/fhm1Ldvh5hZd6rZGQlMv+N6bd3CvVc="},{"i":"2151274009","n":"Legacy","at":4,"ct":"Legacy","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"28.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"jBbsyUUyv1ZM2f6800ABmI2XCTGDwz3kLgHcOea4sXI="},{"i":"2150378818","n":"test bss","at":3,"ci":"8642644082858","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2025-03-21T07:37:36.000Z","ed":"2025-03-21T07:37:36.000Z","st":"14:37:00","et":"14:37:00","ef":0,"eed":0,"t":"A2nDJ5BPivnSdR1aXNGuOQpFcWvjS7U7WHCs//ACQpU="},{"i":"2148208260","n":"Dealer 20%","p":1,"at":4,"ct":"tier 1,tier 2,tier 3","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"Wmq1dLbHy7/q3qZ+Gfui+6yKU8HCZcwh+iggIJY5Wog="},{"i":"2148208261","n":"Dealer 25%","p":1,"at":4,"ct":"tier 4,tier 5","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"z0JHy7z2gFrWGnqy5m0v4vWszEJKu6npfCi+eOex7Ks="},{"i":"2148225683","n":"High Boy Tier 3-5","p":1,"at":4,"ct":"tier 3,tier 4,tier 5","mct":0,"pct":1,"pi":"7633095262378","xpct":0,"dt":2,"dv":"23.00","sd":"2024-01-26T16:37:00.000Z","ed":"2024-01-26T16:37:00.000Z","st":"09:37:00","et":"09:37:00","ef":0,"eed":0,"t":"yKkLDlwjkNFsxSwIzrhYX9DOvMnkLClTLA0DjJOUbE0="}],[],[],[],[],[],[],[],[],[],); 1346 BSS_B2B.cpSettings = {"cpType":2,"default_price_color":"#ff7903","price_applied_cp_color":"#000000"}; 1347 BSS_B2B.customPricingSettings = null; 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 BSS_B2B.srSettings = {"srType":0}; 1363 1364 BSS_B2B.srRules = [{"id":1533,"name":"Free Shipping Over $2000","apply_to":4,"customer_ids":"","customer_tags":"tier 1,tier 2","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2024-02-02T19:03:09.000Z","updatedAt":"2024-02-02T19:03:09.000Z","id":2141,"rule_id":1533,"amount_from":"2500","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":null,"total_sr_per_customer":null,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":"2026-02-18T16:54:12.000Z","end_date":"2026-02-18T16:54:12.000Z","start_time":"09:54:00","end_time":"09:54:00","enable_end_date":0},{"id":2901,"name":"Free Shipping Over $3000","apply_to":4,"customer_ids":"","customer_tags":"tier 3,tier 4","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:35:29.000Z","updatedAt":"2025-03-25T04:35:29.000Z","id":3669,"rule_id":2901,"amount_from":"3000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0},{"id":2902,"name":"Free Shipping Over $5000","apply_to":4,"customer_ids":"","customer_tags":"tier 5","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:36:36.000Z","updatedAt":"2025-03-25T04:36:36.000Z","id":3670,"rule_id":2902,"amount_from":"5000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0}]; 1365 1366 1367 1368 1369 1370 BSS_B2B.taxDisplayTranslations = {"excluded_vat_text":"exc. VAT | ","included_vat_text":"inc. VAT","toggle_included_vat_text":"Inc. VAT","toggle_excluded_vat_text":"Exc. VAT"}; 1371 1372 1373 BSS_B2B.taxDisplayRules = []; 1374 BSS_B2B.allVatCountries = "[]"; 1375 BSS_B2B.taxOverrides = []; 1376 1377 1378 1379 1380 1381 BSS_B2B.vatTranslations = {"form_header_text":"EU VAT ID","form_subtitle_text":"(VAT will be deducted at payment step)","form_error_message":"Please enter a valid EU VAT ID (e.g. DK123..., FR123...)","form_success_message":"Your VAT ID has been successfully validated.","form_validate_country_code_message":"Your country is not eligible for VAT Exemption in this store.","form_header_text_gst":"India GST Identification Number","form_subtitle_text_gst":"(India GST will be deducted at payment step)","form_error_message_gst":"Please enter a valid India GST Identification Number","form_success_message_gst":"Your India GST Identification Number has been successfully validated.","form_header_text_abn":"ABN Registration Number","form_subtitle_text_abn":"(ABN will be deducted at payment step)","form_error_message_abn":"Please enter a valid ABN Registration Number","form_success_message_abn":"Your ABN Registration Number has been successfully validated.","form_header_text_uk":"UK VAT Registration Number","form_subtitle_text_uk":"(UK VAT will be deducted at payment step)","form_error_message_uk":"Please enter a valid UK VAT Registration Number","form_success_message_uk":"Your UK VAT Registration Number has been successfully validated.","form_header_text_us_ein":"US EIN Registration Number","form_subtitle_text_us_ein":"(US Tax will be deducted at payment step)","form_error_message_us_ein":"Please enter a valid US EIN Number.","form_success_message_us_ein":"Your EIN Number has been successfully validated."}; 1382 1383 BSS_B2B.allVatCountries = "[]"; 1384 BSS_B2B.vatSetting = {"show_vat_apply_to":"0","show_vat_customer_tags":"","show_vat_customer_ids":"","
1384is_required_vat":0,"auto_exempt_tax":1,"auto_redirect_to_checkout":0,"enable_select_eu_vat_countries":0,"selected_eu_vat_countries":"AT,BE,BG,CY,CZ,DE,DK,EE,EL,ES,FI,FR,GB,HR,HU,IE,IT,LT,LU,LV,MT,NL,PL,PT,RO,SE,SI,SK,XI","enable_eu_vat":1,"enable_uk_vat":1,"enable_gst":0,"enable_us_ein":0,"enable_abn":0}; 1385 BSS_B2B.vatExemptSelectedOriginal = null; 1386 BSS_B2B.vatExemptSelected = null; 1387 BSS_B2B.vatAutoExempt = 1; 1388 1389 1390 1391 1392 1393 1394 BSS_B2B.rfGeneralSettings = {"form_success_notification":"Created wholesaler successfully","sent_email_success_notification":"We have sent an email to {email}, please click on the included link to verify your email address","form_edit_success_notification":"Edited wholesaler successfully","form_fail_notification":"Created wholesaler failed","form_edit_fail_notification":"Edited wholesaler failed","vat_valid":"VALID VAT NUMBER","vat_not_valid":"EU VAT is not valid. Please re-enter","customer_exist":"Customer email already exists","required_field":"This field is required","password_too_short":"Password is too short (minimum is 5 characters)","password_invalid_with_spaces":"Password cannot start or end with spaces","password_error_label":"Password must include:","min_password":"At least {number} characters","at_least_number":"At least one number","at_least_special":"At least one special character","mixture_upper_lower":"At least one uppercase letter","email_format":"Must be email format","email_contain_invalid_domain":"Email contains an invalid domain name","error_created_account_on_shopify":"Error when creating account on Shopify","loadingForm":"Loading...","create":"Create","phone_is_invalid":"Phone number is invalid","phone_has_already_been_taken":"Phone has already been taken","country_invalid":"Country is not valid. Please choose country again","complete_reCapcha_task":"Please complete reCAPTCHA task","abn_valid":"This ABN is registered to","abn_not_valid":"ABN is not valid. Please re-enter","gst_valid":"VALID India GST NUMBER","gst_not_valid":"India GST number is not valid. Please re-enter","uk_valid":"VALID UK VAT NUMBER","uk_not_valid":"UK VAT number is not valid. Please re-enter","us_ein_valid":"VALID US EIN NUMBER","us_ein_not_valid":"US EIN number is not valid. Please re-enter","text_color_success":"#008000","text_color_failed":"#ff0000","submit_button_color":"#6200c3","registration_forms":"None","email_is_invalid":"Email is invalid","complete_privacy_policy":"Please accept the privacy policy","default_form_title":"Create account","submit_button":"SUBMIT","registerPage_url":"/account/register"}; 1395 1396 1397 1398 1399 1400</script>
1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 <style> 1412 #customer_register_link, 1413 .customer-login__register, 1414 .account--register, 1415 .customer.register, 1416 #customer_login .customer__link--centered, 1417 .account-page.account-page-register, 1418 #customer_login .Link--secondary, .customer-login .button.btn-secondary ~ .hr-or,.customer-login .button.btn-secondary ~ .accounts__create-customer{display: none !important;} 1419 </style> 1420 1421 1422
1422<script id="bss-b2b-rf-config-data"> 1423 if (typeof BSS_B2B == 'undefined') { 1424 var BSS_B2B = {}; 1425 } 1426 </script>
1426 1427
1427<script id="bss-b2b-wholesaler-form-default"> 1428 BSS_B2B.formDataRenderDefault = []; 1429 BSS_B2B.formIdDef = 21197; 1430 BSS_B2B.reCAPCHA = 0; 1431 BSS_B2B.CAPCHA_SITE_KEY = "6LcYPEgbAAAAAKEQdimI1PPA4vuOJHxNb5p6eLUo"; 1432 BSS_B2B.status = 0; 1433 BSS_B2B.created_account = 1; 1434 BSS_B2B.redirect_url = "/"; 1435 BSS_B2B.taxExempt = 0; 1436 BSS_B2B.formPrivacyPolicyStatus = 0; 1437 BSS_B2B.formPrivacyPolicyContent = `<p>By clicking Create, I confirm that I have read and accepted the <a href="/">privacy policy</a></p>`; 1438 BSS_B2B.conditionalLogic = []; 1439 </script>
1439 1440 <style> 1441 label[for='RegisterForm-FirstName']:after { 1442 content: '*'; 1443 color: #e95144; 1444} 1445.password-field { 1446 flex-direction: column; 1447} 1448.icon-show-hide-password { 1449 right: unset; 1450 left: 430px; 1451} 1452.bss-error-msg { 1453 text-align: left !important; 1454} 1455 #account-popover, 1456 .popover--unlogged { 1457 height: 400px; 1458 width: 365px; 1459 } 1460 #header-register-panel { 1461 height: 400px; 1462 overflow-y: auto; 1463 } 1464 </style> 1465 1466
1467<script id="bss-b2b-customize"> 1468 // eslint-disable-next-line no-console 1469console.log("B2B hooks") 1470window.bssB2BHooks = window.bssB2BHooks || { 1471 actions: {}, 1472 filters: {}, 1473}; 1474 1475window.BSS_B2B = window.BSS_B2B || {}; 1476 1477window.BSS_B2B.addAction = (tag, callback) => { 1478 window.bssB2BHooks.actions[tag] = callback; 1479} 1480window.BSS_B2B.addFilter = (tag, value) => { 1481 window.bssB2BHooks.filters[tag] = value; 1482} 1483 1484// Custom td subtotal product page 1485function getHtmlString(price, style, type) { 1486 const { excluded_vat_text, included_vat_text } = BSS_B2B.td.tdTranslations; 1487 let className = ''; 1488 switch (type) { 1489 case 'exclude': 1490 className = 'bss-b2b-price-no-vat'; 1491 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1492 price 1493 )} ${excluded_vat_text}</span>`; 1494 case 'include': 1495 className = 'bss-b2b-price-has-vat'; 1496 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1497 price 1498 )} ${included_vat_text}</span>`; 1499 case 'exc_compare': 1500 className = 'bss-b2b-compare-price-no-vat'; 1501 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1502 price 1503 )} ${excluded_vat_text}</span>`; 1504 case 'inc_compare': 1505 className = 'bss-b2b-compare-price-has-vat'; 1506 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1507 price 1508 )} ${included_vat_text}</span>`; 1509 default: 1510 break; 1511 } 1512 } 1513 1514function getPriceHtml(rule, vatPrice, quantity) { 1515 const { priceNoVat, priceHasVat, comparePriceHasVat, comparePriceNoVat } = vatPrice; 1516 const priceHtml = { 1517 priceNoVat: '', 1518 priceHasVat: '', 1519 comparePriceNoVat: '', 1520 comparePriceHasVat: '', 1521 linePriceNoVat: '', 1522 linePriceHasVat: '', 1523 }; 1524 switch (rule.display_price_type) { 1525 case 0: 1526 priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude'); 1527 priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include'); 1528 priceHtml.comparePriceNoVat = 1529 comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare'); 1530 priceHtml.comparePriceHasVat = 1531 comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare'); 1532 priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude'); 1533 priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include'); 1534 break; 1535 case 2: 1536 priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude'); 1537 priceHtml.comparePriceNoVat = 1538 comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare'); 1539 priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude'); 1540 break; 1541 case 1: 1542 priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include'); 1543 priceHtml.comparePriceHasVat = 1544 comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare'); 1545 priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include'); 1546 break; 1547 default: 1548 break; 1549 } 1550 return priceHtml; 1551 } 1552 1553const showTdProductPrice = (props) => { 1554 let quantity = 1; 1555 const { priceElement , priceAfterTd, appliedTD } = props; 1556 const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal"); 1557 const quantityEle = document.querySelector(".productView-product [name='quantity']"); 1558 if (quantityEle) { 1559 quantity = quantityEle.value; 1560 } 1561 if (totalProductPriceEle && quantityEle) { 1562 const totalProductPrice = getPriceHtml(appliedTD, priceAfterTd, quantity); 1563 const priceHTML = totalProductPrice.linePriceNoVat + totalProductPrice.linePriceHasVat; 1564 totalProductPriceEle.innerHTML = priceHTML 1565 } 1566 1567} 1568window.BSS_B2B.addAction('custom:TdProduct/showPriceBase', showTdProductPrice); 1569 1570// Custom CP subtotal product page 1571const showCpProductPrice = (priceHTMLCustom, props) => { 1572 let quantity = 1; 1573 const {cpPrices} = props; 1574 const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal"); 1575 const quantityEle = document.querySelector(".productView-product [name='quantity']"); 1576 if (quantityEle) { 1577 quantity = quantityEle.value; 1578 } 1579 if (totalProductPriceEle && quantityEle) { 1580 const totalProductPrice = cpPrices.price * quantity; 1581 totalProductPriceEle.innerHTML = BSS_B2B.formatMoney(totalProductPrice); 1582 } 1583 return priceHTMLCustom 1584} 1585window.BSS_B2B.addFilter('custom:product_page/cp_pl_show_price', showCpProductPrice);; 1586</script>
1586 1587 1588 1589 1590 1591 1592<style type="text/css"> 1593 .shopify-payment-button__button, .shopify-payment-button__more-options{ 1594 display: none !important; 1595 } 1596 .bss-b2b-btn-buyitnow { display: block !important; } 1597 meta[itemprop="price"] { display: none !important; } 1598 </style><style></style><style></style> 1599 1600 1601 1602 <style id="bss-b2b-price-style"> 1603 [bss-b2b-variant-price], 1604 [bss-b2b-product-price], 1605 [bss-b2b-cart-item-key][bss-b2b-item-original-price], 1606 [bss-b2b-cart-item-key][bss-b2b-final-line-price], 1607 [bss-b2b-cart-item-key] [bss-b2b-item-original-price], 1608 [bss-b2b-cart-item-key] [bss-b2b-final-line-price], 1609 [bss-b2b-cart-total-price] { 1610 visibility: hidden; 1611 } 1612 </style> 1613 1614 1615 1616
1617<script id="bss-b2b-store-data" type="application/json"> 1618{ 1619 "shop": { 1620 "domain": "nacholightingco.com", 1621 "permanent_domain": "nacho-offroad-technology.myshopify.com", 1622 "url": "https://nacholightingco.com", 1623 "secure_url": "https://nacholightingco.com", 1624 "money_format": "${{amount}}", 1625 "money_with_currency_format": "${{amount}} USD", 1626 "currency_code_enabled": null, 1627 "currency": "USD", 1628 "cart_current_currency": "USD", 1629 "multi_currencies": [ 1630 1631 "USD" 1632 1633 ] 1634 }, 1635 "customer": { 1636 "id": null, 1637 "isB2B": null, 1638 "current_company": null, 1639 "current_location": null, 1640 "tags": null, 1641 "tax_exempt": null, 1642 "first_name": null, 1643 "last_name": null, 1644 "phone": null, 1645 "email": "", 1646 "country_code": "", 1647 "addresses": [ 1648 1649 ] 1650 }, 1651 "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, 1652 "line_item_products": [], 1653 "template": "page", 1654 "product": "bnVsbA==", 1655 "product_collections": [ 1656 1657 ], 1658 "collection": [], 1659 "collections": [ 1660 1661 ], 1662 "taxes_included": false 1663} 1664</script>
1664 1665 1666 1667 1668 1669 1670
1670<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-state.js" defer="defer"></script>
1670 1671
1671<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-phone.js" defer="defer"></script>
1671 1672 1673 1674 1675
1675<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-rf-js.js" defer="defer"></script>
1675 1676 1677 1678 1679 1680
1681<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-decode.js" async></script>
vendor: 1 bytes, line 1681
1681
1682<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-integrate.js" defer="defer"></script>
1682 1683 1684 1685 1686 1687 1688 1689 1690 1691
1691<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-cp.js" defer="defer"></script>
1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701
1701<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-td.js" defer="defer"></script>
1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711
1711<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-sr.js" defer="defer"></script>
1711 1712 1713 1714 1715
1715<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-te.js" defer="defer"></script>
1715 1716 1717 1718 1719 1720 1721
1721<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-v3.js" defer="defer"></script>
1721 1722 1723 1724 1725 1726<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'> 1727
1728<script id='shopify-chat-app-embed-data' type='application/json'> 1729 { 1730 "settings": { 1731 "invertActivatorColors": true, 1732 "greetingMessage": "", 1733 "showFeaturedProducts": true, 1734 "featuredProducts": [], 1735 "horizontalPosition": "bottom_right", 1736 "icon": "chat_bubble", 1737 "buttonLabel": "Chat" 1738 } 1739 } 1740</script>
1740 1741 1742<style data-shopify> 1743 1744 1745 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1746 shopify-chat:defined:empty { 1747 display: grid; 1748 } 1749 1750 :root { 1751 --shopify-chat-bg-color: #FFFFFF; 1752 --shopify-chat-text-color: #000000; 1753 --shopify-chat-accent-bg-color: #000000; 1754 --shopify-chat-accent-text-color: #FFFFFF; 1755 --shopify-chat-activator-offset: 20px; 1756 1757 1758 1759 --shopify-chat-activator-font-size: 16px; 1760 --shopify-chat-border-radius: 16px; 1761 } 1762 1763 1764</style> 1765
1766<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1766 1767 1768 1769<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782
1782<script async src="https://static.klaviyo.com/onsite/js/T9hiKV/klaviyo.js?company_id=T9hiKV"></script>
1782 1783
1783<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1783 1784 1785 1786 1787 1788 1789 1790
1790<script> 1791 window.klaviyoReviewsProductDesignMode = false 1792 </script>
1792 1793 1794 1795 1796 <!-- BEGIN app snippet: customer-hub-data -->
1796<script> 1797 if (!window.customerHub) { 1798 window.customerHub = {}; 1799 } 1800 window.customerHub.storefrontRoutes = { 1801 login: "https://nacholightingco.com/customer_authentication/redirect?locale=en®ion_country=US?return_url=%2F%23k-hub", 1802 register: "https://account.nachooffroadtechnology.com?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY4LCJuYmYiOjE3OTE1OTk4Njh9.coe_RTWI6V9SPiAwaM3cSP7twBzy2rHvKg2vpvKjDtI?return_url=%2F%23k-hub", 1803 logout: "/account/logout", 1804 profile: "/account", 1805 addresses: "/account/addresses", 1806 }; 1807 1808 window.customerHub.userId = null; 1809 1810 window.customerHub.storeDomain = "nacho-offroad-technology.myshopify.com"; 1811 1812 1813 1814 1815 window.customerHub.storeLocale = { 1816 currentLanguage: 'en', 1817 currentCountry: 'US', 1818 availableLanguages: [ 1819 1820 { 1821 iso_code: 'en', 1822 endonym_name: 'English' 1823 } 1824 1825 ], 1826 availableCountries: [ 1827 1828 { 1829 iso_code: 'US', 1830 name: 'United States', 1831 currency_code: 'USD' 1832 } 1833 1834 ] 1835 }; 1836 1837</script>
1837 1838<!-- END app snippet --> 1839 1840 1841 1842 <!-- BEGIN app snippet: customer-hub-replace-links -->
1843<script> 1844 function replaceAccountLinks() { 1845 const selector = 1846 'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account'; 1847 const accountLinksNodes = document.querySelectorAll(selector); 1848 for (const node of accountLinksNodes) { 1849 const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false'; 1850 if (!ignore) { 1851 // Any login links to Shopify's account system, point them at the customer hub instead. 1852 node.href = '#k-hub'; 1853 /** 1854 * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads. 1855 * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen. 1856 * Luckily, these themes usually have a className you can add to links to skip the transition. 1857 * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link. 1858 **/ 1859 node.classList.add('no-transition', 'js-no-transition'); 1860 } 1861 } 1862 } 1863 1864 1865 if (document.readyState === 'complete') { 1866 replaceAccountLinks(); 1867 } else { 1868 const controller = new AbortController(); 1869 document.addEventListener( 1870 'readystatechange', 1871 () => { 1872 replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state 1873 if (document.readyState === 'complete') { 1874 // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort 1875 // by removing the listener afterwards. 1876 controller.abort(); 1877 } 1878 }, 1879 { signal: controller.signal }, 1880 ); 1881 } 1882 1883</script>
1883 1884<!-- END app snippet --> 1885 1886 1887 1888 1889 1890<!-- END app block --><!-- BEGIN app block: shopify://apps/google-youtube/blocks/store_widget/14ec7bd0-ac77-49a9-9417-90752398bdff --> 1891 1892 1893<!-- BEGIN MerchantWidget Code -->
1894<script id='merchantWidgetScript' 1895 src="https://www.gstatic.com/shopping/merchant/merchantwidget.js" 1896 defer> 1897</script>
vendor: 1 bytes, line 1897
1897
1898<script type="text/javascript"> 1899 merchantWidgetScript.addEventListener('load', function () { 1900 var widgetPos = 'LEFT_BOTTOM'; 1901 var sideMargin = '36'; 1902 var bottomMargin = '36'; 1903 var mobileSideMargin = '16'; 1904 var mobileBottomMargin = '46'; 1905 var merchantId = '563611008'; 1906 merchantwidget.start({ 1907 position: widgetPos, 1908 sideMargin: sideMargin, 1909 bottomMargin: bottomMargin, 1910 mobileSideMargin: mobileSideMargin, 1911 mobileBottomMargin: mobileBottomMargin, 1912 merchant_id: merchantId, 1913 }); 1914 }); 1915</script>
1915 1916<!-- END MerchantWidget Code --><!-- END app block -->
1916<script src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
1916 1917<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1918<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 61423419562,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "page"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1918
1918
1919<script> 1920 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1921</script>
vendor: 1 bytes, line 1921
1921
1922<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1922).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 61423419562,storefrontBaseUrl: "https://nacholightingco.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nacholightingco.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1464238250","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1922,"dataSharingState":"unrestricted"},{"id":"1082851498","configuration":"{\"accountID\":\"T9hiKV\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"386072746","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\",\\\"GT-5N2PBKR\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/s0ZUCKLx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/mDl6CKXx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/BNypCJzx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/ZP9iCJnx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/N2gGCJbx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/wwGHCKjx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/esE5CJ_x8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"141525162","configuration":"{\"pixel_id\":\"984986382156600\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"NACHO Lighting Co.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"nacho-offroad-technology.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/nacholightingco.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://nacholightingco.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"148956151978","themeStoreId":"3716","themePublished":"true","eventMetadataId":"62df5eb6-1f2a-4036-b713-2c5f8497ad54","pageType":"page","resourceId":"88016388266","shopId":"61423419562","storefrontBaseUrl":"https:\/\/nacholightingco.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1922<script> 1923 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1924 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1925 window.ShopifyAnalytics.meta.currency = 'USD'; 1926 var meta = {"page":{"pageType":"page","resourceType":"page","resourceId":88016388266,"requestId":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868"}}; 1927 for (var attr in meta) { 1928 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1929 } 1930</script>
vendor: 1 bytes, line 1930
1930
1931<script class="analytics"> 1932 (function () { 1933 var customDocumentWrite = function(content) { 1934 var jquery = null; 1935 1936 if (window.jQuery) { 1937 jquery = window.jQuery; 1938 } else if (window.Checkout && window.Checkout.$) { 1939 jquery = window.Checkout.$; 1940 } 1941 1942 if (jquery) { 1943 jquery('body').append(content); 1944 } 1945 }; 1946 1947 var hasLoggedConversion = function(token) { 1948 if (token) { 1949 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1950 } 1951 return false; 1952 } 1953 1954 var setCookieIfConversion = function(token) { 1955 if (token) { 1956 var twoMonthsFromNow = new Date(Date.now()); 1957 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1958 1959 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1960 } 1961 } 1962 1963 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1964 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1965 if (trekkie.integrations) { 1966 return; 1967 } 1968 trekkie.methods = [ 1969 'identify', 1970 'page', 1971 'ready', 1972 'track', 1973 'trackForm', 1974 'trackLink' 1975 ]; 1976 trekkie.factory = function(method) { 1977 return function() { 1978 var args = Array.prototype.slice.call(arguments); 1979 args.unshift(method); 1980 trekkie.push(args); 1981 if (method == 'track' || method == 'page') { 1982 var pageUrl; 1983 try { 1984 pageUrl = window.location.href; 1985 } catch (e) {} 1986 var pageReferrer; 1987 try { 1988 pageReferrer = document.referrer; 1989 } catch (e) {} 1990 try { 1991 if (window.__TREKKIE_SHIM_QUEUE == null) { 1992 window.__TREKKIE_SHIM_QUEUE = []; 1993 } 1994 window.__TREKKIE_SHIM_QUEUE.push({ 1995 from: 'trekkie-stub', 1996 method: method, 1997 args: args.slice(1), 1998 pageContext: { 1999 url: pageUrl, 2000 referrer: pageReferrer 2001 } 2002 }); 2003 } catch (e) { 2004 // no-op 2005 } 2006 } 2007 return trekkie; 2008 }; 2009 }; 2010 for (var i = 0; i < trekkie.methods.length; i++) { 2011 var key = trekkie.methods[i]; 2012 trekkie[key] = trekkie.factory(key); 2013 } 2014 trekkie.load = function(config) { 2015 trekkie.config = config || {}; 2016 trekkie.config.initialDocumentCookie = document.cookie; 2017 var first = document.getElementsByTagName('script')[0]; 2018var script = document.createElement('script'); 2019script.type = 'text/javascript'; 2020script.onerror = function(e) { 2021 var scriptFallback = document.createElement('script'); 2022 scriptFallback.type = 'text/javascript'; 2023 scriptFallback.onerror = function(error) { 2024 var Monorail = { 2025 produce: function produce(monorailDomain, schemaId, payload) { 2026 var currentMs = new Date().getTime(); 2027 var event = { 2028 schema_id: schemaId, 2029 payload: payload, 2030 metadata: { 2031 event_created_at_ms: currentMs, 2032 event_sent_at_ms: currentMs 2033 } 2034 }; 2035 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2036 }, 2037 sendRequest: function sendRequest(endpointUrl, payload) { 2038 // Try the sendBeacon API 2039 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2040 var blobData = new window.Blob([payload], { 2041 type: 'text/plain' 2042 }); 2043 2044 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2045 return true; 2046 } // sendBeacon was not successful 2047 2048 } // XHR beacon 2049 2050 var xhr = new XMLHttpRequest(); 2051 2052 try { 2053 xhr.open('POST', endpointUrl); 2054 xhr.setRequestHeader('Content-Type', 'text/plain'); 2055 xhr.send(payload); 2056 } catch (e) { 2057 console.log(e); 2058 } 2059 2060 return false; 2061 }, 2062 isIos12: function isIos12() { 2063 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2064 } 2065 }; 2066 Monorail.produce('monorail-edge.shopifysvc.com', 2067 'trekkie_storefront_load_errors/1.1', 2068 {shop_id: 61423419562, 2069 theme_id: 148956151978, 2070 app_name: "storefront", 2071 context_url: window.location.href, 2072 source_url: "//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 2073 2074 }; 2075 scriptFallback.async = true; 2076 scriptFallback.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2077 first.parentNode.insertBefore(scriptFallback, first); 2078}; 2079script.async = true; 2080script.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2081first.parentNode.insertBefore(script, first); 2082 2083 }; 2084 trekkie.load( 2085 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61423419562,"isMerchantRequest":null,"themeId":148956151978,"themeCityHash":"12054694450167017383","contentLanguage":"en","currency":"USD","eventMetadataId":"62df5eb6-1f2a-4036-b713-2c5f8497ad54"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2086 ); 2087 2088 var loaded = false;
2089 trekkie.ready(function() { 2090 if (loaded) return; 2091 loaded = true; 2092 2093 window.ShopifyAnalytics.lib = window.trekkie; 2094 2095 var originalDocumentWrite = document.write; 2096 document.write = customDocumentWrite; 2097 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2098 document.write = originalDocumentWrite; 2099 2100 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2101 var token = match? match[1]: undefined; 2102 if (!hasLoggedConversion(token)) { 2103 setCookieIfConversion(token); 2104 2105 } 2106 }); 2107 2108 window.ShopifyAnalytics.lib.page(null,{"pageType":"page","resourceType":"page","resourceId":88016388266,"requestId":"f17d414f-cd21-4e01-8d93-377690a4b258-1791599868","shopifyEmitted":true}); 2109 2110 var eventsListenerScript = document.createElement('script'); 2111 eventsListenerScript.async = true; 2112 eventsListenerScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2113 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2114})();</script>
2114 2115
2115<script> 2116 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2117 window.ga = function ga() { 2118 (window.ga.q = window.ga.q || []).push(arguments); 2119 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2120 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2121 } 2122 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 2123 }; 2124 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2125 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2126 } 2127 } 2128</script>
vendor: 1 bytes, line 2128
2128
2129<script 2130 defer 2131 src="https://nacholightingco.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 2132 data-application="storefront-renderer" 2133 data-shop-id="61423419562" 2134 data-render-region="gcp-us-central1" 2135 data-page-type="page" 2136 data-theme-instance-id="148956151978" 2137 data-theme-name="Maximize" 2138 data-theme-version="1.9.0" 2139 data-monorail-region="shop_domain" 2140 data-resource-timing-sampling-rate="10" 2141 data-shs="true" 2142 data-shs-beacon="true" 2143 data-shs-export-with-fetch="true" 2144 data-shs-logs-sample-rate="1" 2145 data-shs-beacon-endpoint="https://nacholightingco.com/api/collect" 2146></script>
vendor: 1 bytes, line 2146
2146
2147<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2147<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"61423419562","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"},{"handle":"Google"},{"handle":"Facebook"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
vendor: 1 bytes, line 2147
2147
2148<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to NACHO Lighting Co.. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":true,"exportCommand":false,"shopName":"NACHO Lighting Co.","translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.unavailable.title","value":"Chat isn’t available right now"},{"key":"agent_chat.unavailable.description","value":"Something went wrong while loading the chat."},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
2148,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
2148 2149<meta name="shopify-y" content="1e805786-3922-4753-88ae-7de9836060cd" data-expiration="1823157468000"><meta name="shopify-s" content="f1bd71ce-1091-4046-899c-ff7623f61888" data-expiration="1791601668000"> 2150</head> 2151<body 2152 class="gradient scrollbar-body overflow-x-hidden min-h-screen" 2153 2154 x-data 2155> 2156<div class="main-content__wrapper flex flex-col min-h-screen"> 2157 <a class="skip-to-content button button-skip-to-content focus-visible:z-60" href="#MainContent"> 2158 Skip to content 2159 </a> 2160 2161 <!-- BEGIN sections: header-group --> 2162<div id="shopify-section-sections--20172716769450__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement maximize-section"> 2163<style data-shopify> 2164 .section--sections--20172716769450__announcement-bar { 2165 padding-top: calc(8px * var(--mobile-padding-ratio)); 2166 padding-bottom: calc(8px * var(--mobile-padding-ratio)); 2167 } 2168 @media screen and (min-width: 768px) { 2169 .section--sections--20172716769450__announcement-bar { 2170 padding-top: 8px; 2171 padding-bottom: 8px; 2172 } 2173 } 2174 </style> 2175 <link href="//nacholightingco.com/cdn/shop/t/30/assets/announcement-bar.css?v=149287162451357333121789788223" rel="stylesheet" type="text/css" media="all" /> 2176 <div id="x-announcement" 2177 class="announcement section--sections--20172716769450__announcement-bar full-width z-50 gradient md:block color-scheme-5 dark-color-scheme-5 text-medium md:rounded-none" 2178 2179 > 2180 <div class="carousel-style-slideshow flex md:min-h-[32px] gap-x-5 ltr"> 2181 2182 2183 2184 <div 2185 x-data="{}" 2186 x-intersect.once="$store.xSwiffy.load($el, { 2187 'effect': 'slide', 2188 'autoPlay': true, 2189 'speed': 4000, 2190 'mediaQuery': 'min', 2191 'autoPause': true, 2192 'breakPoints':{ 2193 '768': { 2194 'slidesPerView': 1 2195 } 2196 } 2197 });" 2198 class="swiffy-slider slider-nav-animation slider-nav-animation-fadein slider-item-snapstart slider-nav-autopause announcement-col-left flex-1 min-w-0 flex w-full items-center md:!swiffy-slider announcement-col-align-center" 2199 style="--swiffy-slider-track-height: 3px;" 2200 > 2201 2202 2203 2204 <div class="slider-container hide-scrollbar grow md:flex md:flex-nowrap md:ml-0 md:mr-0" 2205 > 2206 2207 2208 2209 <div 2210 2211 x-slide-index="0" 2212 id="Slide-sections--20172716769450__announcement-bar-1" 2213 class="slide-item overflow-hidden flex items-center whitespace-nowrap text-ellipsis w-full justify-center" 2214 2215 > 2216 2217 <div class="flex flex-wrap items-center announcement-bar-text sm:w-full max-w-full gap-1 h-fit justify-center"> 2218 <a 2219 2220 href="/pages/govx" 2221 2222 class="relative items-center gap-x-4 overflow-hidden whitespace-normal block justify-center flex-wrap" 2223 2224 >Military Discount: Up to 15% Off.</a><div class="announcement-button flex items-center ltr:ml-1.5 rtl:mr-1.5 m-0" style="--color-link: var(--color-heading-highlight)"> 2225 2226<custom-button> 2227 <a 2228 class="button empty:hidden cursor-pointer md:min-h-6 min-h-5 whitespace-nowrap min-h-full text-medium button-link button-no-padding anm-button-flow" 2229 2230 href="/pages/govx" 2231 2232 2233 2234 > 2235 2236 2237 2238 2239 2240 <span class="button-text text-nowrap relative">Explore now</span> 2241 2242 2243 2244 2245 </a> 2246</custom-button> 2247</div> 2248 </div> 2249 2250 </div> 2251 </div> 2252 2253 2254 </div> 2255 2256 </div> 2257 </div> 2258 2259 2260</div><div id="shopify-section-sections--20172716769450__header" class="shopify-section shopify-section-group-header-group x-header section-header"><style data-shopify> 2261 .section-header { 2262 position: sticky; 2263 z-index: 41; 2264 } 2265 .section-header:has(>.mini-cart-open) { 2266 z-index: 60; 2267 } 2268 2269.header-logo-width { 2270 width: 150px; 2271} 2272.section-sections--20172716769450__header-padding { 2273 padding-top: calc(24px * var(--mobile-padding-ratio)); 2274 padding-bottom: calc(24px * var(--mobile-padding-ratio)); 2275} 2276 2277 2278 2279 .reduce-logo-size .header-logo-width { 2280 transform: scale(75%); 2281 transition: none; 2282 } 2283 .header-logo-width { 2284 transition: transform 0.3s linear; 2285 } 2286 2287@media screen and (min-width: 1024px) { 2288 2289 .section-sections--20172716769450__header-padding { 2290 padding-top: 24px; 2291 padding-bottom: 24px; 2292 } 2293 2294
2295 .header-logo-width { 2296 width: 150px; 2297 } 2298 .section-header { 2299 --padding-bottom-section: 24px; 2300 } 2301} 2302 2303 shopify-account { 2304 --shopify-account-font-heading: var(--heading-font-family); 2305 --shopify-account-font-heading-weight: var(--heading-font-weight); 2306 --shopify-account-font-body: var(--body-font-family); 2307 --shopify-account-font-body-weight: var(--body-font-weight); 2308 --shopify-account-dialog-position-top: var(--account-offset-top); 2309 --shopify-account-color-text: rgba(var(--color-text-header)); 2310 --shopify-account-color-background: rgba(var(--color-background)); 2311 --shopify-account-color-border: rgba(var(--color-border-header)); 2312 --shopify-account-color-accent: rgba(var(--color-background)); 2313 --shopify-account-color-accent-text: rgba(var(--color-text-header)); 2314 --shopify-account-color-card-text: rgba(var(--color-text-header)); 2315 2316 --shopify-account-radius-dialog: 0px; 2317 --shopify-account-radius-button: 0px; 2318 --shopify-account-radius-input: 0px; 2319 --shopify-account-radius-button-small: 0px; 2320 --shopify-account-radius-base: 0px; 2321 2322 2323 } 2324 @media screen and (max-width: 1023px) { 2325 shopify-account { 2326 --shopify-account-dialog-position-top: var(--account-offset-top-mobile); 2327 } 2328 }</style><div 2329 id="x-header-container" 2330 class="z-[41] lg:relative compact" 2331> 2332 <div id="x-header" 2333 class="x-header gradient max-w-[100vw]" 2334 x-init='$store.xHeaderMenu.handleInitHeader("shopify-section-sections--20172716769450__header", "reduce-logo-size", false, "compact", false)' 2335 2336 data-is-sticky="true" 2337 @scroll.window.passive="$store.xHeaderMenu.onScroll()" 2338 2339 > 2340 <div 2341 id="x-header-content" 2342 class="x-header-content sticky-header-content px-0" 2343 :class="{ 'background-header sticky-header-active': $store.xHeaderMenu.isSticky }" 2344 2345 > 2346 <header 2347 class="h-full section-sections--20172716769450__header-padding full-width-padded relative lg:px-0 lg:static mx-0" 2348 2349 2350 x-on:mouseleave="$store.xHeaderMenu.hideMenu('main-menu-item');" 2351 2352 @keydown.escape.stop="$store.xHeaderMenu.hideMenu('main-menu-item'); $store.xMobileNav.close(); $store.xFocusElement.removeTrapFocus(); $store.xHeaderMenu.focusFirstItem($event.target);" 2353 2354 > 2355 <div class="header-top compact grid lg:flex gap-7.5 justify-between full-width-padded items-center" ><div class="header-mobile-toggle lg:hidden flex items-center gap-1"> 2356 <button 2357 class="header-mobile-toggle-icon icon cursor-pointer flex items-center w-6 h-6 md:h-7 pr-1 py-1" 2358 @click="$store.xMobileNav.toggle()" 2359 aria-label="Button toggle mobile" 2360 aria-expanded="false" 2361 :aria-expanded="$store.xMobileNav.show.toString()" 2362 aria-controls="x-header-mobile" 2363 > 2364 <span class="w-full translate-y-0" x-show="!$store.xMobileNav.show"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2365 <path d="M0 4C0 3.44772 0.447715 3 1 3H19C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H1C0.447715 5 0 4.55228 0 4Z" fill="currentColor"/> 2366 <path d="M0 10C0 9.44772 0.447715 9 1 9H6H11C11.5523 9 12 9.44772 12 10C12 10.5523 11.5523 11 11 11H1C0.447715 11 0 10.5523 0 10Z" fill="currentColor"/> 2367 <path d="M0 16C0 15.4477 0.447715 15 1 15H15C15.5523 15 16 15.4477 16 16C16 16.5523 15.5523 17 15 17H1C0.447715 17 0 16.5523 0 16Z" fill="currentColor"/> 2368 </svg></span> 2369 <span class="px-0.5 py-0.5 translate-y-0" x-show="$store.xMobileNav.show" x-cloak><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 2370 style="fill: none"> 2371 <path 2372 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.
23721156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 2373 fill="currentColor"/> 2374 <path 2375 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 2376 fill="currentColor"/> 2377 </svg></span> 2378 </button> 2379 2380 2381 2382 2383 <div 2384 x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')" 2385 class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1" 2386 @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();" 2387 @click.away="isFocusedSearchForm && close()" 2388 > 2389 2390 2391 2392 <a 2393 id="SearchOpen" 2394 href="/search" 2395 aria-label="Search..." 2396 role="button" 2397 class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto" 2398 @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');" 2399 > 2400 <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2401 <path 2402 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 2403 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2404 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 2405 stroke-linejoin="round"/> 2406 </svg></span> 2407 </a> 2408 2409 2410 2411 <div 2412 id="FormSearch__mobile" 2413 x-ref="open_search" 2414 2415 2416 class="form-search-wrapper full-layout search-popup fixed flex flex-col md:absolute left-0 top-0 origin-top invisible h-full opacity-0 ease-in-out overflow-hidden" 2417 2418 :class="isFocusedSearchForm ? 'is-open' : ''" 2419 2420 > 2421 2422 <div 2423 class="fixed top-0 bottom-0 right-0 left-0 duration-500 color-bg-[rgba(var(--color-background))] bg-gradient" 2424 :class="isFocusedSearchForm ? 'opacity-100 delay-500' : 'opacity-0 invisible'" 2425 x-cloak 2426 ></div> 2427 2428 2429 2430 <div class="w-full flex justify-end"> 2431 <button 2432 id="SearchClose__mobile" 2433 class="focus-inset cursor-pointer modal__button-close hidden" 2434 x-on:click="close(); $store.xFocusElement.removeTrapFocus();" 2435 x-ref="close_button" 2436 :class="isFocusedSearchForm && '!block'" 2437 aria-label="Close" 2438 > 2439 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 2440 style="fill: none"> 2441 <path 2442 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 2443 fill="currentColor"/> 2444 <path 2445 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 2446 fill="currentColor"/> 2447 </svg></span> 2448 </button> 2449 </div> 2450 2451 2452 <div 2453 class="search-box-wrapper relative md:top-0 w-full" 2454 data-loading-text="Loading" 2455 2456 :class="isFocusedSearchForm && 'page-width !block'" 2457 2458 2459 > 2460 <div 2461 2462 x-ref="search_bar_fixed" 2463 class="mx-auto w-full relative" 2464 2465 :class="isFocusedSearchForm && 'border-b pb-2 md:pb-5'" 2466 2467 > 2468 <div 2469 class="header-search-inner h-full w-full field flex items-center border rounded-corners py-1.5 px-1.5" 2470 2471 :class="isFocusedSearchForm && 'border-none'" 2472 2473 > 2474 2475 <select-element 2476 class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 " 2477 data-picker-type="dropdown" 2478 > 2479 <div class="select relative"> 2480 <div 2481 class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full w-28 lg:w-36 xl:w-[10.5rem] gap-4 lg:gap-5 py-2 px-4 md:py-1.5 md:px-3" 2482 role="button" 2483 tabindex="0" 2484 aria-expanded="false" 2485 aria-controls="CategoriesList" 2486 aria-describedby="CategoriesHeading" 2487 2488 x-bind:class="isFocusedSearchForm && 'md:px-5 md:py-3'" 2489 2490 @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')" 2491 >
2492 <span 2493 class="select-button__label line-clamp-1 flex-1 p-break-words" 2494 data-section-id="sections--20172716769450__header" 2495 > 2496 All categories 2497 </span> 2498 <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg 2499 width="100%" 2500 height="100%" 2501 viewBox="0 0 9 7" 2502 fill="none" 2503 xmlns="http://www.w3.org/2000/svg" 2504 style="fill: none;" 2505 > 2506 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 2507 stroke-linejoin="round"/> 2508 </svg></span> 2509 <div 2510 class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners" 2511 x-show="loadingProductType === 'loading'" 2512 x-cloak 2513 > 2514 <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg 2515 version="1.0" 2516 xmlns="http://www.w3.org/2000/svg"
2517 viewBox="0 0 512.000000 512.000000" 2518 preserveAspectRatio="xMidYMid meet" 2519 > 2520 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 2521 fill="currentColor" stroke="none"> 2522 <path 2523 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 2524 </g> 2525 </svg></span> 2526 </div> 2527 </div> 2528 <div 2529 class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]" 2530 data-adjust-position="false" 2531 > 2532 <ul 2533 role="listbox" 2534 class="select-options hidden" 2535 aria-label="CategoriesList" 2536 > 2537 <li 2538 tabindex="-1" 2539 class="select-option hidden" 2540 data-type="dropdown" 2541 aria-selected="true" 2542 role="option" 2543 data-no-instant 2544 data-value="All categories" 2545 data-select-value="All categories" 2546 @click="setProductType($el, true)" 2547 @keydown.enter="setProductType($el, true)" 2548 @keydown.space="setProductType($el, true)" 2549 > 2550 All categories 2551 </li> 2552 </ul> 2553 </div> 2554 </div> 2555 <label class="hidden"> 2556 <input 2557 name="product_type" 2558 class="select-option-selected" 2559 value="product_type:" 2560 data-disclosure-input 2561 @change="handleChangeProductType()" 2562 > 2563 </label> 2564 </select-element> 2565 2566 2567 <form 2568 id="form-search-sections--20172716769450__header" 2569 class="form-search grow z-0" 2570 action="/search" 2571 method="get" 2572 role="search" 2573 > 2574 <label 2575 for="search-in-modal-mobile" 2576 class="hidden" 2577 >Search...</label> 2578 <input 2579 id="search-in-modal-mobile" 2580 class="peer input-search py-1.5 text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]" 2581 type="search" 2582 2583 x-bind:class="isFocusedSearchForm && 'md:py-3 text-medium'" 2584 2585 name="q" 2586 value="" 2587 x-on:keydown="handleKeyUpModal($event)" 2588 @input.debounce.500ms="handleChangeInput()" 2589 @click="focusForm();" 2590 placeholder="What are you searching for?" 2591 x-ref="input_search" 2592 > 2593 <input 2594 type="hidden" 2595 name="type" 2596 value="product" 2597 > 2598 <input 2599 type="hidden" 2600 :value="productTypeSelected == 'All categories' ? '' : productTypeSelected" 2601 name="filter.p.product_type" 2602 x-bind:disabled="productTypeSelected == 'All categories'" 2603 > 2604 <button 2605 class="btn-search form-button absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2" 2606 aria-label="Search..." 2607 2608 >
2609 <span 2610 2611 ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2612 <path 2613 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 2614 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2615 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 2616 stroke-linejoin="round"/> 2617 </svg></span> 2618 2619 </button> 2620 2621 <button 2622 class="search__speech form-button absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current" 2623 x-data="xSpeechSearch($el)" 2624 x-show="show" 2625 x-cloak 2626 type="button" 2627 tabindex="0" 2628 aria-label="Voice" 2629 > 2630 <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2631 <path 2632 d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" 2633 fill="currentColor"></path> 2634 </svg> 2635 </button> 2636 2637<div 2638 x-ref="search_content" 2639 2640 class="header-search__results header-search__results--full absolute top-full mt-4 md:mt-7.5 w-full left-0 lg:pb-4" 2641 x-transition:enter="transition-[500ms_500ms] ease-out" 2642 2643 x-show="isFocusedSearchForm && (result !== '' )" 2644 x-transition:enter-start="opacity-0 transform translate-y-[30px]" 2645 x-transition:enter-end="opacity-100 transform translate-y-0" 2646 x-transition:leave="ease-in" 2647 x-transition:leave-start="opacity-100 transform translate-y-0" 2648 x-transition:leave-end="opacity-0 transform translate-y-[30px]" 2649 x-cloak 2650 x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__mobile', 'search-in-modal-mobile');" 2651 > 2652 <div 2653 id="search-result" 2654 class=" h-full color-bg-[rgba(var(--color-background))]" 2655 tabindex="-1" 2656 data-predictive-search 2657 x-html="result" 2658 x-cloak 2659 x-show="loading == false && openResults" 2660 x-transition:enter="transition-[500ms_500ms] ease-out" 2661 x-transition:enter-start="opacity-0" 2662 x-transition:enter-end="opacity-100" 2663 ></div> 2664 </div> 2665 </form> 2666 </div> 2667 </div> 2668 </div> 2669 2670 <div 2671 class="element-end-modal h-0 w-0 absolute pointer-events-none" 2672 :tabindex="isFocusedSearchForm ? '0' : '-1'" 2673 @focus="document.getElementById('SearchClose__mobile')?.focus()" 2674 ></div> 2675 </div> 2676 </div> 2677 2678</div><div class="header-item [grid-area:header-left] hidden lg:flex items-center flex-1 min-w-[33%]"> 2679 <div 2680 class="group/drawer flex items-center group-has-[#DrawerMenuDesktopPosition:empty]/drawer:hidden" 2681 x-intersect.once="$store.xHelper.setPosition('#DrawerMenuDesktopPosition', '#DrawerMenuDesktop'); $store.xHeaderMenu._drawerMenuEl = document.getElementById('DrawerMenu')" 2682 > 2683 <div id="DrawerMenuDesktopPosition" class="empty:hidden mr-3" x-ignore></div><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative"> 2684 <picture> 2685 <source 2686 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w, 2687 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w, 2688 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w, 2689 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w, 2690 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w, 2691 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w" 2692 media="(max-width: 1023px)" 2693 width="150" 2694 height="63" 2695 > 2696 <img 2697 srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w, 2698 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w, 2699 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w, 2700 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w, 2701 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w, 2702 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w, 2703 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w, 2704 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w, 2705 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w" 2706 loading="eager" 2707 sizes="(min-width: 768px) 450px, 150px" 2708 src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478" 2709 2710 :alt="(screen.width < 768) ? '' : ''" 2711 2712 class="object-cover h-full w-full image-sections--20172716769450__header" 2713 width="150" 2714 height="66" 2715 fetchpriority="high" 2716 decoding="sync" 2717 > 2718 </picture> 2719</span><span class="header-logo-width logo-image logo-light relative dark:hidden"> 2720 <picture> 2721 <source 2722 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 2723 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 2724 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 2725 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 2726 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 2727 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w" 2728 media="(max-width: 1023px)" 2729 width="150" 2730 height="63" 2731 > 2732 <img 2733 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 2734 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 2735 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 2736 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 2737 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 2738 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w, 2739 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w, 2740 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w, 2741 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w" 2742 loading="eager" 2743 sizes="(min-width: 768px) 450px, 150px" 2744 src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000" 2745 2746 :alt="(screen.width < 768) ? '' : ''" 2747 2748 class="object-cover h-full w-full image-sections--20172716769450__header" 2749 width="150" 2750 height="63" 2751 fetchpriority="high" 2752 decoding="sync" 2753 > 2754 </picture> 2755</span></a></div></div> 2756 2757 2758 <div 2759 class="flex gap-8 w-full min-w-0 rtl:pr-7.5 ltr:pl-7.5 items-center rtl:flex-row-reverse" 2760 > 2761 2762 <div 2763 class="header-container relative grow min-w-0 hidden lg:flex gap-2 items-center justify-center" 2764 x-data="xScrollMenu" 2765 > 2766 2767 <button 2768 class="scroll-nav main-menu-scroll-prev rounded-none disabled:opacity-40 z-20 disabled:cursor-not-allowed rtl:justify-end " 2769 x-show="isScrollable && !isAtStart" 2770 x-cloak 2771 @click="scrollLeft" 2772 :disabled="isAtStart" 2773 aria-label="Scroll left" 2774 >
2775 <span class="rotate-180"> 2776 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon"> 2777 <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2778 </svg> 2779 </span> 2780 </button> 2781 <nav 2782 class="main-menu-nav overflow-x-auto scrollbar-hidden px-0.5 " 2783 x-ref="menuList" 2784 @scroll="checkScroll()" 2785 2786 > 2787 <ul class="main-nav flex-nowrap w-max empty:hidden items-center"><li 2788 2789 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 2790 2791 @mouseleave="$el.classList.remove('is-focus');" 2792 @focusin="$el.classList.add('is-focus');" 2793 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 2794 class="first-menu-item menu-item main-menu-item" 2795 > 2796 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 2797 <a 2798 href="/collections/lights" 2799 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 2800 2801 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 2802 2803 2804 > 2805 2806 <span>Lights</span> 2807 2808<span 2809 class="icon-caret w-5 h-5 ps-2" 2810 tabindex="0" 2811 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 2812 ><svg 2813 width="100%" 2814 height="100%"
2815 viewBox="0 0 9 7" 2816 fill="none" 2817 xmlns="http://www.w3.org/2000/svg" 2818 style="fill: none;" 2819 > 2820 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 2821 stroke-linejoin="round"/> 2822 </svg></span></a> 2823 </div> 2824 <div 2825 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 2826 x-init="setPosition($el,1); resizeWindow($el,1)" 2827 inert 2828 > 2829 <ul class="pt-7.5 pb-7.5"> 2830 2831<li 2832 x-data="{ openSub: false }" 2833 class="relative pl-7.5 pr-7.5 font-normal" 2834 2835 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2836 @mouseleave="$el.classList.remove('is-focus-child');" 2837 @mouseover.away="openSub = false" 2838 @focusin="$el.classList.add('is-focus-child');" 2839 @focusout="$el.classList.remove('is-focus-child');" 2840 2841 > 2842 <div class="sub-menu flex items-center"> 2843 <span class="flex-1"> 2844 <a 2845 href="/products/nacho-supreme" 2846 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2847 2848 > 2849 <span class="link-animation relative">Supreme Series</span></a> 2850 </span> 2851 </div></li><li 2852 x-data="{ openSub: false }" 2853 class="relative pl-7.5 pr-7.5 font-normal" 2854 2855 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2856 @mouseleave="$el.classList.remove('is-focus-child');" 2857 @mouseover.away="openSub = false" 2858 @focusin="$el.classList.add('is-focus-child');" 2859 @focusout="$el.classList.remove('is-focus-child');" 2860 2861 > 2862 <div class="sub-menu flex items-center pt-3"> 2863 <span class="flex-1"> 2864 <a 2865 href="/products/nacho-grande" 2866 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2867 2868 > 2869 <span class="link-animation relative">Grande</span></a> 2870 </span> 2871 </div></li><li 2872 x-data="{ openSub: false }" 2873 class="relative pl-7.5 pr-7.5 font-normal" 2874 2875 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2876 @mouseleave="$el.classList.remove('is-focus-child');" 2877 @mouseover.away="openSub = false" 2878 @focusin="$el.classList.add('is-focus-child');" 2879 @focusout="$el.classList.remove('is-focus-child');" 2880 2881 > 2882 <div class="sub-menu flex items-center pt-3"> 2883 <span class="flex-1"> 2884 <a 2885 href="/products/nacho-quatro" 2886 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2887 2888 > 2889 <span class="link-animation relative">Quatro</span></a> 2890 </span> 2891 </div></li><li 2892 x-data="{ openSub: false }" 2893 class="relative pl-7.5 pr-7.5 font-normal" 2894 2895 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2896 @mouseleave="$el.classList.remove('is-focus-child');" 2897 @mouseover.away="openSub = false" 2898 @focusin="$el.classList.add('is-focus-child');" 2899 @focusout="$el.classList.remove('is-focus-child');" 2900 2901 > 2902 <div class="sub-menu flex items-center pt-3"> 2903 <span class="flex-1"> 2904 <a 2905 href="/products/nacho-nano" 2906 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2907 2908 > 2909 <span class="link-animation relative">NANO</span></a> 2910 </span> 2911 </div></li><li 2912 x-data="{ openSub: false }" 2913 class="relative pl-7.5 pr-7.5 font-normal" 2914 2915 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2916 @mouseleave="$el.classList.remove('is-focus-child');" 2917 @mouseover.away="openSub = false" 2918 @focusin="$el.classList.add('is-focus-child');" 2919 @focusout="$el.classList.remove('is-focus-child');" 2920 2921 > 2922 <div class="sub-menu flex items-center pt-3">
2923 <span class="flex-1"> 2924 <a 2925 href="/products/nacho-tm5" 2926 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2927 2928 > 2929 <span class="link-animation relative">TM5</span></a> 2930 </span> 2931 </div></li><li 2932 x-data="{ openSub: false }" 2933 class="relative pl-7.5 pr-7.5 font-normal" 2934 2935 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2936 @mouseleave="$el.classList.remove('is-focus-child');" 2937 @mouseover.away="openSub = false" 2938 @focusin="$el.classList.add('is-focus-child');" 2939 @focusout="$el.classList.remove('is-focus-child');" 2940 2941 > 2942 <div class="sub-menu flex items-center pt-3"> 2943 <span class="flex-1"> 2944 <a 2945 href="/products/nacho-quatro-sae" 2946 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2947 2948 > 2949 <span class="link-animation relative">Quatro SAE</span></a> 2950 </span> 2951 </div></li><li 2952 x-data="{ openSub: false }" 2953 class="relative pl-7.5 pr-7.5 font-normal" 2954 2955 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2956 @mouseleave="$el.classList.remove('is-focus-child');" 2957 @mouseover.away="openSub = false" 2958 @focusin="$el.classList.add('is-focus-child');" 2959 @focusout="$el.classList.remove('is-focus-child');" 2960 2961 > 2962 <div class="sub-menu flex items-center pt-3"> 2963 <span class="flex-1"> 2964 <a 2965 href="/products/quatro-chase" 2966 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2967 2968 > 2969 <span class="link-animation relative">Quatro Chase</span></a> 2970 </span> 2971 </div></li><li 2972 x-data="{ openSub: false }" 2973 class="relative pl-7.5 pr-7.5 font-normal" 2974 2975 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2976 @mouseleave="$el.classList.remove('is-focus-child');" 2977 @mouseover.away="openSub = false" 2978 @focusin="$el.classList.add('is-focus-child');" 2979 @focusout="$el.classList.remove('is-focus-child');" 2980 2981 > 2982 <div class="sub-menu flex items-center pt-3"> 2983 <span class="flex-1"> 2984 <a 2985 href="/products/quatro-adv" 2986 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2987 2988 > 2989 <span class="link-animation relative">Quatro ADV</span></a> 2990 </span> 2991 </div></li></ul> 2992 2993 </div> 2994 </li><li 2995 2996 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 2997 2998 @mouseleave="$el.classList.remove('is-focus');" 2999 @focusin="$el.classList.add('is-focus');" 3000 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3001 class="first-menu-item menu-item main-menu-item" 3002 > 3003 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3004 <a 3005 href="/collections/mounting" 3006 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3007 3008 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3009 3010 3011 > 3012 3013 <span>Mounting</span> 3014 3015<span 3016 class="icon-caret w-5 h-5 ps-2" 3017 tabindex="0" 3018 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3019 ><svg 3020 width="100%" 3021 height="100%"
3022 viewBox="0 0 9 7" 3023 fill="none" 3024 xmlns="http://www.w3.org/2000/svg" 3025 style="fill: none;" 3026 > 3027 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3028 stroke-linejoin="round"/> 3029 </svg></span></a> 3030 </div> 3031 <div 3032 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3033 x-init="setPosition($el,1); resizeWindow($el,1)" 3034 inert 3035 > 3036 <ul class="pt-7.5 pb-7.5"> 3037 3038<li 3039 x-data="{ openSub: false }" 3040 class="relative pl-7.5 pr-7.5 font-normal" 3041 3042 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3043 @mouseleave="$el.classList.remove('is-focus-child');" 3044 @mouseover.away="openSub = false" 3045 @focusin="$el.classList.add('is-focus-child');" 3046 @focusout="$el.classList.remove('is-focus-child');" 3047 3048 > 3049 <div class="sub-menu flex items-center"> 3050 <span class="flex-1"> 3051 <a 3052 href="#" 3053 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3054 3055 > 3056 <span class="link-animation relative">Kits</span><span 3057 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3058 @keyup.enter="openSub=!openSub" 3059 tabindex="0" 3060 ><svg 3061 width="100%" 3062 height="100%"
3063 viewBox="0 0 9 7" 3064 fill="none" 3065 xmlns="http://www.w3.org/2000/svg" 3066 style="fill: none;" 3067 > 3068 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3069 stroke-linejoin="round"/> 3070 </svg></span></a> 3071 </span> 3072 </div><div 3073 class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden" 3074 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3075 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3076 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3077 > 3078 <span 3079 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3080 :class="!openSub && 'scale-x-0'" 3081 ></span> 3082 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3083 <div class="flex items-center"> 3084 <span class="flex-1"> 3085 <a 3086 href="/products/bronco-fog-kit" 3087 class="link-animation link inline-block x-break-words relative w-full " 3088 > 3089 <span>Bronco Plug N Play Kit</span> 3090 </a> 3091 </span> 3092 </div> 3093 </li><li class="relative pl-7.5 pr-7.5"> 3094 <div class="flex items-center pt-3"> 3095 <span class="flex-1"> 3096 <a 3097 href="/products/jl-jt-sae-fog-kit" 3098 class="link-animation link inline-block x-break-words relative w-full " 3099 > 3100 <span>Jeep JL/JT Plug N Play Kit</span> 3101 </a> 3102 </span> 3103 </div> 3104 </li><li class="relative pl-7.5 pr-7.5"> 3105 <div class="flex items-center pt-3"> 3106 <span class="flex-1"> 3107 <a 3108 href="/products/toyota-sae-fog-kit" 3109 class="link-animation link inline-block x-break-words relative w-full " 3110 > 3111 <span>Toyota Plug N Play Kit</span> 3112 </a> 3113 </span> 3114 </div> 3115 </li><li class="relative pl-7.5 pr-7.5"> 3116 <div class="flex items-center pt-3"> 3117 <span class="flex-1"> 3118 <a 3119 href="/products/universal-reverse-kit" 3120 class="link-animation link inline-block x-break-words relative w-full " 3121 > 3122 <span>Reverse Kit</span> 3123 </a> 3124 </span> 3125 </div> 3126 </li><li class="relative pl-7.5 pr-7.5"> 3127 <div class="flex items-center pt-3"> 3128 <span class="flex-1"> 3129 <a 3130 href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens" 3131 class="link-animation link inline-block x-break-words relative w-full " 3132 > 3133 <span>Sprinter Front Bumper Kit</span> 3134 </a> 3135 </span> 3136 </div> 3137 </li><li class="relative pl-7.5 pr-7.5"> 3138 <div class="flex items-center pt-3"> 3139 <span class="flex-1"> 3140 <a 3141 href="/products/sprinter-fog-light-kit" 3142 class="link-animation link inline-block x-break-words relative w-full " 3143 > 3144 <span>Sprinter Fog Kit</span> 3145 </a> 3146 </span> 3147 </div> 3148 </li><li class="relative pl-7.5 pr-7.5"> 3149 <div class="flex items-center pt-3">
3150 <span class="flex-1"> 3151 <a 3152 href="/products/promaster-fog-light-kit-amber" 3153 class="link-animation link inline-block x-break-words relative w-full " 3154 > 3155 <span>Promaster Fog Kit</span> 3156 </a> 3157 </span> 3158 </div> 3159 </li><li class="relative pl-7.5 pr-7.5"> 3160 <div class="flex items-center pt-3"> 3161 <span class="flex-1"> 3162 <a 3163 href="/products/nano-arb-kit" 3164 class="link-animation link inline-block x-break-words relative w-full " 3165 > 3166 <span>ARB Base Rack NANO Kit</span> 3167 </a> 3168 </span> 3169 </div> 3170 </li></ul> 3171 </div></li><li 3172 x-data="{ openSub: false }" 3173 class="relative pl-7.5 pr-7.5 font-normal" 3174 3175 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3176 @mouseleave="$el.classList.remove('is-focus-child');" 3177 @mouseover.away="openSub = false" 3178 @focusin="$el.classList.add('is-focus-child');" 3179 @focusout="$el.classList.remove('is-focus-child');" 3180 3181 > 3182 <div class="sub-menu flex items-center pt-3"> 3183 <span class="flex-1"> 3184 <a 3185 href="/collections/mounting" 3186 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3187 3188 > 3189 <span class="link-animation relative">Mounts</span><span 3190 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3191 @keyup.enter="openSub=!openSub" 3192 tabindex="0" 3193 ><svg 3194 width="100%" 3195 height="100%"
3196 viewBox="0 0 9 7" 3197 fill="none" 3198 xmlns="http://www.w3.org/2000/svg" 3199 style="fill: none;" 3200 > 3201 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3202 stroke-linejoin="round"/> 3203 </svg></span></a> 3204 </span> 3205 </div><div 3206 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3207 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3208 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3209 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3210 > 3211 <span 3212 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3213 :class="!openSub && 'scale-x-0'" 3214 ></span> 3215 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3216 <div class="flex items-center"> 3217 <span class="flex-1"> 3218 <a 3219 href="/collections/mounting" 3220 class="link-animation link inline-block x-break-words relative w-full " 3221 > 3222 <span>All Mounts</span> 3223 </a> 3224 </span> 3225 </div> 3226 </li><li class="relative pl-7.5 pr-7.5"> 3227 <div class="flex items-center pt-3"> 3228 <span class="flex-1"> 3229 <a 3230 href="/collections/arb-mounts" 3231 class="link-animation link inline-block x-break-words relative w-full " 3232 > 3233 <span>ARB</span> 3234 </a> 3235 </span> 3236 </div> 3237 </li><li class="relative pl-7.5 pr-7.5"> 3238 <div class="flex items-center pt-3"> 3239 <span class="flex-1"> 3240 <a 3241 href="/products/nano-arb-kit" 3242 class="link-animation link inline-block x-break-words relative w-full " 3243 > 3244 <span>ARB NANO Kit</span> 3245 </a> 3246 </span> 3247 </div> 3248 </li><li class="relative pl-7.5 pr-7.5"> 3249 <div class="flex items-center pt-3"> 3250 <span class="flex-1"> 3251 <a 3252 href="/collections/ford-products" 3253 class="link-animation link inline-block x-break-words relative w-full " 3254 > 3255 <span>Ford</span> 3256 </a> 3257 </span> 3258 </div> 3259 </li><li class="relative pl-7.5 pr-7.5"> 3260 <div class="flex items-center pt-3"> 3261 <span class="flex-1"> 3262 <a 3263 href="/collections/jeep-products" 3264 class="link-animation link inline-block x-break-words relative w-full " 3265 > 3266 <span>Jeep</span> 3267 </a> 3268 </span> 3269 </div> 3270 </li><li class="relative pl-7.5 pr-7.5"> 3271 <div class="flex items-center pt-3"> 3272 <span class="flex-1"> 3273 <a 3274 href="/products/nano-mount-pair" 3275 class="link-animation link inline-block x-break-words relative w-full " 3276 > 3277 <span>NANO Mounts</span> 3278 </a> 3279 </span> 3280 </div> 3281 </li><li class="relative pl-7.5 pr-7.5"> 3282 <div class="flex items-center pt-3"> 3283 <span class="flex-1"> 3284 <a
3285 href="/collections/toyota-products" 3286 class="link-animation link inline-block x-break-words relative w-full " 3287 > 3288 <span>Toyota</span> 3289 </a> 3290 </span> 3291 </div> 3292 </li><li class="relative pl-7.5 pr-7.5"> 3293 <div class="flex items-center pt-3"> 3294 <span class="flex-1"> 3295 <a 3296 href="/products/ac13u" 3297 class="link-animation link inline-block x-break-words relative w-full " 3298 > 3299 <span>Quatro Flush Mount</span> 3300 </a> 3301 </span> 3302 </div> 3303 </li></ul> 3304 </div></li></ul> 3305 3306 <div 3307 class="hidden 1" 3308 x-init="setPosition($el,2); resizeWindow($el,2)" 3309 ></div> 3310 3311 </div> 3312 </li><li 3313 3314 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3315 3316 @mouseleave="$el.classList.remove('is-focus');" 3317 @focusin="$el.classList.add('is-focus');" 3318 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3319 class="first-menu-item menu-item main-menu-item" 3320 > 3321 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3322 <a 3323 href="/collections/accessories" 3324 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3325 3326 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3327 3328 3329 > 3330 3331 <span>Accessories</span> 3332 3333<span 3334 class="icon-caret w-5 h-5 ps-2" 3335 tabindex="0" 3336 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3337 ><svg 3338 width="100%" 3339 height="100%"
3340 viewBox="0 0 9 7" 3341 fill="none" 3342 xmlns="http://www.w3.org/2000/svg" 3343 style="fill: none;" 3344 > 3345 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3346 stroke-linejoin="round"/> 3347 </svg></span></a> 3348 </div> 3349 <div 3350 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3351 x-init="setPosition($el,1); resizeWindow($el,1)" 3352 inert 3353 > 3354 <ul class="pt-7.5 pb-7.5"> 3355 3356<li 3357 x-data="{ openSub: false }" 3358 class="relative pl-7.5 pr-7.5 font-normal" 3359 3360 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3361 @mouseleave="$el.classList.remove('is-focus-child');" 3362 @mouseover.away="openSub = false" 3363 @focusin="$el.classList.add('is-focus-child');" 3364 @focusout="$el.classList.remove('is-focus-child');" 3365 3366 > 3367 <div class="sub-menu flex items-center"> 3368 <span class="flex-1"> 3369 <a 3370 href="#" 3371 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3372 3373 > 3374 <span class="link-animation relative">Grande</span><span 3375 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3376 @keyup.enter="openSub=!openSub" 3377 tabindex="0" 3378 ><svg 3379 width="100%" 3380 height="100%"
3381 viewBox="0 0 9 7" 3382 fill="none" 3383 xmlns="http://www.w3.org/2000/svg" 3384 style="fill: none;" 3385 > 3386 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3387 stroke-linejoin="round"/> 3388 </svg></span></a> 3389 </span> 3390 </div><div 3391 class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden" 3392 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3393 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3394 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3395 > 3396 <span 3397 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3398 :class="!openSub && 'scale-x-0'" 3399 ></span> 3400 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3401 <div class="flex items-center"> 3402 <span class="flex-1"> 3403 <a 3404 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146" 3405 class="link-animation link inline-block x-break-words relative w-full " 3406 > 3407 <span>Cover</span> 3408 </a> 3409 </span> 3410 </div> 3411 </li><li class="relative pl-7.5 pr-7.5"> 3412 <div class="flex items-center pt-3"> 3413 <span class="flex-1"> 3414 <a 3415 href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778" 3416 class="link-animation link inline-block x-break-words relative w-full " 3417 > 3418 <span>Exo-Skeleton</span> 3419 </a> 3420 </span> 3421 </div> 3422 </li><li class="relative pl-7.5 pr-7.5"> 3423 <div class="flex items-center pt-3"> 3424 <span class="flex-1"> 3425 <a 3426 href="/products/sorcery-wand" 3427 class="link-animation link inline-block x-break-words relative w-full " 3428 > 3429 <span>Sorcery Wand</span> 3430 </a> 3431 </span> 3432 </div> 3433 </li><li class="relative pl-7.5 pr-7.5"> 3434 <div class="flex items-center pt-3"> 3435 <span class="flex-1"> 3436 <a 3437 href="/products/nacho-window-shades" 3438 class="link-animation link inline-block x-break-words relative w-full " 3439 > 3440 <span>Window Shades</span> 3441 </a> 3442 </span> 3443 </div> 3444 </li></ul> 3445 </div></li><li 3446 x-data="{ openSub: false }" 3447 class="relative pl-7.5 pr-7.5 font-normal" 3448 3449 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3450 @mouseleave="$el.classList.remove('is-focus-child');" 3451 @mouseover.away="openSub = false" 3452 @focusin="$el.classList.add('is-focus-child');" 3453 @focusout="$el.classList.remove('is-focus-child');" 3454 3455 > 3456 <div class="sub-menu flex items-center pt-3"> 3457 <span class="flex-1"> 3458 <a 3459 href="#" 3460 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3461 3462 > 3463 <span class="link-animation relative">Quatro</span><span 3464 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3465 @keyup.enter="openSub=!openSub" 3466 tabindex="0" 3467 ><svg 3468 width="100%" 3469 height="100%"
3470 viewBox="0 0 9 7" 3471 fill="none" 3472 xmlns="http://www.w3.org/2000/svg" 3473 style="fill: none;" 3474 > 3475 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3476 stroke-linejoin="round"/> 3477 </svg></span></a> 3478 </span> 3479 </div><div 3480 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3481 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3482 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3483 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3484 > 3485 <span 3486 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3487 :class="!openSub && 'scale-x-0'" 3488 ></span> 3489 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3490 <div class="flex items-center"> 3491 <span class="flex-1"> 3492 <a 3493 href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178" 3494 class="link-animation link inline-block x-break-words relative w-full " 3495 > 3496 <span>Cover</span> 3497 </a> 3498 </span> 3499 </div> 3500 </li><li class="relative pl-7.5 pr-7.5"> 3501 <div class="flex items-center pt-3"> 3502 <span class="flex-1"> 3503 <a 3504 href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546" 3505 class="link-animation link inline-block x-break-words relative w-full " 3506 > 3507 <span>Exo-Skeleton</span> 3508 </a> 3509 </span> 3510 </div> 3511 </li><li class="relative pl-7.5 pr-7.5"> 3512 <div class="flex items-center pt-3"> 3513 <span class="flex-1"> 3514 <a 3515 href="/products/ac13u" 3516 class="link-animation link inline-block x-break-words relative w-full " 3517 > 3518 <span>Flush Mount</span> 3519 </a> 3520 </span> 3521 </div> 3522 </li><li class="relative pl-7.5 pr-7.5"> 3523 <div class="flex items-center pt-3"> 3524 <span class="flex-1"> 3525 <a 3526 href="/products/nacho-window-shades" 3527 class="link-animation link inline-block x-break-words relative w-full " 3528 > 3529 <span>Window Shades</span> 3530 </a> 3531 </span> 3532 </div> 3533 </li><li class="relative pl-7.5 pr-7.5"> 3534 <div class="flex items-center pt-3"> 3535 <span class="flex-1"> 3536 <a 3537 href="/products/set-back-quatro-bracket" 3538 class="link-animation link inline-block x-break-words relative w-full " 3539 > 3540 <span>Set Back Bracket</span> 3541 </a> 3542 </span> 3543 </div> 3544 </li></ul> 3545 </div></li><li 3546 x-data="{ openSub: false }" 3547 class="relative pl-7.5 pr-7.5 font-normal" 3548 3549 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3550 @mouseleave="$el.classList.remove('is-focus-child');" 3551 @mouseover.away="openSub = false" 3552 @focusin="$el.classList.add('is-focus-child');" 3553 @focusout="$el.classList.remove('is-focus-child');" 3554 3555 > 3556 <div class="sub-menu flex items-center pt-3">
3557 <span class="flex-1"> 3558 <a 3559 href="#" 3560 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3561 3562 > 3563 <span class="link-animation relative">NANO</span><span 3564 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3565 @keyup.enter="openSub=!openSub" 3566 tabindex="0" 3567 ><svg 3568 width="100%" 3569 height="100%" 3570 viewBox="0 0 9 7" 3571 fill="none" 3572 xmlns="http://www.w3.org/2000/svg" 3573 style="fill: none;" 3574 > 3575 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3576 stroke-linejoin="round"/> 3577 </svg></span></a> 3578 </span> 3579 </div><div 3580 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3581 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3582 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3583 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3584 > 3585 <span 3586 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3587 :class="!openSub && 'scale-x-0'" 3588 ></span> 3589 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3590 <div class="flex items-center"> 3591 <span class="flex-1"> 3592 <a 3593 href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290" 3594 class="link-animation link inline-block x-break-words relative w-full " 3595 > 3596 <span>NANO Harness</span> 3597 </a> 3598 </span> 3599 </div> 3600 </li><li class="relative pl-7.5 pr-7.5"> 3601 <div class="flex items-center pt-3"> 3602 <span class="flex-1"> 3603 <a 3604 href="https://www.nachooffroadtechnology.com/products/nano-y-splitter" 3605 class="link-animation link inline-block x-break-words relative w-full " 3606 > 3607 <span>NANO Y-Splitter</span> 3608 </a> 3609 </span> 3610 </div> 3611 </li></ul> 3612 </div></li><li 3613 x-data="{ openSub: false }" 3614 class="relative pl-7.5 pr-7.5 font-normal" 3615 3616 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3617 @mouseleave="$el.classList.remove('is-focus-child');" 3618 @mouseover.away="openSub = false" 3619 @focusin="$el.classList.add('is-focus-child');" 3620 @focusout="$el.classList.remove('is-focus-child');" 3621 3622 > 3623 <div class="sub-menu flex items-center pt-3"> 3624 <span class="flex-1"> 3625 <a 3626 href="#" 3627 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3628 3629 > 3630 <span class="link-animation relative">TM5</span><span 3631 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3632 @keyup.enter="openSub=!openSub" 3633 tabindex="0" 3634 ><svg 3635 width="100%" 3636 height="100%"
3637 viewBox="0 0 9 7" 3638 fill="none" 3639 xmlns="http://www.w3.org/2000/svg" 3640 style="fill: none;" 3641 > 3642 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3643 stroke-linejoin="round"/> 3644 </svg></span></a> 3645 </span> 3646 </div><div 3647 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3648 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3649 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3650 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3651 > 3652 <span 3653 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3654 :class="!openSub && 'scale-x-0'" 3655 ></span> 3656 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3657 <div class="flex items-center"> 3658 <span class="flex-1"> 3659 <a 3660 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946" 3661 class="link-animation link inline-block x-break-words relative w-full " 3662 > 3663 <span>Cover</span> 3664 </a> 3665 </span> 3666 </div> 3667 </li></ul> 3668 </div></li><li 3669 x-data="{ openSub: false }" 3670 class="relative pl-7.5 pr-7.5 font-normal" 3671 3672 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3673 @mouseleave="$el.classList.remove('is-focus-child');" 3674 @mouseover.away="openSub = false" 3675 @focusin="$el.classList.add('is-focus-child');" 3676 @focusout="$el.classList.remove('is-focus-child');" 3677 3678 > 3679 <div class="sub-menu flex items-center pt-3"> 3680 <span class="flex-1"> 3681 <a 3682 href="/collections/harness-switches" 3683 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3684 3685 > 3686 <span class="link-animation relative">Harnesses & Switches</span></a> 3687 </span> 3688 </div></li></ul> 3689 3690 <div 3691 class="hidden 1" 3692 x-init="setPosition($el,2); resizeWindow($el,2)" 3693 ></div> 3694 3695 </div> 3696 </li><li 3697 3698 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3699 3700 @mouseleave="$el.classList.remove('is-focus');" 3701 @focusin="$el.classList.add('is-focus');" 3702 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3703 class="first-menu-item menu-item main-menu-item" 3704 > 3705 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3706 <a 3707 href="#" 3708 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3709 3710 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3711 3712 3713 > 3714 3715 <span>Powersports</span> 3716 3717<span 3718 class="icon-caret w-5 h-5 ps-2" 3719 tabindex="0" 3720 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3721 ><svg 3722 width="100%" 3723 height="100%"
3724 viewBox="0 0 9 7" 3725 fill="none" 3726 xmlns="http://www.w3.org/2000/svg" 3727 style="fill: none;" 3728 > 3729 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3730 stroke-linejoin="round"/> 3731 </svg></span></a> 3732 </div> 3733 <div 3734 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3735 x-init="setPosition($el,1); resizeWindow($el,1)" 3736 inert 3737 > 3738 <ul class="pt-7.5 pb-7.5"> 3739 3740<li 3741 x-data="{ openSub: false }" 3742 class="relative pl-7.5 pr-7.5 font-normal" 3743 3744 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3745 @mouseleave="$el.classList.remove('is-focus-child');" 3746 @mouseover.away="openSub = false" 3747 @focusin="$el.classList.add('is-focus-child');" 3748 @focusout="$el.classList.remove('is-focus-child');" 3749 3750 > 3751 <div class="sub-menu flex items-center"> 3752 <span class="flex-1"> 3753 <a 3754 href="/products/quatro-adv" 3755 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3756 3757 > 3758 <span class="link-animation relative">Quatro ADV</span></a> 3759 </span> 3760 </div></li><li 3761 x-data="{ openSub: false }" 3762 class="relative pl-7.5 pr-7.5 font-normal" 3763 3764 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3765 @mouseleave="$el.classList.remove('is-focus-child');" 3766 @mouseover.away="openSub = false" 3767 @focusin="$el.classList.add('is-focus-child');" 3768 @focusout="$el.classList.remove('is-focus-child');" 3769 3770 > 3771 <div class="sub-menu flex items-center pt-3"> 3772 <span class="flex-1"> 3773 <a 3774 href="/collections/husqvarna-mounts" 3775 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3776 3777 > 3778 <span class="link-animation relative">Husqvarna</span></a> 3779 </span> 3780 </div></li><li 3781 x-data="{ openSub: false }" 3782 class="relative pl-7.5 pr-7.5 font-normal" 3783 3784 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3785 @mouseleave="$el.classList.remove('is-focus-child');" 3786 @mouseover.away="openSub = false" 3787 @focusin="$el.classList.add('is-focus-child');" 3788 @focusout="$el.classList.remove('is-focus-child');" 3789 3790 > 3791 <div class="sub-menu flex items-center pt-3"> 3792 <span class="flex-1"> 3793 <a 3794 href="/collections/ktm-mounts" 3795 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3796 3797 > 3798 <span class="link-animation relative">KTM</span></a> 3799 </span> 3800 </div></li><li 3801 x-data="{ openSub: false }" 3802 class="relative pl-7.5 pr-7.5 font-normal" 3803 3804 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3805 @mouseleave="$el.classList.remove('is-focus-child');" 3806 @mouseover.away="openSub = false" 3807 @focusin="$el.classList.add('is-focus-child');" 3808 @focusout="$el.classList.remove('is-focus-child');" 3809 3810 > 3811 <div class="sub-menu flex items-center pt-3"> 3812 <span class="flex-1"> 3813 <a 3814 href="/collections/polaris-products" 3815 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3816 3817 > 3818 <span class="link-animation relative">Polaris</span></a> 3819 </span> 3820 </div></li></ul> 3821 3822 </div> 3823 </li><li 3824 3825 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3826 3827 @mouseleave="$el.classList.remove('is-focus');" 3828 @focusin="$el.classList.add('is-focus');" 3829 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3830 class="first-menu-item menu-item main-menu-item" 3831 > 3832 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3833 <a 3834 href="#" 3835 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3836 3837 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3838 3839 3840 > 3841
3842 <span>Fleet</span> 3843 3844<span 3845 class="icon-caret w-5 h-5 ps-2" 3846 tabindex="0" 3847 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3848 ><svg 3849 width="100%" 3850 height="100%" 3851 viewBox="0 0 9 7" 3852 fill="none" 3853 xmlns="http://www.w3.org/2000/svg" 3854 style="fill: none;" 3855 > 3856 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3857 stroke-linejoin="round"/> 3858 </svg></span></a> 3859 </div> 3860 <div 3861 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3862 x-init="setPosition($el,1); resizeWindow($el,1)" 3863 inert 3864 > 3865 <ul class="pt-7.5 pb-7.5"> 3866 3867<li 3868 x-data="{ openSub: false }" 3869 class="relative pl-7.5 pr-7.5 font-normal" 3870 3871 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3872 @mouseleave="$el.classList.remove('is-focus-child');" 3873 @mouseover.away="openSub = false" 3874 @focusin="$el.classList.add('is-focus-child');" 3875 @focusout="$el.classList.remove('is-focus-child');" 3876 3877 > 3878 <div class="sub-menu flex items-center"> 3879 <span class="flex-1"> 3880 <a 3881 href="/products/quatro-red-blue-emergency" 3882 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3883 3884 > 3885 <span class="link-animation relative">Quatro Emergency</span></a> 3886 </span> 3887 </div></li><li 3888 x-data="{ openSub: false }" 3889 class="relative pl-7.5 pr-7.5 font-normal" 3890 3891 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3892 @mouseleave="$el.classList.remove('is-focus-child');" 3893 @mouseover.away="openSub = false" 3894 @focusin="$el.classList.add('is-focus-child');" 3895 @focusout="$el.classList.remove('is-focus-child');" 3896 3897 > 3898 <div class="sub-menu flex items-center pt-3"> 3899 <span class="flex-1"> 3900 <a 3901 href="/products/nacho-tm5-fleet" 3902 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3903 3904 > 3905 <span class="link-animation relative">TM5</span></a> 3906 </span> 3907 </div></li></ul> 3908 3909 </div> 3910 </li><li 3911 3912 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3913 3914 @mouseleave="$el.classList.remove('is-focus');" 3915 @focusin="$el.classList.add('is-focus');" 3916 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3917 class="first-menu-item menu-item main-menu-item" 3918 > 3919 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3920 <a 3921 href="/collections/apparel" 3922 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block" 3923 3924 3925 > 3926 3927 <span>Apparel</span> 3928 3929</a> 3930 </div> 3931 3932 </li><li 3933 3934 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3935 3936 @mouseleave="$el.classList.remove('is-focus');" 3937 @focusin="$el.classList.add('is-focus');" 3938 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3939 class="first-menu-item menu-item main-menu-item" 3940 > 3941 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3942 <a 3943 href="/pages/media" 3944 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block" 3945 3946 3947 > 3948
3949 <span>Media</span> 3950 3951</a> 3952 </div> 3953 3954 </li><li 3955 3956 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3957 3958 @mouseleave="$el.classList.remove('is-focus');" 3959 @focusin="$el.classList.add('is-focus');" 3960 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3961 class="first-menu-item menu-item main-menu-item" 3962 > 3963 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3964 <a 3965 href="#" 3966 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center active" 3967 3968 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3969 3970 3971 > 3972 3973 <span>Team Nacho</span> 3974 3975<span 3976 class="icon-caret w-5 h-5 ps-2" 3977 tabindex="0" 3978 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3979 ><svg 3980 width="100%" 3981 height="100%"
3982 viewBox="0 0 9 7" 3983 fill="none" 3984 xmlns="http://www.w3.org/2000/svg" 3985 style="fill: none;" 3986 > 3987 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3988 stroke-linejoin="round"/> 3989 </svg></span></a> 3990 </div> 3991 <div 3992 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3993 x-init="setPosition($el,1); resizeWindow($el,1)" 3994 inert 3995 > 3996 <ul class="pt-7.5 pb-7.5"> 3997 3998<li 3999 x-data="{ openSub: false }" 4000 class="relative pl-7.5 pr-7.5 font-normal" 4001 4002 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4003 @mouseleave="$el.classList.remove('is-focus-child');" 4004 @mouseover.away="openSub = false" 4005 @focusin="$el.classList.add('is-focus-child');" 4006 @focusout="$el.classList.remove('is-focus-child');" 4007 4008 > 4009 <div class="sub-menu flex items-center"> 4010 <span class="flex-1"> 4011 <a 4012 href="/pages/contact" 4013 class="link relative x-break-words justify-between inline-block w-full duration-200 transition active" 4014 4015 > 4016 <span class="link-animation relative">Contact</span></a> 4017 </span> 4018 </div></li><li 4019 x-data="{ openSub: false }" 4020 class="relative pl-7.5 pr-7.5 font-normal" 4021 4022 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4023 @mouseleave="$el.classList.remove('is-focus-child');" 4024 @mouseover.away="openSub = false" 4025 @focusin="$el.classList.add('is-focus-child');" 4026 @focusout="$el.classList.remove('is-focus-child');" 4027 4028 > 4029 <div class="sub-menu flex items-center pt-3"> 4030 <span class="flex-1"> 4031 <a 4032 href="/pages/racer-application" 4033 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 4034 4035 > 4036 <span class="link-animation relative">Racer Application</span></a> 4037 </span> 4038 </div></li></ul> 4039 4040 </div> 4041 </li></ul> 4042 </nav> 4043 <button 4044 class="scroll-nav main-menu-scroll-next z-20 rounded-none disabled:opacity-40 disabled:cursor-not-allowed " 4045 x-show="isScrollable && !isAtEnd" 4046 x-cloak 4047 @click="scrollRight" 4048 :disabled="isAtEnd" 4049 aria-label="Scroll right" 4050 > 4051 4052 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon"> 4053 <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4054 </svg> 4055 4056 </button> 4057 </div> 4058 </div> 4059 4060</div><div class="w-full [grid-area:header-center] lg:hidden"> 4061 <div class=""><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative"> 4062 <picture> 4063 <source 4064 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w, 4065 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w, 4066 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w, 4067 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w, 4068 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w, 4069 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w" 4070 media="(max-width: 1023px)" 4071 width="150" 4072 height="63" 4073 > 4074 <img 4075 srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w, 4076 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w, 4077 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w, 4078 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w, 4079 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w, 4080 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w, 4081 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w, 4082 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w, 4083 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w" 4084 loading="eager" 4085 sizes="(min-width: 768px) 450px, 150px" 4086 src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478" 4087 4088 :alt="(screen.width < 768) ? '' : ''" 4089 4090 class="object-cover h-full w-full image-sections--20172716769450__header" 4091 width="150" 4092 height="66" 4093 fetchpriority="high" 4094 decoding="sync" 4095 > 4096 </picture> 4097</span><span class="header-logo-width logo-image logo-light relative dark:hidden"> 4098 <picture> 4099 <source 4100 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 4101 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 4102 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 4103 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 4104 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 4105 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w" 4106 media="(max-width: 1023px)" 4107 width="150" 4108 height="63" 4109 > 4110 <img 4111 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 4112 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 4113 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 4114 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 4115 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 4116 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w, 4117 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w, 4118 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w, 4119 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w" 4120 loading="eager" 4121 sizes="(min-width: 768px) 450px, 150px" 4122 src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000" 4123 4124 :alt="(screen.width < 768) ? '' : ''" 4125 4126 class="object-cover h-full w-full image-sections--20172716769450__header" 4127 width="150" 4128 height="63" 4129 fetchpriority="high" 4130 decoding="sync" 4131 > 4132 </picture> 4133</span></a></div></div></div><div class="header-item [grid-area:header-right] flex items-center justify-end gap-5"><div class="hidden lg:block"><div class="toggle-theme-mode will-change-transform"> 4134 <label 4135 id="darkLabel-desktop" 4136 class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer " 4137 :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''" 4138 tabindex="0" 4139 @keyup.enter="$el.click()" 4140 > 4141 <input 4142 @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();" 4143 type="checkbox" 4144 id="check-mode-desktop" 4145 class="input-check-mode absolute top-0 left-0 w-full h-full invisible" 4146 >
4147 <span class="toggle-body block overflow-hidden"> 4148 <span class="toggle-body-inner"> 4149 <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4150 <path 4151 d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z" 4152 fill="currentColor"/> 4153 </svg></span> 4154 <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4155 <path 4156 d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z" 4157 fill="currentColor"/> 4158 <path 4159 d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z" 4160 fill="currentColor"/> 4161 <path 4162 d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z" 4163 fill="currentColor"/> 4164 <path 4165 d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z" 4166 fill="currentColor"/> 4167 <path 4168 d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z" 4169 fill="currentColor"/> 4170 <path 4171 d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4171552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z" 4172 fill="currentColor"/> 4173 <path 4174 d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z" 4175 fill="currentColor"/> 4176 <path 4177 d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z" 4178 fill="currentColor"/> 4179 <path 4180 d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z" 4181 fill="currentColor"/> 4182 </svg></span> 4183 4184 <span class="icon-toggle-theme-mode-loading"> 4185 <span class="animate-spin block icon"> 4186 <svg 4187 version="1.0" 4188 xmlns="http://www.w3.org/2000/svg"
4189 viewBox="0 0 512.000000 512.000000" 4190 preserveAspectRatio="xMidYMid meet" 4191 > 4192 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4193 fill="currentColor" stroke="none"> 4194 <path 4195 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4196 </g> 4197 </svg> 4198 </span> 4199 </span> 4200 </span> 4201 </span> 4202 </label> 4203 </div></div><div class="x-header-store-selector-desktop self-center lg:block hidden empty:hidden lg:max-w-[200px]"></div> 4204 <div class="hidden lg:flex items-center gap-2 empty:hidden"> 4205 4206 4207 4208 4209 <div 4210 x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')" 4211 class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1" 4212 @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();" 4213 @click.away="isFocusedSearchForm && close()" 4214 > 4215 4216 4217 4218 <a 4219 id="SearchOpen" 4220 href="/search" 4221 aria-label="Search..." 4222 role="button" 4223 class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto" 4224 @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');" 4225 > 4226 <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4227 <path 4228 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 4229 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4230 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 4231 stroke-linejoin="round"/> 4232 </svg></span> 4233 </a> 4234 4235 4236 4237 <div 4238 id="FormSearch__desktop" 4239 x-ref="open_search" 4240 4241 4242 class="form-search-wrapper search-popup relative hidden md:flex flex-col md:absolute left-0 top-0 origin-top h-full ease-in-out overflow-hidden invisible" 4243 4244 :class="isFocusedSearchForm ? '!visible !block is-open' : ''" 4245 4246 > 4247 4248 4249 <div 4250 class="header-search__scrim--compact fixed top-0 lg:top-0 -z-10 lg:z-30 bottom-0 right-0 left-0 transition-opacity duration-500 cursor-pointer" 4251 :class="isFocusedSearchForm ? '' : 'opacity-0 invisible'" 4252 x-cloak 4253 x-on:click="close(); $store.xFocusElement.removeTrapFocus();" 4254 ></div> 4255 4256 4257 4258 4259 <div 4260 class="search-box-wrapper relative mt-3 lg:mt-0 md:top-0 w-full" 4261 data-loading-text="Loading" 4262 4263 4264 > 4265 <div 4266 4267 id="SearchBarFixed__desktop" 4268 4269 x-ref="search_bar_fixed" 4270 class="mx-auto w-full relative header-search__bar--compact z-50 px-0 py-0 lg:py-2 lg:px-2 rounded-corners" 4271 4272 :class="isFocusedSearchForm ? 'lg:!fixed left-0 right-0 search-expand-open' : 'search-expand-closed'" 4273 4274 > 4275 <div 4276 class="header-search-inner h-full w-full field flex items-center border rounded-corners color-bg-[rgba(var(--color-background))] py-1 lg:py-1.5 px-1 lg:px-1.5" 4277 4278 > 4279 4280 <select-element 4281 class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 max-w-[40%] " 4282 data-picker-type="dropdown" 4283 > 4284 <div class="select relative"> 4285 <div 4286 class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full w-[120px] lg:w-36 xl:w-[10.5rem] gap-2 lg:gap-5 py-2 px-3 md:py-1.5 md:px-3" 4287 role="button" 4288 tabindex="0" 4289 aria-expanded="false" 4290 aria-controls="CategoriesList" 4291 aria-describedby="CategoriesHeading" 4292 4293 @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')" 4294 >
4295 <span 4296 class="select-button__label line-clamp-1 flex-1 p-break-words" 4297 data-section-id="sections--20172716769450__header" 4298 > 4299 All categories 4300 </span> 4301 <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg 4302 width="100%" 4303 height="100%" 4304 viewBox="0 0 9 7" 4305 fill="none" 4306 xmlns="http://www.w3.org/2000/svg" 4307 style="fill: none;" 4308 > 4309 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4310 stroke-linejoin="round"/> 4311 </svg></span> 4312 <div 4313 class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners" 4314 x-show="loadingProductType === 'loading'" 4315 x-cloak 4316 > 4317 <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg 4318 version="1.0" 4319 xmlns="http://www.w3.org/2000/svg"
4320 viewBox="0 0 512.000000 512.000000" 4321 preserveAspectRatio="xMidYMid meet" 4322 > 4323 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4324 fill="currentColor" stroke="none"> 4325 <path 4326 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4327 </g> 4328 </svg></span> 4329 </div> 4330 </div> 4331 <div 4332 class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]" 4333 data-adjust-position="false" 4334 > 4335 <ul 4336 role="listbox" 4337 class="select-options hidden" 4338 aria-label="CategoriesList" 4339 > 4340 <li 4341 tabindex="-1" 4342 class="select-option hidden" 4343 data-type="dropdown" 4344 aria-selected="true" 4345 role="option" 4346 data-no-instant 4347 data-value="All categories" 4348 data-select-value="All categories" 4349 @click="setProductType($el, true)" 4350 @keydown.enter="setProductType($el, true)" 4351 @keydown.space="setProductType($el, true)" 4352 > 4353 All categories 4354 </li> 4355 </ul> 4356 </div> 4357 </div> 4358 <label class="hidden"> 4359 <input 4360 name="product_type" 4361 class="select-option-selected" 4362 value="product_type:" 4363 data-disclosure-input 4364 @change="handleChangeProductType()" 4365 > 4366 </label> 4367 </select-element> 4368 4369 4370 <form 4371 id="form-search-sections--20172716769450__header" 4372 class="form-search grow z-0" 4373 action="/search" 4374 method="get" 4375 role="search" 4376 > 4377 <label 4378 for="search-in-modal-desktop" 4379 class="hidden" 4380 >Search...</label> 4381 <input 4382 id="search-in-modal-desktop" 4383 class="peer input-search py-1.5 lg:text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]" 4384 type="search" 4385 4386 name="q" 4387 value="" 4388 x-on:keydown="handleKeyUpModal($event)" 4389 @input.debounce.500ms="handleChangeInput()" 4390 @click="focusForm();" 4391 placeholder="What are you searching for?" 4392 x-ref="input_search" 4393 > 4394 <input 4395 type="hidden" 4396 name="type" 4397 value="product" 4398 > 4399 <input 4400 type="hidden" 4401 :value="productTypeSelected == 'All categories' ? '' : productTypeSelected" 4402 name="filter.p.product_type" 4403 x-bind:disabled="productTypeSelected == 'All categories'" 4404 > 4405 <button 4406 class="btn-search absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2" 4407 aria-label="Search..." 4408 4409 >
4410 <span 4411 4412 ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4413 <path 4414 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 4415 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4416 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 4417 stroke-linejoin="round"/> 4418 </svg></span> 4419 4420 </button> 4421 4422 <button 4423 class="search__speech absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current" 4424 x-data="xSpeechSearch($el)" 4425 x-show="show" 4426 x-cloak 4427 type="button" 4428 tabindex="0" 4429 aria-label="Voice" 4430 > 4431 <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 4432 <path 4433 d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" 4434 fill="currentColor"></path> 4435 </svg> 4436 </button> 4437 4438<div 4439 x-ref="search_content" 4440 4441 class="header-search__results header-search__results--compact fixed lg:absolute top-[var(--input-search-to-top)] lg:top-[calc(100%-8px)] color-bg-[rgba(var(--color-background))] lg:color-bg-[rgba(var(--color-background-header))] border-t-[12px] lg:border-t-0 border-[rgba(var(--color-background-header))] px-2 lg:pt-1 lg:pb-2 h-fit w-full left-0 " 4442 x-transition:enter="transition-[500ms_500ms] transition-opacity ease-out" 4443 4444 x-show="isFocusedSearchForm && (result !== '' )" 4445 x-transition:enter-start="opacity-0 transform translate-y-[30px]" 4446 x-transition:enter-end="opacity-100 transform translate-y-0" 4447 x-transition:leave="ease-in" 4448 x-transition:leave-start="opacity-100 transform translate-y-0" 4449 x-transition:leave-end="opacity-0 transform translate-y-[30px]" 4450 x-cloak 4451 x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__desktop', 'search-in-modal-desktop');" 4452 > 4453 <div 4454 id="search-result" 4455 class=" rounded-corners pb-4 color-bg-[rgba(var(--color-background))]" 4456 tabindex="-1" 4457 data-predictive-search 4458 x-html="result" 4459 x-cloak 4460 x-show="loading == false && openResults" 4461 x-transition:enter="transition-[500ms_500ms] ease-out" 4462 x-transition:enter-start="opacity-0" 4463 x-transition:enter-end="opacity-100" 4464 ></div> 4465 </div> 4466 </form> 4467 </div> 4468 </div> 4469 </div> 4470 4471 <div 4472 class="element-end-modal h-0 w-0 absolute pointer-events-none" 4473 :tabindex="isFocusedSearchForm ? '0' : '-1'" 4474 @focus="document.getElementById('SearchClose__desktop')?.focus()" 4475 ></div> 4476 </div> 4477 </div> 4478 4479<div class="header-account-menu cursor-pointer ltr:-mr-4 rtl:-ml-4"> 4480 <shopify-store store-domain="https://nacholightingco.com" country="US" language="en"></shopify-store> 4481<shopify-account menu='customer-account-main-menu'> 4482 <div slot="signed-out-avatar">
4483 <span class="header-account-icon w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block"> 4484 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none"> 4485 <path 4486 d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508" 4487 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4488 <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991" 4489 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4490 </svg> 4491 </span> 4492 </div> 4493 </shopify-account> 4494 </div></div><div class="header-icon-cart cursor-pointer relative cart-empty"> 4495 <a 4496 id="cart-icon" 4497 class="relative" 4498 aria-controls="CartDrawer" 4499 aria-expanded="false" 4500 aria-label="Your cart" 4501 role="button" 4502 tabindex="0" 4503 > 4504 <span class="w-6 h-6 lg:w-7 lg:h-7 px-0.5 py-0.5 inline-block icon color-text-[rgba(var(--color-heading))] translate-y-0"><svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg"> 4505 <g clip-path="url(#clip0_30707_436)"> 4506 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/> 4507 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/> 4508 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/> 4509 </g> 4510 <defs> 4511 <clipPath id="clip0_30707_436"> 4512 <rect width="18" height="18" fill="white"/> 4513 </clipPath> 4514 </defs> 4515 </svg></span> 4516 <div id="cart-icon-bubble" class="relative -left-0.5 rtl:left-0 rtl:-right-0.5"> 4517 <div class="cart-bubble__container empty:hidden color-bg-[rgba(var(--color-cart))] color-text-[rgba(var(--color-cart-text))] h-5 w-5 lg:h-6 lg:w-6 rounded-full text-x-small" data-count-item="0"></div> 4518 </div> 4519 </a> 4520 </div></div> 4521 </div><div 4522 id="x-header-mobile"
4523 class="x-header-mobile lg:hidden w-full h-full" 4524 :class="$store.xMobileNav.show && 'active'" 4525 x-intersect.once="$store.xHelper.setPosition('#DrawerMenuMobilePosition', '#DrawerMenuMobile')" 4526 ><div 4527 class="header-mobile-overlay absolute -z-[1] w-full cursor-pointer h-full header-h-screen left-0 top-full duration-header-menu" 4528 @click="$store.xMobileNav.close()" 4529 :class="$store.xMobileNav.show ? 'opacity-100' : 'opacity-0 pointer-events-none'" 4530 x-cloak 4531 aria-hidden="true" 4532 ></div><div 4533 x-cloak 4534 class="modal-container z-40 w-full max-w-screen-md overflow-hidden absolute top-full ease-out duration-header-menu left-0 header-h-screen" 4535 > 4536 <nav class="main-nav-mobile h-full flex flex-col pb-3" aria-label="Main menu"><div 4537 class="mobile-header-toolbar flex lg:hidden text-center justify-between color-bg-[rgba(var(--color-button))] color-text-[rgba(var(--color-button-text))] p-4 items-center gap-4" 4538 x-cloak 4539 ><p class="header-welcome-msg text-start p-break-words">Welcome to NACHO Lighting Co.</p><div class="mobile-header-actions flex gap-1.5 items-center"><div class="mobile-header-account-menu"> 4540 <shopify-account menu='customer-account-main-menu'> 4541 <div slot="signed-out-avatar" class="mobile-header-account-icon w-6 h-6 "> 4542 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none"> 4543 <path 4544 d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508" 4545 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4546 <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991" 4547 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4548 </svg> 4549 </div> 4550 </shopify-account> 4551 </div><div class="toggle-theme-mode will-change-transform"> 4552 <label 4553 id="darkLabel-mobile" 4554 class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer color-border-[rgba(var(--color-button-text),0.12)]" 4555 :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''" 4556 tabindex="0" 4557 @keyup.enter="$el.click()" 4558 > 4559 <input 4560 @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();" 4561 type="checkbox" 4562 id="check-mode-mobile" 4563 class="input-check-mode absolute top-0 left-0 w-full h-full invisible" 4564 > 4565 <span class="toggle-body block overflow-hidden"> 4566 <span class="toggle-body-inner"> 4567 <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4568 <path 4569 d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z" 4570 fill="currentColor"/> 4571 </svg></span>
4572 <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4573 <path 4574 d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z" 4575 fill="currentColor"/> 4576 <path 4577 d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z" 4578 fill="currentColor"/> 4579 <path 4580 d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z" 4581 fill="currentColor"/> 4582 <path 4583 d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z" 4584 fill="currentColor"/> 4585 <path 4586 d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z" 4587 fill="currentColor"/> 4588 <path 4589 d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4589552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z" 4590 fill="currentColor"/> 4591 <path 4592 d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z" 4593 fill="currentColor"/> 4594 <path 4595 d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z" 4596 fill="currentColor"/> 4597 <path 4598 d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z" 4599 fill="currentColor"/> 4600 </svg></span> 4601 4602 <span class="icon-toggle-theme-mode-loading"> 4603 <span class="animate-spin block icon"> 4604 <svg 4605 version="1.0" 4606 xmlns="http://www.w3.org/2000/svg"
4607 viewBox="0 0 512.000000 512.000000" 4608 preserveAspectRatio="xMidYMid meet" 4609 > 4610 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4611 fill="currentColor" stroke="none"> 4612 <path 4613 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4614 </g> 4615 </svg> 4616 </span> 4617 </span> 4618 </span> 4619 </span> 4620 </label> 4621 </div></div> 4622 </div><div 4623 id="menu-navigation" 4624 x-show="$store.xMobileNav.show" 4625 class="h-full flex-1 relative overflow-hidden" 4626 :class="$store.xMobileNav.currentMenuLinks.length === 0 ? 'overflow-y-auto' : 'overflow-hidden'" 4627 > 4628 <div class="h-full w-full scrollbar-body scrollbar overflow-y-auto"> 4629 <div id="menu-level-0" class="menu-parent w-full h-full"> 4630 <div id="DrawerMenuMobilePosition"></div><div class="main-menu-lv0 py-5 px-4 border-b"><div class="mobile-main-menu-title h4 flex items-center gap-2 mb-3"> 4631 <span class="inline-block w-4 shrink-0"> 4632 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4633 <path d="M0 12H2V14H0V12Z" fill="currentColor"/> 4634 <path d="M4 12H12V14H4V12Z" fill="currentColor"/> 4635 <path d="M4 7H16V9H4V7Z" fill="currentColor"/> 4636 <path d="M0 7H2V9H0V7Z" fill="currentColor"/> 4637 <path d="M4 2H14V4H4V2Z" fill="currentColor"/> 4638 <path d="M0 2H2V4H0V2Z" fill="currentColor"/> 4639 </svg> 4640 </span> 4641 <h4 class="p-break-words">Main menu</h4> 4642 </div><ul class="h5"> 4643 4644<li><div 4645 4646 @click="$store.xMobileNav.setActiveLink('-1')" 4647 @keyup.enter="$store.xMobileNav.setActiveLink('-1')" 4648 tabindex="0" 4649 4650 class="menu-link mobile-menu-item flex items-center cursor-pointer" 4651 > 4652 4653 <p class="flex-1 flex items-center cursor-pointer"> 4654 <span class="x-break-words py-2"> 4655 <span>Lights</span> 4656 </span> 4657 </p> 4658 <span 4659 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 4660 > 4661 <svg 4662 width="100%" 4663 height="100%"
4664 viewBox="0 0 9 7" 4665 fill="none" 4666 xmlns="http://www.w3.org/2000/svg" 4667 style="fill: none;" 4668 > 4669 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4670 stroke-linejoin="round"/> 4671 </svg> 4672 </span> 4673 4674 </div><div 4675 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4676 :class="$store.xMobileNav.currentMenuLinks.includes('-1') && 'menu-opening'" 4677 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 4678 > 4679 <ul 4680 id="menu-level-1" 4681 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 4682 > 4683 <li class="flex items-center justify-between border-b px-2.5 text-right"> 4684 <span 4685 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4686 @click="$store.xMobileNav.removeActiveLink('-1');" 4687 @keyup.enter="$store.xMobileNav.removeActiveLink('-1');" 4688 aria-label="Back" 4689 role="button" 4690 tabindex="0" 4691 > 4692 <svg 4693 width="100%" 4694 height="100%"
4695 viewBox="0 0 9 7" 4696 fill="none" 4697 xmlns="http://www.w3.org/2000/svg" 4698 style="fill: none;" 4699 > 4700 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4701 stroke-linejoin="round"/> 4702 </svg> 4703 </span> 4704 <a href="/collections/lights" class="h5 pt-4 pb-4 flex-1 "> 4705 <span class="x-break-words !font-semibold">Lights</span> 4706 </a> 4707 </li><li> 4708 <div class="items-center"> 4709 <div 4710 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4711 4712 > 4713 4714 <a href="/products/nacho-supreme" class="x-break-words flex-1 py-4 items-center"> 4715 4716 Supreme Series 4717 </a> 4718</div></div> 4719 </li><li> 4720 <div class="items-center"> 4721 <div 4722 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4723 4724 > 4725 4726 <a href="/products/nacho-grande" class="x-break-words flex-1 py-4 items-center"> 4727 4728 Grande 4729 </a> 4730</div></div> 4731 </li><li> 4732 <div class="items-center"> 4733 <div 4734 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4735 4736 > 4737 4738 <a href="/products/nacho-quatro" class="x-break-words flex-1 py-4 items-center"> 4739 4740 Quatro 4741 </a> 4742</div></div> 4743 </li><li> 4744 <div class="items-center"> 4745 <div 4746 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4747 4748 > 4749 4750 <a href="/products/nacho-nano" class="x-break-words flex-1 py-4 items-center"> 4751 4752 NANO 4753 </a> 4754</div></div> 4755 </li><li> 4756 <div class="items-center"> 4757 <div 4758 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4759 4760 > 4761 4762 <a href="/products/nacho-tm5" class="x-break-words flex-1 py-4 items-center"> 4763 4764 TM5 4765 </a> 4766</div></div> 4767 </li><li> 4768 <div class="items-center"> 4769 <div 4770 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4771 4772 > 4773 4774 <a href="/products/nacho-quatro-sae" class="x-break-words flex-1 py-4 items-center"> 4775 4776 Quatro SAE 4777 </a> 4778</div></div> 4779 </li><li> 4780 <div class="items-center"> 4781 <div 4782 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4783 4784 > 4785 4786 <a href="/products/quatro-chase" class="x-break-words flex-1 py-4 items-center"> 4787 4788 Quatro Chase 4789 </a> 4790</div></div> 4791 </li><li> 4792 <div class="items-center"> 4793 <div 4794 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4795 4796 > 4797 4798 <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center"> 4799 4800 Quatro ADV 4801 </a> 4802</div></div> 4803 </li></ul> 4804 </div></li><li><div 4805 4806 @click="$store.xMobileNav.setActiveLink('-2')" 4807 @keyup.enter="$store.xMobileNav.setActiveLink('-2')" 4808 tabindex="0" 4809 4810 class="menu-link mobile-menu-item flex items-center cursor-pointer" 4811 > 4812 4813 <p class="flex-1 flex items-center cursor-pointer">
4814 <span class="x-break-words py-2"> 4815 <span>Mounting</span> 4816 </span> 4817 </p> 4818 <span 4819 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 4820 > 4821 <svg 4822 width="100%" 4823 height="100%" 4824 viewBox="0 0 9 7" 4825 fill="none" 4826 xmlns="http://www.w3.org/2000/svg" 4827 style="fill: none;" 4828 > 4829 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4830 stroke-linejoin="round"/> 4831 </svg> 4832 </span> 4833 4834 </div><div 4835 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4836 :class="$store.xMobileNav.currentMenuLinks.includes('-2') && 'menu-opening'" 4837 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 4838 > 4839 <ul 4840 id="menu-level-1" 4841 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 4842 > 4843 <li class="flex items-center justify-between border-b px-2.5 text-right"> 4844 <span 4845 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4846 @click="$store.xMobileNav.removeActiveLink('-2');" 4847 @keyup.enter="$store.xMobileNav.removeActiveLink('-2');" 4848 aria-label="Back" 4849 role="button" 4850 tabindex="0" 4851 > 4852 <svg 4853 width="100%" 4854 height="100%"
4855 viewBox="0 0 9 7" 4856 fill="none" 4857 xmlns="http://www.w3.org/2000/svg" 4858 style="fill: none;" 4859 > 4860 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4861 stroke-linejoin="round"/> 4862 </svg> 4863 </span> 4864 <a href="/collections/mounting" class="h5 pt-4 pb-4 flex-1 "> 4865 <span class="x-break-words !font-semibold">Mounting</span> 4866 </a> 4867 </li><li> 4868 <div class="items-center"> 4869 <div 4870 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4871 4872 @click="$store.xMobileNav.setActiveLink('-2-1');" 4873 @keyup.enter="$store.xMobileNav.setActiveLink('-2-1');" 4874 role="button" 4875 tabindex="0" 4876 4877 > 4878 4879 <p class="x-break-words flex-1 py-4 items-center"> 4880 4881 Kits 4882 </p> 4883<span 4884 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 4885 > 4886 <svg 4887 width="100%" 4888 height="100%"
4889 viewBox="0 0 9 7" 4890 fill="none" 4891 xmlns="http://www.w3.org/2000/svg" 4892 style="fill: none;" 4893 > 4894 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4895 stroke-linejoin="round"/> 4896 </svg> 4897 </span></div><div 4898 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4899 :class="$store.xMobileNav.currentMenuLinks.includes('-2-1') && 'menu-opening'" 4900 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 4901 > 4902 <ul 4903 id="menu-level-2" 4904 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 4905 > 4906 <li 4907 class="flex items-center justify-between border-b px-2.5 text-right" 4908 > 4909 <span 4910 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4911 @click="$store.xMobileNav.removeActiveLink('-2-1')" 4912 @keyup.enter="$store.xMobileNav.removeActiveLink('-2-1')" 4913 role="button" 4914 aria-label="Back" 4915 tabindex="0" 4916 ><svg 4917 width="100%" 4918 height="100%"
4919 viewBox="0 0 9 7" 4920 fill="none" 4921 xmlns="http://www.w3.org/2000/svg" 4922 style="fill: none;" 4923 > 4924 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4925 stroke-linejoin="round"/> 4926 </svg></span> 4927 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 4928 <span class="x-break-words !font-semibold">Kits</span> 4929 </a> 4930 </li><li class="px-2.5 py-4 border-b "> 4931 <a 4932 href="/products/bronco-fog-kit" 4933 class="x-break-words flex items-center" 4934 4935 > 4936 Bronco Plug N Play Kit 4937 </a> 4938 </li><li class="px-2.5 py-4 border-b "> 4939 <a 4940 href="/products/jl-jt-sae-fog-kit" 4941 class="x-break-words flex items-center" 4942 4943 > 4944 Jeep JL/JT Plug N Play Kit 4945 </a> 4946 </li><li class="px-2.5 py-4 border-b "> 4947 <a 4948 href="/products/toyota-sae-fog-kit" 4949 class="x-break-words flex items-center" 4950 4951 > 4952 Toyota Plug N Play Kit 4953 </a> 4954 </li><li class="px-2.5 py-4 border-b "> 4955 <a 4956 href="/products/universal-reverse-kit" 4957 class="x-break-words flex items-center" 4958 4959 > 4960 Reverse Kit 4961 </a> 4962 </li><li class="px-2.5 py-4 border-b "> 4963 <a 4964 href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens" 4965 class="x-break-words flex items-center" 4966 4967 > 4968 Sprinter Front Bumper Kit 4969 </a> 4970 </li><li class="px-2.5 py-4 border-b "> 4971 <a 4972 href="/products/sprinter-fog-light-kit" 4973 class="x-break-words flex items-center" 4974 4975 > 4976 Sprinter Fog Kit 4977 </a> 4978 </li><li class="px-2.5 py-4 border-b "> 4979 <a 4980 href="/products/promaster-fog-light-kit-amber" 4981 class="x-break-words flex items-center" 4982 4983 > 4984 Promaster Fog Kit 4985 </a> 4986 </li><li class="px-2.5 py-4 border-b "> 4987 <a 4988 href="/products/nano-arb-kit" 4989 class="x-break-words flex items-center" 4990 4991 > 4992 ARB Base Rack NANO Kit 4993 </a> 4994 </li></ul> 4995 </div></div> 4996 </li><li> 4997 <div class="items-center"> 4998 <div 4999 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5000 5001 @click="$store.xMobileNav.setActiveLink('-2-2');" 5002 @keyup.enter="$store.xMobileNav.setActiveLink('-2-2');" 5003 role="button" 5004 tabindex="0" 5005 5006 > 5007 5008 <p class="x-break-words flex-1 py-4 items-center"> 5009 5010 Mounts 5011 </p> 5012<span 5013 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5014 > 5015 <svg 5016 width="100%" 5017 height="100%"
5018 viewBox="0 0 9 7" 5019 fill="none" 5020 xmlns="http://www.w3.org/2000/svg" 5021 style="fill: none;" 5022 > 5023 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5024 stroke-linejoin="round"/> 5025 </svg> 5026 </span></div><div 5027 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5028 :class="$store.xMobileNav.currentMenuLinks.includes('-2-2') && 'menu-opening'" 5029 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5030 > 5031 <ul 5032 id="menu-level-2" 5033 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5034 > 5035 <li 5036 class="flex items-center justify-between border-b px-2.5 text-right" 5037 > 5038 <span 5039 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5040 @click="$store.xMobileNav.removeActiveLink('-2-2')" 5041 @keyup.enter="$store.xMobileNav.removeActiveLink('-2-2')" 5042 role="button" 5043 aria-label="Back" 5044 tabindex="0" 5045 ><svg 5046 width="100%" 5047 height="100%"
5048 viewBox="0 0 9 7" 5049 fill="none" 5050 xmlns="http://www.w3.org/2000/svg" 5051 style="fill: none;" 5052 > 5053 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5054 stroke-linejoin="round"/> 5055 </svg></span> 5056 <a href="/collections/mounting" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5057 <span class="x-break-words !font-semibold">Mounts</span> 5058 </a> 5059 </li><li class="px-2.5 py-4 border-b "> 5060 <a 5061 href="/collections/mounting" 5062 class="x-break-words flex items-center" 5063 5064 > 5065 All Mounts 5066 </a> 5067 </li><li class="px-2.5 py-4 border-b "> 5068 <a 5069 href="/collections/arb-mounts" 5070 class="x-break-words flex items-center" 5071 5072 > 5073 ARB 5074 </a> 5075 </li><li class="px-2.5 py-4 border-b "> 5076 <a 5077 href="/products/nano-arb-kit" 5078 class="x-break-words flex items-center" 5079 5080 > 5081 ARB NANO Kit 5082 </a> 5083 </li><li class="px-2.5 py-4 border-b "> 5084 <a 5085 href="/collections/ford-products" 5086 class="x-break-words flex items-center" 5087 5088 > 5089 Ford 5090 </a> 5091 </li><li class="px-2.5 py-4 border-b "> 5092 <a 5093 href="/collections/jeep-products" 5094 class="x-break-words flex items-center" 5095 5096 > 5097 Jeep 5098 </a> 5099 </li><li class="px-2.5 py-4 border-b "> 5100 <a 5101 href="/products/nano-mount-pair" 5102 class="x-break-words flex items-center" 5103 5104 > 5105 NANO Mounts 5106 </a> 5107 </li><li class="px-2.5 py-4 border-b "> 5108 <a 5109 href="/collections/toyota-products" 5110 class="x-break-words flex items-center" 5111 5112 > 5113 Toyota 5114 </a> 5115 </li><li class="px-2.5 py-4 border-b "> 5116 <a 5117 href="/products/ac13u" 5118 class="x-break-words flex items-center" 5119 5120 > 5121 Quatro Flush Mount 5122 </a> 5123 </li></ul> 5124 </div></div> 5125 </li></ul> 5126 </div></li><li><div 5127 5128 @click="$store.xMobileNav.setActiveLink('-3')" 5129 @keyup.enter="$store.xMobileNav.setActiveLink('-3')" 5130 tabindex="0" 5131 5132 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5133 > 5134 5135 <p class="flex-1 flex items-center cursor-pointer"> 5136 <span class="x-break-words py-2"> 5137 <span>Accessories</span> 5138 </span> 5139 </p> 5140 <span 5141 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5142 > 5143 <svg 5144 width="100%" 5145 height="100%"
5146 viewBox="0 0 9 7" 5147 fill="none" 5148 xmlns="http://www.w3.org/2000/svg" 5149 style="fill: none;" 5150 > 5151 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5152 stroke-linejoin="round"/> 5153 </svg> 5154 </span> 5155 5156 </div><div 5157 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5158 :class="$store.xMobileNav.currentMenuLinks.includes('-3') && 'menu-opening'" 5159 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5160 > 5161 <ul 5162 id="menu-level-1" 5163 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5164 > 5165 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5166 <span 5167 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5168 @click="$store.xMobileNav.removeActiveLink('-3');" 5169 @keyup.enter="$store.xMobileNav.removeActiveLink('-3');" 5170 aria-label="Back" 5171 role="button" 5172 tabindex="0" 5173 > 5174 <svg 5175 width="100%" 5176 height="100%"
5177 viewBox="0 0 9 7" 5178 fill="none" 5179 xmlns="http://www.w3.org/2000/svg" 5180 style="fill: none;" 5181 > 5182 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5183 stroke-linejoin="round"/> 5184 </svg> 5185 </span> 5186 <a href="/collections/accessories" class="h5 pt-4 pb-4 flex-1 "> 5187 <span class="x-break-words !font-semibold">Accessories</span> 5188 </a> 5189 </li><li> 5190 <div class="items-center"> 5191 <div 5192 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5193 5194 @click="$store.xMobileNav.setActiveLink('-3-1');" 5195 @keyup.enter="$store.xMobileNav.setActiveLink('-3-1');" 5196 role="button" 5197 tabindex="0" 5198 5199 > 5200 5201 <p class="x-break-words flex-1 py-4 items-center"> 5202 5203 Grande 5204 </p> 5205<span 5206 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5207 > 5208 <svg 5209 width="100%" 5210 height="100%"
5211 viewBox="0 0 9 7" 5212 fill="none" 5213 xmlns="http://www.w3.org/2000/svg" 5214 style="fill: none;" 5215 > 5216 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5217 stroke-linejoin="round"/> 5218 </svg> 5219 </span></div><div 5220 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5221 :class="$store.xMobileNav.currentMenuLinks.includes('-3-1') && 'menu-opening'" 5222 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5223 > 5224 <ul 5225 id="menu-level-2" 5226 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5227 > 5228 <li 5229 class="flex items-center justify-between border-b px-2.5 text-right" 5230 > 5231 <span 5232 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5233 @click="$store.xMobileNav.removeActiveLink('-3-1')" 5234 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-1')" 5235 role="button" 5236 aria-label="Back" 5237 tabindex="0" 5238 ><svg 5239 width="100%" 5240 height="100%"
5241 viewBox="0 0 9 7" 5242 fill="none" 5243 xmlns="http://www.w3.org/2000/svg" 5244 style="fill: none;" 5245 > 5246 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5247 stroke-linejoin="round"/> 5248 </svg></span> 5249 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5250 <span class="x-break-words !font-semibold">Grande</span> 5251 </a> 5252 </li><li class="px-2.5 py-4 border-b "> 5253 <a 5254 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146" 5255 class="x-break-words flex items-center" 5256 5257 > 5258 Cover 5259 </a> 5260 </li><li class="px-2.5 py-4 border-b "> 5261 <a 5262 href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778" 5263 class="x-break-words flex items-center" 5264 5265 > 5266 Exo-Skeleton 5267 </a> 5268 </li><li class="px-2.5 py-4 border-b "> 5269 <a 5270 href="/products/sorcery-wand" 5271 class="x-break-words flex items-center" 5272 5273 > 5274 Sorcery Wand 5275 </a> 5276 </li><li class="px-2.5 py-4 border-b "> 5277 <a 5278 href="/products/nacho-window-shades" 5279 class="x-break-words flex items-center" 5280 5281 > 5282 Window Shades 5283 </a> 5284 </li></ul> 5285 </div></div> 5286 </li><li> 5287 <div class="items-center"> 5288 <div 5289 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5290 5291 @click="$store.xMobileNav.setActiveLink('-3-2');" 5292 @keyup.enter="$store.xMobileNav.setActiveLink('-3-2');" 5293 role="button" 5294 tabindex="0" 5295 5296 > 5297 5298 <p class="x-break-words flex-1 py-4 items-center"> 5299 5300 Quatro 5301 </p> 5302<span 5303 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5304 > 5305 <svg 5306 width="100%" 5307 height="100%"
5308 viewBox="0 0 9 7" 5309 fill="none" 5310 xmlns="http://www.w3.org/2000/svg" 5311 style="fill: none;" 5312 > 5313 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5314 stroke-linejoin="round"/> 5315 </svg> 5316 </span></div><div 5317 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5318 :class="$store.xMobileNav.currentMenuLinks.includes('-3-2') && 'menu-opening'" 5319 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5320 > 5321 <ul 5322 id="menu-level-2" 5323 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5324 > 5325 <li 5326 class="flex items-center justify-between border-b px-2.5 text-right" 5327 > 5328 <span 5329 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5330 @click="$store.xMobileNav.removeActiveLink('-3-2')" 5331 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-2')" 5332 role="button" 5333 aria-label="Back" 5334 tabindex="0" 5335 ><svg 5336 width="100%" 5337 height="100%"
5338 viewBox="0 0 9 7" 5339 fill="none" 5340 xmlns="http://www.w3.org/2000/svg" 5341 style="fill: none;" 5342 > 5343 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5344 stroke-linejoin="round"/> 5345 </svg></span> 5346 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5347 <span class="x-break-words !font-semibold">Quatro</span> 5348 </a> 5349 </li><li class="px-2.5 py-4 border-b "> 5350 <a 5351 href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178" 5352 class="x-break-words flex items-center" 5353 5354 > 5355 Cover 5356 </a> 5357 </li><li class="px-2.5 py-4 border-b "> 5358 <a 5359 href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546" 5360 class="x-break-words flex items-center" 5361 5362 > 5363 Exo-Skeleton 5364 </a> 5365 </li><li class="px-2.5 py-4 border-b "> 5366 <a 5367 href="/products/ac13u" 5368 class="x-break-words flex items-center" 5369 5370 > 5371 Flush Mount 5372 </a> 5373 </li><li class="px-2.5 py-4 border-b "> 5374 <a 5375 href="/products/nacho-window-shades" 5376 class="x-break-words flex items-center" 5377 5378 > 5379 Window Shades 5380 </a> 5381 </li><li class="px-2.5 py-4 border-b "> 5382 <a 5383 href="/products/set-back-quatro-bracket" 5384 class="x-break-words flex items-center" 5385 5386 > 5387 Set Back Bracket 5388 </a> 5389 </li></ul> 5390 </div></div> 5391 </li><li> 5392 <div class="items-center"> 5393 <div 5394 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5395 5396 @click="$store.xMobileNav.setActiveLink('-3-3');" 5397 @keyup.enter="$store.xMobileNav.setActiveLink('-3-3');" 5398 role="button" 5399 tabindex="0" 5400 5401 > 5402 5403 <p class="x-break-words flex-1 py-4 items-center"> 5404 5405 NANO 5406 </p> 5407<span 5408 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5409 > 5410 <svg 5411 width="100%" 5412 height="100%"
5413 viewBox="0 0 9 7" 5414 fill="none" 5415 xmlns="http://www.w3.org/2000/svg" 5416 style="fill: none;" 5417 > 5418 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5419 stroke-linejoin="round"/> 5420 </svg> 5421 </span></div><div 5422 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5423 :class="$store.xMobileNav.currentMenuLinks.includes('-3-3') && 'menu-opening'" 5424 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5425 > 5426 <ul 5427 id="menu-level-2" 5428 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5429 > 5430 <li 5431 class="flex items-center justify-between border-b px-2.5 text-right" 5432 > 5433 <span 5434 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5435 @click="$store.xMobileNav.removeActiveLink('-3-3')" 5436 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-3')" 5437 role="button" 5438 aria-label="Back" 5439 tabindex="0" 5440 ><svg 5441 width="100%" 5442 height="100%"
5443 viewBox="0 0 9 7" 5444 fill="none" 5445 xmlns="http://www.w3.org/2000/svg" 5446 style="fill: none;" 5447 > 5448 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5449 stroke-linejoin="round"/> 5450 </svg></span> 5451 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5452 <span class="x-break-words !font-semibold">NANO</span> 5453 </a> 5454 </li><li class="px-2.5 py-4 border-b "> 5455 <a 5456 href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290" 5457 class="x-break-words flex items-center" 5458 5459 > 5460 NANO Harness 5461 </a> 5462 </li><li class="px-2.5 py-4 border-b "> 5463 <a 5464 href="https://www.nachooffroadtechnology.com/products/nano-y-splitter" 5465 class="x-break-words flex items-center" 5466 5467 > 5468 NANO Y-Splitter 5469 </a> 5470 </li></ul> 5471 </div></div> 5472 </li><li> 5473 <div class="items-center"> 5474 <div 5475 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5476 5477 @click="$store.xMobileNav.setActiveLink('-3-4');" 5478 @keyup.enter="$store.xMobileNav.setActiveLink('-3-4');" 5479 role="button" 5480 tabindex="0" 5481 5482 > 5483 5484 <p class="x-break-words flex-1 py-4 items-center"> 5485 5486 TM5 5487 </p> 5488<span 5489 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5490 > 5491 <svg 5492 width="100%" 5493 height="100%"
5494 viewBox="0 0 9 7" 5495 fill="none" 5496 xmlns="http://www.w3.org/2000/svg" 5497 style="fill: none;" 5498 > 5499 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5500 stroke-linejoin="round"/> 5501 </svg> 5502 </span></div><div 5503 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5504 :class="$store.xMobileNav.currentMenuLinks.includes('-3-4') && 'menu-opening'" 5505 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5506 > 5507 <ul 5508 id="menu-level-2" 5509 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5510 > 5511 <li 5512 class="flex items-center justify-between border-b px-2.5 text-right" 5513 > 5514 <span 5515 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5516 @click="$store.xMobileNav.removeActiveLink('-3-4')" 5517 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-4')" 5518 role="button" 5519 aria-label="Back" 5520 tabindex="0" 5521 ><svg 5522 width="100%" 5523 height="100%"
5524 viewBox="0 0 9 7" 5525 fill="none" 5526 xmlns="http://www.w3.org/2000/svg" 5527 style="fill: none;" 5528 > 5529 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5530 stroke-linejoin="round"/> 5531 </svg></span> 5532 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5533 <span class="x-break-words !font-semibold">TM5</span> 5534 </a> 5535 </li><li class="px-2.5 py-4 border-b "> 5536 <a 5537 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946" 5538 class="x-break-words flex items-center" 5539 5540 > 5541 Cover 5542 </a> 5543 </li></ul> 5544 </div></div> 5545 </li><li> 5546 <div class="items-center"> 5547 <div 5548 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5549 5550 > 5551 5552 <a href="/collections/harness-switches" class="x-break-words flex-1 py-4 items-center"> 5553 5554 Harnesses & Switches 5555 </a> 5556</div></div> 5557 </li></ul> 5558 </div></li><li><div 5559 5560 @click="$store.xMobileNav.setActiveLink('-4')" 5561 @keyup.enter="$store.xMobileNav.setActiveLink('-4')" 5562 tabindex="0" 5563 5564 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5565 > 5566 5567 <p class="flex-1 flex items-center cursor-pointer"> 5568 <span class="x-break-words py-2"> 5569 <span>Powersports</span> 5570 </span> 5571 </p> 5572 <span 5573 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5574 > 5575 <svg 5576 width="100%" 5577 height="100%"
5578 viewBox="0 0 9 7" 5579 fill="none" 5580 xmlns="http://www.w3.org/2000/svg" 5581 style="fill: none;" 5582 > 5583 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5584 stroke-linejoin="round"/> 5585 </svg> 5586 </span> 5587 5588 </div><div 5589 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5590 :class="$store.xMobileNav.currentMenuLinks.includes('-4') && 'menu-opening'" 5591 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5592 > 5593 <ul 5594 id="menu-level-1" 5595 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5596 > 5597 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5598 <span 5599 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5600 @click="$store.xMobileNav.removeActiveLink('-4');" 5601 @keyup.enter="$store.xMobileNav.removeActiveLink('-4');" 5602 aria-label="Back" 5603 role="button" 5604 tabindex="0" 5605 > 5606 <svg 5607 width="100%" 5608 height="100%"
5609 viewBox="0 0 9 7" 5610 fill="none" 5611 xmlns="http://www.w3.org/2000/svg" 5612 style="fill: none;" 5613 > 5614 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5615 stroke-linejoin="round"/> 5616 </svg> 5617 </span> 5618 <a href="#" class="h5 pt-4 pb-4 flex-1 "> 5619 <span class="x-break-words !font-semibold">Powersports</span> 5620 </a> 5621 </li><li> 5622 <div class="items-center"> 5623 <div 5624 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5625 5626 > 5627 5628 <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center"> 5629 5630 Quatro ADV 5631 </a> 5632</div></div> 5633 </li><li> 5634 <div class="items-center"> 5635 <div 5636 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5637 5638 > 5639 5640 <a href="/collections/husqvarna-mounts" class="x-break-words flex-1 py-4 items-center"> 5641 5642 Husqvarna 5643 </a> 5644</div></div> 5645 </li><li> 5646 <div class="items-center"> 5647 <div 5648 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5649 5650 > 5651 5652 <a href="/collections/ktm-mounts" class="x-break-words flex-1 py-4 items-center"> 5653 5654 KTM 5655 </a> 5656</div></div> 5657 </li><li> 5658 <div class="items-center"> 5659 <div 5660 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5661 5662 > 5663 5664 <a href="/collections/polaris-products" class="x-break-words flex-1 py-4 items-center"> 5665 5666 Polaris 5667 </a> 5668</div></div> 5669 </li></ul> 5670 </div></li><li><div 5671 5672 @click="$store.xMobileNav.setActiveLink('-5')" 5673 @keyup.enter="$store.xMobileNav.setActiveLink('-5')" 5674 tabindex="0" 5675 5676 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5677 > 5678 5679 <p class="flex-1 flex items-center cursor-pointer"> 5680 <span class="x-break-words py-2"> 5681 <span>Fleet</span> 5682 </span> 5683 </p> 5684 <span 5685 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5686 > 5687 <svg 5688 width="100%" 5689 height="100%"
5690 viewBox="0 0 9 7" 5691 fill="none" 5692 xmlns="http://www.w3.org/2000/svg" 5693 style="fill: none;" 5694 > 5695 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5696 stroke-linejoin="round"/> 5697 </svg> 5698 </span> 5699 5700 </div><div 5701 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5702 :class="$store.xMobileNav.currentMenuLinks.includes('-5') && 'menu-opening'" 5703 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5704 > 5705 <ul 5706 id="menu-level-1" 5707 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5708 > 5709 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5710 <span 5711 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5712 @click="$store.xMobileNav.removeActiveLink('-5');" 5713 @keyup.enter="$store.xMobileNav.removeActiveLink('-5');" 5714 aria-label="Back" 5715 role="button" 5716 tabindex="0" 5717 > 5718 <svg 5719 width="100%" 5720 height="100%"
5721 viewBox="0 0 9 7" 5722 fill="none" 5723 xmlns="http://www.w3.org/2000/svg" 5724 style="fill: none;" 5725 > 5726 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5727 stroke-linejoin="round"/> 5728 </svg> 5729 </span> 5730 <a href="#" class="h5 pt-4 pb-4 flex-1 "> 5731 <span class="x-break-words !font-semibold">Fleet</span> 5732 </a> 5733 </li><li> 5734 <div class="items-center"> 5735 <div 5736 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5737 5738 > 5739 5740 <a href="/products/quatro-red-blue-emergency" class="x-break-words flex-1 py-4 items-center"> 5741 5742 Quatro Emergency 5743 </a> 5744</div></div> 5745 </li><li> 5746 <div class="items-center"> 5747 <div 5748 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5749 5750 > 5751 5752 <a href="/products/nacho-tm5-fleet" class="x-break-words flex-1 py-4 items-center"> 5753 5754 TM5 5755 </a> 5756</div></div> 5757 </li></ul> 5758 </div></li><li><div 5759 5760 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5761 > 5762 5763 <a href="/collections/apparel" class="flex-1 flex items-center"> 5764 <span class="x-break-words py-2"> 5765 <span>Apparel</span> 5766 </span> 5767 </a> 5768 5769 </div></li><li><div 5770 5771 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5772 > 5773 5774 <a href="/pages/media" class="flex-1 flex items-center"> 5775 <span class="x-break-words py-2"> 5776 <span>Media</span> 5777 </span> 5778 </a> 5779 5780 </div></li><li><div 5781 5782 @click="$store.xMobileNav.setActiveLink('-8')" 5783 @keyup.enter="$store.xMobileNav.setActiveLink('-8')" 5784 tabindex="0" 5785 5786 class="menu-link mobile-menu-item flex items-center cursor-pointer active" 5787 > 5788 5789 <p class="flex-1 flex items-center cursor-pointer"> 5790 <span class="x-break-words py-2"> 5791 <span>Team Nacho</span> 5792 </span> 5793 </p> 5794 <span 5795 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5796 > 5797 <svg 5798 width="100%" 5799 height="100%"
5800 viewBox="0 0 9 7" 5801 fill="none" 5802 xmlns="http://www.w3.org/2000/svg" 5803 style="fill: none;" 5804 > 5805 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5806 stroke-linejoin="round"/> 5807 </svg> 5808 </span> 5809 5810 </div><div 5811 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5812 :class="$store.xMobileNav.currentMenuLinks.includes('-8') && 'menu-opening'" 5813 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5814 > 5815 <ul 5816 id="menu-level-1" 5817 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5818 > 5819 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5820 <span 5821 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5822 @click="$store.xMobileNav.removeActiveLink('-8');" 5823 @keyup.enter="$store.xMobileNav.removeActiveLink('-8');" 5824 aria-label="Back" 5825 role="button" 5826 tabindex="0" 5827 > 5828 <svg 5829 width="100%" 5830 height="100%"
5831 viewBox="0 0 9 7" 5832 fill="none" 5833 xmlns="http://www.w3.org/2000/svg" 5834 style="fill: none;" 5835 > 5836 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5837 stroke-linejoin="round"/> 5838 </svg> 5839 </span> 5840 <a href="#" class="h5 pt-4 pb-4 flex-1 active"> 5841 <span class="x-break-words !font-semibold">Team Nacho</span> 5842 </a> 5843 </li><lix-init="active = true;"> 5844 <div class="items-center"> 5845 <div 5846 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5847 5848 > 5849 5850 <a href="/pages/contact" class="x-break-words flex-1 py-4 items-center color-text-[rgba(var(--color-link))] active"> 5851 5852 Contact 5853 </a> 5854</div></div> 5855 </li><li> 5856 <div class="items-center"> 5857 <div 5858 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5859 5860 > 5861 5862 <a href="/pages/racer-application" class="x-break-words flex-1 py-4 items-center"> 5863 5864 Racer Application 5865 </a> 5866</div></div> 5867 </li></ul> 5868 </div></li></ul> 5869 </div><div class="main-nav-mobile-bottom mt-auto pt-4 flex flex-col px-4 font-normal" style="--color-background: var(--color-background)"> 5870 <div class="x-header-store-selector-mobile w-full self-center"></div> 5871 <div id="main-nav-mobile-toolbar" class="main-nav-mobile-toolbar" x-init="$store.xMobileNav.moveElement()"></div> 5872 </div> 5873 </div> 5874 </div> 5875 </div> 5876 </nav> 5877 </div> 5878 </div> 5879 </header> 5880 5881 5882 5883 5884 5885<style> 5886 cart-drawer[loading] .cart-drawer__items__wrapper { 5887 pointer-events: none; 5888 } 5889 5890 #CartDrawer__Wrapper { 5891 display: none; 5892 overflow: hidden; 5893 } 5894 5895 #CartDrawer__Wrapper.is-visible { 5896 display: block; 5897 } 5898 5899 @media (min-width: 768px) { 5900 #CartDrawer__Wrapper.is-visible { 5901 display: flex; 5902 } 5903 } 5904 5905 #CartDrawer__Container { 5906 transition: opacity 300ms ease, transform 300ms ease; 5907 opacity: 0; 5908 transform: translateY(100%); 5909 } 5910 5911 @media (min-width: 768px) { 5912 #CartDrawer__Container { 5913 transform: translateX(33.333%); 5914 } 5915 cart-drawer[data-rtl="true"] #CartDrawer__Container { 5916 transform: translateX(-33.333%); 5917 } 5918 } 5919 5920 cart-drawer[open] #CartDrawer__Container { 5921 opacity: 1; 5922 transform: none; 5923 } 5924 5925 #CartDrawer__Upsell { 5926 display: none; 5927 transition: opacity 300ms ease, transform 300ms ease; 5928 opacity: 0; 5929 transform: translateY(30%); 5930 } 5931 5932 #CartDrawer__Upsell.is-visible { 5933 display: flex; 5934 } 5935 5936 @media (min-width: 768px) { 5937 #CartDrawer__Upsell { 5938 transform: translateX(10%); 5939 } 5940 cart-drawer[data-rtl="true"] #CartDrawer__Upsell { 5941 transform: translateX(-10%); 5942 } 5943 } 5944 5945 cart-drawer[upsell-open] #CartDrawer__Upsell { 5946 opacity: 1; 5947 transform: none; 5948 } 5949</style> 5950<cart-drawer 5951 id="CartDrawer" 5952 data-section-id="sections--20172716769450__header" 5953 data-rtl="false" 5954 class="cart-wrapper-sections--20172716769450__header color-scheme-3 dark-color-scheme-1" 5955 data-upsell-script="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer-upsell.js?v=51716766363204606401789788223" 5956 data-estimate-shipping-script="//nacholightingco.com/cdn/shop/t/30/assets/estimate-shipping-rate.js?v=36163862551611036591789788223" 5957 5958 5959 data-coupon-code-script="//nacholightingco.com/cdn/shop/t/30/assets/coupon-code.js?v=26103641185929183231789788223" 5960> 5961 <div 5962 id="CartDrawer__Wrapper" 5963 class="drawer__wrapper cart-drawer__wrapper" 5964 tabindex="0" 5965 > 5966 <div 5967 id="CartDrawer__Overlay" 5968 class="drawer__overlay cart-drawer__overlay" 5969 data-close-drawer 5970 ></div> 5971 5972 <div 5973 class="cart-drawer__container drawer__container transform pt-0 pb-0 md:pb-0 md:!w-[487px] flex flex-col md:overflow-y-visible outline-none" 5974 id="CartDrawer__Container" 5975 tabindex="0" 5976 role="dialog" 5977 aria-modal="true" 5978 aria-label="Your cart" 5979 > 5980 <div class="modal-title-container cart-drawer__padding-x"> 5981 <div class="modal-title-wrapper"> 5982 <div class="grow flex items-center"> 5983 <p class="cart-drawer__title relative h4 flex-auto w-fit">Your cart</p> 5984 </div> 5985 5986 <button 5987 id="CloseCart" 5988 class="modal-title__button-close" 5989 data-close-drawer 5990 aria-label="Close" 5991 >
5992 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 5993 style="fill: none"> 5994 <path 5995 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 5996 fill="currentColor"/> 5997 <path 5998 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 5999 fill="currentColor"/> 6000 </svg></span> 6001 </button> 6002 </div> 6003 </div> 6004 6005 6006 6007<div class="cart-drawer__empty__wrapper pl-6 pr-6 flex flex-col justify-center gap-4 md:gap-6 items-center text-center pt-20 pb-20 border-t border-solid color-border-[rgba(var(--color-line-and-border))] "> 6008 <div class="w-12 md:w-w-18 color-text-[rgba(var(--color-icon-header))] opacity-60"> 6009 <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg"> 6010 <g clip-path="url(#clip0_30707_436)"> 6011 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/> 6012 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/> 6013 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/> 6014 </g> 6015 <defs> 6016 <clipPath id="clip0_30707_436"> 6017 <rect width="18" height="18" fill="white"/> 6018 </clipPath> 6019 </defs> 6020 </svg> 6021 </div> 6022 <p class="">Your cart is empty</p> 6023 <div class="text-center"> 6024 <custom-button> 6025 <a 6026 href="/collections/all" 6027 class="button button-primary relative cursor-pointer" 6028 > 6029 Continue shopping 6030 </a> 6031 </custom-button> 6032 </div> 6033 </div> 6034 6035 </div> 6036 </div> 6037</cart-drawer>
6038<script src="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer.js?v=5617889313453767811789788223" defer></script>
6038 6039 6040 6041 6042 6043 6044 6045 6046 6047<div 6048 class="section-divider color- dark-color- 6049 full-width-padded px-0" 6050 > 6051 <div class="divider m-auto border-t"></div> 6052 </div> 6053 6054 </div> 6055 </div> 6056</div>
6056<script type="application/ld+json"> 6057 { 6058 "@context": "http://schema.org", 6059 "@type": "Organization", 6060 "name": "NACHO Lighting Co.", 6061 6062 "logo": "https:\/\/nacholightingco.com\/cdn\/shop\/files\/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295\u0026width=2000", 6063 6064 "sameAs": [ 6065 "", 6066 "https:\/\/www.facebook.com\/thenachoexperience", 6067 "", 6068 "https:\/\/www.instagram.com\/nacho_offroadlighting\/", 6069 "https:\/\/www.tiktok.com\/@nacho_offroadlights", 6070 "", 6071 "", 6072 "https:\/\/www.youtube.com\/@nacho_offroadlights\/featured", 6073 "" 6074 ], 6075 "url": "https:\/\/nacholightingco.com\/pages\/contact" 6076 } 6077</script>
6077 6078
6078<script 6079 src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223" 6080 defer 6081 ></script>
6081 6082 6083 6084<style> #shopify-section-sections--20172716769450__header .main-menu-nav {text-transform: uppercase;} #shopify-section-sections--20172716769450__header .toggle-menu {border: 1px solid #ff5a00;} #shopify-section-sections--20172716769450__header .child {border: 1px solid #ff5a00;} </style></div> 6085<!-- END sections: header-group --> 6086 <!-- BEGIN sections: aside-group --> 6087<div id="shopify-section-sections--20172716015786__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group"><style data-shopify>.maximize-theme:not(.dark) .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text { 6088 background-color:#f0e086; 6089 background: ; 6090 color:#0f124d; 6091 6092 } 6093 .maximize-theme.dark .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text { 6094 background-color:#d0e6fd; 6095 background: ; 6096 color:#100f0f; 6097 6098 } 6099 .x-badge-text_label_jETVc9 { 6100 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8 * 1.0); 6101 6102 } 6103 @media (min-width: 768px) { 6104 .x-badge-text_label_jETVc9 { 6105 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 1.0); 6106 6107 } 6108 }</style> 6109 6110 <style data-shopify> 6111 .x-badge-text_label_jETVc9 { 6112 --duration : 5.0s; 6113 --direction: normal; 6114 } 6115 6116 </style> 6117<div 6118 class="x-badges-block-data" 6119 x-badges-block-data=' 6120 { 6121 "id": "text_label_jETVc9", 6122 "enable": true, 6123 "type": "text-label", 6124 "settings": { 6125 "show_on_product_card": true, 6126 "show_on_product_page": true, 6127 "applied_to": "", 6128 "applied_products": [], 6129 "applied_collections": [], 6130 6131 6132 6133 "type": "default", 6134 "background_color": "#f0e086", 6135 "text_color": "#0f124d", 6136 "image": null, 6137 "image_alt": "", 6138 "image_aspect_ratio": 0, 6139 "size": 100, 6140 "size_mobile": 100, 6141 "opacity": 100, 6142 "position": "top-left", 6143 "schedule_enabled": false, 6144 "timezone": -4, 6145 "start_year": 2025, 6146 "start_month": 1, 6147 "start_day": 1, 6148 "start_hour": 0, 6149 "start_minute": 0, 6150 "end_year": 2025, 6151 "end_month": 1, 6152 "end_day": 1, 6153 "end_hour": 0, 6154 "end_minute": 0, 6155 "repeat": "none", 6156 "custom_days": "", 6157 "icon_type": "none" 6158 } 6159 } 6160 ' 6161 x-badges-icon='' 6162 x-badges-content='Best Seller' 6163 ></div>
6163<script src="//nacholightingco.com/cdn/shop/t/30/assets/labels-and-badges.js?v=157448222969602701661789788223" defer></script>
6163 6164</div><div id="shopify-section-sections--20172716015786__quick-view" class="shopify-section shopify-section-group-aside-group maximize-section section-quick-view"><div 6165 id="QuickViewContainer" 6166 x-show="$store.xQuickView.show" 6167 :class="{ 'overflow-hidden padding-scrollbar': $store.xMaximizeDrawer.isOpen }" 6168 x-cloak 6169 class="section--sections--20172716015786__quick-view section-quick-view flex items-end md:items-center drawer__wrapper" 6170 x-init="$store.xQuickView.addListener()" 6171 data-variant-picker-script="//nacholightingco.com/cdn/shop/t/30/assets/variant-picker.js?v=105160194598127908681789788223" 6172 data-video-script="//nacholightingco.com/cdn/shop/t/30/assets/video.js?v=108505064099053258351789788223"> 6173 <div id="QuickViewContainer__wapper" class="drawer__wrapper"> 6174 <div class="quick-view__overlay drawer__overlay" @click.prevent="$store.xQuickView.close()"></div> 6175 <div 6176 role="dialog" 6177 aria-label="Quick view" 6178 aria-modal="true" 6179 x-show="$store.xQuickView.show" 6180 x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6181 x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0" 6182 x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6183 class="drawer__container transform py-4 md:py-0 md:w-[680px] lg:w-[810px] overflow-hidden" 6184 @keydown.escape="$store.xQuickView.close()" 6185 x-intersect.full="$store.xQuickView.focusQuickView('QuickViewContainer', 'QuickViewClose')" 6186 > 6187 <button 6188 id="QuickViewClose" 6189 class="modal__button-close-absolute" 6190 @click.prevent="$store.xQuickView.close()" 6191 @keyup.enter="$store.xQuickView.close()" 6192 @keydown.enter.prevent 6193 aria-label="Close" 6194 > 6195 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 6196 style="fill: none"> 6197 <path 6198 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 6199 fill="currentColor"/> 6200 <path 6201 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6202 fill="currentColor"/> 6203 </svg></span> 6204 </button> 6205 <div class="drawer__content scrollbar-visible scrollbar-body px-4 md:px-0"> 6206 <div 6207 x-show="$store.xQuickView.loading" 6208 class="flex flex-col md:flex-row gap-y-3 md:h-full" 6209 > 6210 <div class="w-full md:color-bg-[rgba(var(--color-text),0.06)] md:p-4 md:h-full md:w-[300px] lg:w-[360px] md:min-w-[300px] lg:min-w-[360px]"> 6211 <div class="flex flex-row md:flex-col gap-y-2 w-full md:h-full md:overflow-y-auto md:scrollbar-hidden"> 6212 6213 <div class="w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6214 6215 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6216 6217 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6218 6219 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6220 6221 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6222 6223 </div> 6224</div> 6225 6226<div class="w-full md:pb-7.5 md:pt-[68px] md:h-full md:px-7.5"> 6227 <div class="w-full md:h-full md:overflow-hidden"><div class="w-2/3 relative mb-2 md:mb-2.5"> 6228 <div class="skeleton-text">Skeleton text</div> 6229 <div class="skeleton-block"></div> 6230 </div><div class="w-full relative mb-0.5"> 6231 <div class="skeleton-text h2 heading-small">Skeleton text</div> 6232 <div class="skeleton-block"></div> 6233 </div><div 6234 class="product-info__space-small" 6235 ></div><div class="w-1/3 relative mb-2 md:mb-2.5 min-h-[var(--rating-star-size)]"> 6236 <div class="skeleton-text text-small">Skeleton text</div> 6237 <div class="skeleton-block"></div> 6238 </div><div class="mb-2 md:mb-2.5"> 6239 <div class="w-2/3 relative"> 6240 <div class="skeleton-text h2">Skeleton text</div> 6241 <div class="skeleton-block"></div> 6242 </div> 6243 </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]"> 6244 <div class="skeleton-text">Skeleton text</div> 6245 <div class="skeleton-block"></div> 6246 </div><div 6247 class="product-info__space-small" 6248 ></div><div class="mb-[var(--padding-bottom-product-template-block)]"> 6249 6250 <div class="w-1/3 relative mb-1.5"> 6251 <div class="skeleton-text">Skeleton text</div> 6252 <div class="skeleton-block"></div> 6253 </div> 6254 <div class="w-1/3 relative mb-[var(--padding-bottom-product-template-block)]"> 6255 <div class="skeleton-text min-h-[12px] border pt-3 pb-3 w-1/3">Skeleton text</div> 6256 <div class="skeleton-block rounded-corners-md"></div> 6257 </div> 6258 6259 6260 <div class="w-full relative"> 6261 <div class="skeleton-text button button-large">Skeleton text</div> 6262 <div class="skeleton-block rounded-corners-md"></div> 6263 </div> 6264 </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]"> 6265 <div class="skeleton-text">Skeleton text</div> 6266 <div class="skeleton-block"></div> 6267 </div></div> 6268</div> 6269 </div> 6270 <div 6271 id="QuickViewProductContent" 6272 class="quick-view md:h-full" 6273 x-show="!$store.xQuickView.loading" 6274 ></div> 6275 </div> 6276 </div> 6277 </div> 6278</div> 6279 6280<style> 6281 /* Quick-view buttons hidden by default; shown only when enabled (set via inline JS below) */ 6282 html:not([data-qv]) .product-card__widget-quick-view { display: none !important; } 6283 /* Button sizing: icon-only vs label */ 6284 html[data-qv-has-label] .quick-view-btn-icon { display: none !important; } 6285 html:not([data-qv-has-label]) .quick-view-btn-label { display: none !important; } 6286 /* List-layout button only (scoped via .self-start parent): icon-only = fixed square, label = auto size */ 6287 html:not([data-qv-has-label]) .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: 2.75rem; height: 2.75rem; padding: 0.75rem; } 6288 html[data-qv-has-label] .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: auto; height: auto; } 6289</style>
6290<script> 6291 window.xQuickView = { 6292 sectionId: 'sections--20172716015786__quick-view', 6293 enabled: true, 6294 buttonLabel: 'Quick view' 6295 } 6296 // Set HTML attributes immediately (inline, not deferred) so CSS can show/hide 6297 // product-card quick-view buttons without Alpine x-show processing per card. 6298 if (window.xQuickView.enabled) { 6299 document.documentElement.setAttribute('data-qv', ''); 6300 if (window.xQuickView.buttonLabel) { 6301 document.documentElement.setAttribute('data-qv-has-label', ''); 6302 // Set label text on all cards once (replaces x-text per card) 6303 document.addEventListener('DOMContentLoaded', function() { 6304 document.querySelectorAll('.quick-view-btn-label').forEach(function(el) { 6305 el.textContent = window.xQuickView.buttonLabel; 6306 }); 6307 }); 6308 } 6309 } 6310</script>
vendor: 1 bytes, line 6310
6310
6311<script 6312 src="//nacholightingco.com/cdn/shop/t/30/assets/quick-view.js?v=138540427086460981881789788223" 6313 defer 6314></script>
6314 6315 6316</div><section id="shopify-section-sections--20172716015786__store-locator" class="shopify-section shopify-section-group-aside-group maximize-section section-store-locator"><style data-shopify> 6317 @media screen and (max-width: 1023px) { 6318 .store-locator-popup__content { 6319 max-height: calc(100% - 16px); 6320 } 6321 } 6322 @media screen and (min-width: 1024px) { 6323 .x-header-store-selector-desktop:empty { 6324 display: flex; 6325 gap: 4px; 6326 font-style: var(--menu-font-style); 6327 font-weight: var(--menu-font-weight); 6328 letter-spacing: var(--menu-letter-spacing); 6329 font-size: var(--body-font-size); 6330 align-items: center; 6331 } 6332 .x-header-store-selector-desktop:empty::before { 6333 flex-shrink: 0; 6334 display: block; 6335 content: ""; 6336 width: 24px; 6337 height: 24px; 6338 background: rgba(var(--color-text)); 6339 -webkit-mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat; 6340 mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat; 6341 } 6342 .x-header-store-selector-desktop:empty::after { 6343 content: var(--x-store-selector-content); 6344 overflow: hidden; 6345 text-overflow: ellipsis; 6346 padding-right: 18px; 6347 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 7' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M0.75 1.625L4.5 5.375L8.25 1.625' stroke='currentColor' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 6348 background-repeat: no-repeat; 6349 background-position: right center; 6350 background-size: 9px 7px; 6351 } 6352 [dir="rtl"] .x-header-store-selector-desktop:empty::after { 6353 padding-right: 0; 6354 padding-left: 18px; 6355 background-position: left center; 6356 } 6357 } 6358</style> 6359 6360 6361<div 6362 class="hidden" 6363 id="HeaderDesktopLocator" 6364 x-init="$store.xHelper.setPosition('#x-header-container .x-header-store-selector-desktop', '#HeaderDesktopLocator')" 6365> 6366 <div> 6367 6368 <a 6369 href="/pages/dealer-locator" 6370 target="_blank" rel="noopener noreferrer" 6371 aria-label="Store locator" 6372 > 6373 <span class="icon w-6 h-6 block shrink-0"> 6374 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" 6375 style="fill:none"> 6376 <path 6377 d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z" 6378 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6379 <path 6380 d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z" 6381 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6382 </svg> 6383 </span> 6384 </a> 6385 6386 </div> 6387</div> 6388<div 6389 class="hidden" 6390 id="HeaderMobileLocator" 6391 x-init="$store.xHelper.setPosition('.x-header-store-selector-mobile', '#HeaderMobileLocator')" 6392> 6393 <div 6394 class="cursor-pointer pt-2 pb-2" 6395 @click.prevent="$store.xStoreMap?.dispatchEventOpenPopup()" 6396 @keydown.enter="$store.xStoreMap?.dispatchEventOpenPopup()" 6397 tabindex="0" 6398 aria-label="Store locator" 6399 role="button" 6400 > 6401 <div class="relative flex flex-row items-center gap-1">
6402 <span class="icon w-4 h-4 block"> 6403 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" 6404 style="fill:none"> 6405 <path 6406 d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z" 6407 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6408 <path 6409 d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z" 6410 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6411 </svg> 6412 </span> 6413 <span 6414 x-show="$store.xStoreMap?.currentStoreSelected === ''" 6415 id="StoreSelectorName__mobile-sections--20172716015786__store-locator" 6416 > 6417 Store locator 6418 </span> 6419 <span 6420 x-show="$store.xStoreMap?.currentStoreSelected !== ''" 6421 x-text="$store.xStoreMap?.getStoreText()" 6422 class="line-clamp-2" 6423 ></span> 6424 </div> 6425 </div> 6426</div> 6427
6428<script src="//nacholightingco.com/cdn/shop/t/30/assets/store-locator.js?v=77897810227126559271789788223" defer></script>
vendor: 1 bytes, line 6428
6428
6429<script src="//nacholightingco.com/cdn/shop/t/30/assets/map.js?v=33459869748999710691789788223" defer></script>
6429 6430 6431</section><section id="shopify-section-sections--20172716015786__product_comparison_overlay_BEhTzU" class="shopify-section shopify-section-group-aside-group maximize-section section-product-comparison-overlay"><style> 6432 /* Comparison buttons hidden by default; shown only when this section exists on the page */ 6433 html:not([data-comparison]) .product-card__widget-compare { display: none !important; } 6434</style>
6435<script> 6436 /* Runs inline (not deferred) — sets attribute before Alpine initializes so CSS 6437 controls visibility without x-show per product card. */ 6438 document.documentElement.setAttribute('data-comparison', ''); 6439</script>
vendor: 1 bytes, line 6439
6439
6440<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison.js?v=40306736846756263941789788223" defer></script>
6440 6441 6442<link href="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison-overlay.css?v=156517184879414785761789788223" rel="stylesheet" type="text/css" media="all" /> 6443 6444</section> 6445<!-- END sections: aside-group --> 6446 <style data-shopify> 6447 #x-header-container, .header-collapse-menu { 6448 opacity: 1 !important; 6449 } 6450 </style> 6451 6452 <main id="MainContent" 6453 class="content-for-layout focus-none outline-none grow theme-template-page theme-template-suffix-contact" 6454 role="main" tabindex="-1" 6455 > 6456 <section id="shopify-section-template--20172725321898__custom_liquid_WWMFeU" class="shopify-section maximize-section section-custom-liquid"><style data-shopify> 6457 .section--template--20172725321898__custom_liquid_WWMFeU { 6458 padding-top: calc(28px * var(--mobile-padding-ratio)); 6459 padding-bottom: calc(28px * var(--mobile-padding-ratio)); 6460 } 6461 @media (min-width: 768px) { 6462 .section--template--20172725321898__custom_liquid_WWMFeU { 6463 padding-top: 28px; 6464 padding-bottom: 28px; 6465 } 6466 } 6467</style> 6468 6469 6470 6471 6472 <div class="section--template--20172725321898__custom_liquid_WWMFeU full-width color-scheme-1 dark-color-scheme-2"> 6473 <div class="custom-liquid-section__wrapper rte"> 6474 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3329.154102402981!2d-111.73269204862437!3d33.445291456821685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe5c4294d38c5b31c!2zMzPCsDI2JzQzLjAiTiAxMTHCsDQzJzQ5LjgiVw!5e0!3m2!1sen!2sus!4v1647290732024!5m2!1sen!2sus" width="1920" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe> 6475 </div> 6476 </div> 6477 6478</section><section id="shopify-section-template--20172725321898__rich_text_jKy6VD" class="shopify-section maximize-section section-rich-text"><style data-shopify>.section--template--20172725321898__rich_text_jKy6VD { 6479 padding-top: calc(32px * var(--mobile-padding-ratio)); 6480 padding-bottom: calc(0px * var(--mobile-padding-ratio)); 6481 } 6482 @media screen and (min-width: 768px) { 6483 .section--template--20172725321898__rich_text_jKy6VD { 6484 padding-top: 32px; 6485 padding-bottom: 0px; 6486 } 6487 }</style> 6488 6489<div class="section--template--20172725321898__rich_text_jKy6VD relative page-width rounded-corners-container color-scheme-1 dark-color-scheme-2"> 6490 <div class="md:flex justify-center"> 6491 <div class="w-full text-center md:text-center"><div 6492 class="rich-text__text block-text_wmgX3m w-full flex justify-center rtl:-justify-center md:justify-center rtl:md:-justify-center mb-2 md:mb-3" 6493 6494 > 6495 <div class="md:max-w-[var(--max-width-block-text)] p-break-words rte leading-tight color-text-[rgba(var(--color-text))]"> 6496 <style data-shopify> 6497 .section--template--20172725321898__rich_text_jKy6VD .rte p { 6498 margin: 0px 6499 } 6500 </style> 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 <div class="truncate-text anm-fade-element " 6518 data-fade-on-intersect 6519 > 6520 <div class="rte"> 6521 <h3>Questions? Comments? Fill out the form below and our crew will get back to you within 24 hours.</h3> 6522 </div> 6523 </div> 6524</div> 6525 </div> 6526 6527 </div> 6528 </div> 6529</div> 6530 6531</section><section id="shopify-section-template--20172725321898__contact_form_Cn9bjT" class="shopify-section maximize-section section-contact-form"> 6532<style data-shopify>.section--template--20172725321898__contact_form_Cn9bjT { 6533 padding-top: calc(32px * var(--mobile-padding-ratio)); 6534 padding-bottom: calc(28px * var(--mobile-padding-ratio)); 6535 } 6536 @media (min-width: 768px) { 6537 .section--template--20172725321898__contact_form_Cn9bjT { 6538 padding-top: 32px; 6539 padding-bottom: 28px; 6540 } 6541 }</style> 6542 6543<div class="section--template--20172725321898__contact_form_Cn9bjT color-scheme-1 dark-color-scheme-2 page-width rounded-corners-container"> 6544 <div class="contact-has-info w-full "> 6545 <div class="contact-form-template--20172725321898__contact_form_Cn9bjT flex flex-col gap-5 md:gap-10 md:gap-y-0 md:flex-row w-full gap-y-7 md:gap-x-[4%]" 6546 > 6547 <div class="contact-form-container flex justify-center md:px-5 w-full lg:w-[48%] form-align-left md:justify-end rtl:md:justify-start"> 6548 6549 6550 <div class="contact-form w-full max-w-[800px]" x-data="{ email: '', error: validateEmail('') }"> 6551 <div class="heading-form text-left heading-content-spacing"><h2 class="heading-medium block mt-2 leading-tight anm-fade-element" data-fade-on-intersect> 6552 Get in touch 6553 </h2> 6554 </div><form method="post" action="/contact#ContactForm-template--20172725321898__contact_form_Cn9bjT" id="ContactForm-template--20172725321898__contact_form_Cn9bjT" accept-charset="UTF-8" class="maximize"><input type="hidden" name="form_type" value="contact" /><input type="hidden" name="utf8" value="✓" /><div class="contact__fields"> 6555 6556 <div 6557 id="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT__val
6557idation" 6558 class="flash-message error-message mb-1" 6559 x-show="error.isError === true && error.isInvalid === true" 6560 x-cloak 6561 > 6562 <p>Email is invalid</p> 6563 </div> 6564 6565<div 6566 class="text-field__wrapper mb-2.5" 6567 6568 > 6569 <input 6570 type="text" 6571 id="ContactFormName-template--20172725321898__contact_form_Cn9bjT" 6572 class="text-field__input" 6573 name="contact[Name]" 6574 value="" 6575 autocapitalize="words" 6576 placeholder="Name" 6577 6578 required 6579 6580 > 6581 <label 6582 class="text-field__label" 6583 for="ContactFormName-template--20172725321898__contact_form_Cn9bjT" 6584 >Name 6585 6586 <span aria-hidden="true">*</span> 6587 </label> 6588 </div><div 6589 class="text-field__wrapper mb-2.5" 6590 6591 > 6592 <input 6593 type="email" 6594 id="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT" 6595 class="text-field__input" 6596 name="contact[email]" 6597 autocomplete="email" 6598 autocapitalize="off" 6599 autocorrect="off" 6600 value="" 6601 placeholder="Email" 6602 x-model="email" 6603 @input.debounce.500ms="error = validateEmail(email)" 6604 required 6605 > 6606 <label 6607 class="text-field__label" 6608 for="ContactFormEmail-template--20172725321898__contact_form_Cn9bjT" 6609 >Email 6610 <span aria-hidden="true">*</span> 6611 </label> 6612 </div><div 6613 class="text-field__wrapper mb-2.5" 6614 6615 > 6616 <input 6617 type="tel" 6618 id="ContactFormPhone-template--20172725321898__contact_form_Cn9bjT" 6619 class="text-field__input" 6620 name="contact[Phone number]" 6621 pattern="[0-9\-]*" 6622 value="" 6623 placeholder="Phone number" 6624 required> 6625 <label 6626 class="text-field__label" 6627 for="ContactFormPhone-template--20172725321898__contact_form_Cn9bjT" 6628 >Phone number 6629 6630 <span aria-hidden="true">*</span></label> 6631 </div><div 6632 class="text-field__wrapper mb-2 md:mb-3" 6633 6634 > 6635 <textarea 6636 id="ContactFormMessage-template--20172725321898__contact_form_Cn9bjT" 6637 class="text-field__input" 6638 rows="4" 6639 name="contact[Message]" 6640 placeholder="Message" 6641 6642 required 6643 ></textarea> 6644 <label 6645 class="text-field__label" 6646 for="ContactFormMessage-template--20172725321898__contact_form_Cn9bjT" 6647 >Message 6648 6649 <span aria-hidden="true">*</span></label> 6650 </div></div> 6651 <div class="button-submit__contact-form mt-5"> 6652 <custom-button> 6653 <button 6654 type="submit" 6655 class="button button-primary w-full cursor-pointer empty:hidden pointer-events-auto" 6656 :disabled="error.isError === true" 6657 > 6658 6659 6660 6661 <span class="button-text text-nowrap">Send</span> 6662 6663 6664 6665 </button> 6666 </custom-button> 6667 </div></form></div> 6668 </div> 6669 6670 6671 <div class="contact-information w-full lg:w-[48%] align-right flex justify-center md:px-5 md:justify-start rtl:md:justify-end"> 6672 <div class="w-full max-w-[800px]"> 6673 <div class="form-heading heading-content-spacing"><h2 class="heading-medium block mt-2 leading-tight anm-fade-element" data-fade-on-intersect> 6674 Contact infomation 6675 </h2> 6676 </div> 6677 <ul class="flex gap-y-4 flex-col pb-9"> 6678 6679 <li class="rte flex items-center gap-4 anm-fade-element" data-fade-on-intersect>
6680 <span class="w-5"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" 6681 style="fill:none"> 6682 <path 6683 d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z" 6684 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6685 <path 6686 d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z" 6687 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6688 </svg></span> 6689 <span>4641 E Ivy St.Mesa, AZ 85205</span> 6690 </li> 6691 6692 6693 <li class="rte flex items-center gap-4 anm-fade-element" data-fade-on-intersect> 6694 <span class="w-5"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 6695 <path 6696 d="M3.4597 8.67394C3.42327 7.99521 2.84352 7.47451 2.16478 7.51094C1.48605 7.54737 0.965371 8.12714 1.0018 8.80586L3.4597 8.67394ZM5.04462 2.38313C4.57652 2.87596 4.59656 3.65495 5.08939 4.12306C5.58222 4.59116 6.3612 4.57113 6.82932 4.0783L5.04462 2.38313ZM14.8024 29.8203C15.3779 30.182 16.1377 30.0087 16.4994 29.4332C16.861 28.8577 16.6876 28.0979 16.1121 27.7363L14.8024 29.8203ZM22.1029 30.2241C21.4377 30.0848 20.7854 30.5113 20.6461 31.1765C20.5067 31.8418 20.9331 32.4941 21.5985 32.6334L22.1029 30.2241ZM22.9752 22.8157L23.7225 22.0288L21.9378 20.3337L21.1905 21.1206L22.9752 22.8157ZM26.1818 21.6975L29.3169 23.5021L30.5448 21.3688L27.4098 19.5643L26.1818 21.6975ZM29.9219 27.2433L27.5909 29.6975L29.3757 31.3927L31.7066 28.9386L29.9219 27.2433ZM11.0202 23.4967C4.6596 16.8001 3.59268 11.1515 3.4597 8.67394L1.0018 8.80586C1.16467 11.8404 2.45312 18.0513 9.23549 25.1918L11.0202 23.4967ZM13.2771 12.6054L13.7478 12.1099L11.963 10.4148L11.4924 10.9103L13.2771 12.6054ZM14.1175 5.94072L12.0482 3.01408L10.0384 4.43511L12.1076 7.36173L14.1175 5.94072ZM12.3847 11.7578C11.4924 10.9103 11.4912 10.9115 11.4901 10.9127C11.4897 10.9131 11.4886 10.9143 11.4878 10.9151C11.4862 10.9168 11.4846 10.9185 11.483 10.9202C11.4798 10.9237 11.4764 10.9273 11.473 10.9311C11.4661 10.9387 11.4588 10.9469 11.4511 10.9557C11.4358 10.9734 11.4189 10.9936 11.4009 11.0163C11.3648 11.0619 11.324 11.1179 11.2812 11.1848C11.1954 11.319 11.1022 11.4957 11.0234 11.7173C10.8631 12.1678 10.7757 12.7645 10.8849 13.5096C11.0994 14.9735 12.0586 16.9422 14.565 19.5809L16.3497 17.8857C14.0069 15.4192 13.4299 13.9002 13.3203 13.1527C13.2675 12.7921 13.3212 12.6021 13.3424 12.5425C13.3543 12.5089 13.3621 12.4996 13.3545 12.5115C13.3508 12.5173 13.3434 12.5282 13.331 12.5439C13.3248 12.5517 13.3173 12.5608 13.3084 12.571C13.3039 12.5762 13.2991 12.5816 13.2939 12.5873C13.2913 12.5902 13.2886 12.5931 13.2858 12.5962C13.2844 12.5977 13.283 12.5992 13.2815 12.6007C13.2808 12.6015 13.2797 12.6027 13.2793 12.6031C13.2782 12.6043 13.2771 12.6054 12.3847 11.7578ZM14.565 19.5809C17.0638 22.2118 18.9513 23.2461 20.3912 23.4799C21.13 23.5999 21.7281 23.5041 22.181 23.3255C22.4024 23.2382 22.5776 23.1357 22.7091 23.0425C22.7746 22.9959 22.8292 22.9517 22.8733 22.9132C22.8953 22.8938 22.9149 22.8757 22.9318 22.8593C22.9403 22.8513 22.948 22.8434 22.9552 22.8362C22.9588 22.8326 22.9624 22.829 22.9657 22.8255C22.9674 22.8239 22.969 22.8222 22.9705 22.8206C22.9713 22.8198 22.9725 22.8185 22.9729 22.8181C22.9741 22.8168 22.9752 22.8157 22.0829 21.9681C21.1905 21.1206 21.1917 21.1194 21.1927 21.1183C21.1932 21.1178 21.1941 21.1166 21.195 21.1158C21.1964 21.1143 21.1979 21.1129 21.1992 21.1114C21.2022 21.1084 21.205 21.1055 21.2078 21.1027C21.2132 21.0973 21.2184 21.092 21.2234 21.0873C21.2334 21.0777 21.2422 21.0695 21.2501 21.0626C21.2659 21.0489 21.2775 21.04 21.2851 21.0347C21.3003 21.0238 21.2988 21.0275 21.2778 21.0357C21.2462 21.0482 21.0972 21.1009 20.7857 21.0503C20.1252 20.943 18.6997 20.36 16.3497 17.8857L14.565 19.5809ZM12.0482 3.01408C10.385 0.661635 7.05674 0.264752 5.04462 2.38313L6.82932 4.0783C7.68726 3.17503 9.19765 3.24598 10.0384 4.43511L12.0482 3.01408ZM27.5909 29.6975C27.1329 30.1797 26.654 30.4379 26.1882 30.4839L26.4301 32.9335C27.6559 32.8124 28.648 32.1587 29.3757 31.3927L27.5909 29.6975ZM13.7478 12.1099C15.3354 10.4383 15.4478 7.82235 14.1175 5.94072L12.1076 7.36173C12.8004 8.3415 12.6941 9.64505 11.963 10.4148L13.7478 12.1099ZM29.3169 23.5021C30.664 24.2774 30.9275 26.1847 29.9219 27.2433L31.7066 28.9386C33.8481 26.6841 33.2244 22.9112 30.5448 21.3688L29.3169 23.5021ZM23.7225 22.0288C24.355 21.3629 25.3405 21.2133 26.1818 21.6975L27.4098 19.5643C25.6072 18.5267 23.3717 18.8242 21.9378 20.3337L23.7225 22.0288ZM16.1121 27.7363C14.4979 26.7218 12.7798 25.3492 11.0202 23.4967L9.23549 25.1918C11.1292 27.1856 13.0054 28.691 14.8024 29.8203L16.1121 27.7363ZM26.1882 30.4839C25.2915 30.5725 23.8722 30.5947 22.1029 30.2241L21.5985 32.6334C23.6472 33.0623 25.3212 33.043 26.4301 32.9335L26.1882 30.4839Z" 6697 fill="currentColor"/> 6698 </svg></span>
6699 <span>888.611.9299</span> 6700 </li> 6701 6702 6703 <li class="flex items-center gap-4 anm-fade-element" data-fade-on-intersect> 6704 <span class="w-5"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 6705 <path 6706 d="M35 10.3636C34.9989 9.20668 34.5507 8.09745 33.754 7.27936C32.9572 6.46127 31.8768 6.00116 30.75 6H5.25C4.12318 6.00116 3.04282 6.46127 2.24604 7.27936C1.44925 8.09745 1.00113 9.20668 1 10.3636L1 25.6364C1 25.7233 1.02004 25.8044 1.02497 25.89C0.996334 26.0739 1.01489 26.2623 1.0788 26.4366C1.26066 27.4366 1.777 28.3399 2.53861 28.9905C3.30021 29.6412 4.25924 29.9982 5.25 30H30.75C31.7407 29.9982 32.6998 29.6412 33.4614 28.9905C34.223 28.3399 34.7393 27.4366 34.9212 26.4367C34.9851 26.2624 35.0037 26.074 34.975 25.89C34.98 25.8044 35 25.7233 35 25.6364V10.3636ZM26.2051 17.49L32.875 13.3813V23.6079L26.2051 17.49ZM5.25 8.18182H30.75C31.3134 8.18257 31.8534 8.41268 32.2518 8.82169C32.6502 9.23069 32.8743 9.78521 32.875 10.3636V10.8369L20.733 18.3164C19.908 18.8266 18.9631 19.0962 18 19.0962C17.0369 19.0962 16.092 18.8266 15.267 18.3164L3.125 10.8369V10.3636C3.12573 9.78521 3.34985 9.23069 3.74821 8.82169C4.14656 8.41268 4.68664 8.18257 5.25 8.18182ZM3.125 13.3813L9.79488 17.49L3.125 23.6079V13.3813ZM30.75 27.8182H5.25C4.81869 27.8169 4.39798 27.6809 4.04385 27.4281C3.68972 27.1753 3.41896 26.8178 3.26761 26.4031L11.7032 18.6655L14.1733 20.1871C15.3287 20.9009 16.6516 21.2781 18 21.2781C19.3484 21.2781 20.6713 20.9009 21.8267 20.1871L24.2968 18.6655L32.7324 26.4031C32.581 26.8178 32.3103 27.1753 31.9562 27.4281C31.602 27.6809 31.1813 27.8169 30.75 27.8182Z" 6707 fill="currentColor"/> 6708 </svg></span> 6709 <a class="text-link relative" href="mailto:[email protected]">[email protected]</a> 6710 </li> 6711 6712 </ul> 6713 6714 <div class="pt-6 border-t rte anm-fade-element" data-fade-on-intersect> 6715 <p>Available Support Hours</p><p>Mon - Fri, 8am - 4pm,</p> 6716 </div> 6717 6718 </div> 6719 </div> 6720 6721 6722 6723 </div> 6724 </div> 6725</div> 6726 6727</section><section id="shopify-section-template--20172725321898__text_columns_with_icons_HyXWVU" class="shopify-section maximize-section section-text-columns-icons"><style data-shopify>.section--template--20172725321898__text_columns_with_icons_HyXWVU { 6728 padding-top: calc(64px * var(--mobile-padding-ratio)); 6729 padding-bottom: calc(72px * var(--mobile-padding-ratio)); 6730 } 6731 .section--template--20172725321898__text_columns_with_icons_HyXWVU .slider-container { 6732 --swiffy-slider-item-gap: 0px; 6733 } 6734 .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-row { 6735 row-gap: 26px; 6736 } 6737 .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-column { 6738 padding: 0 13.0px; 6739 } 6740 .size-icon-template--20172725321898__text_columns_with_icons_HyXWVU { 6741 width: 28.0px; 6742 height: 28.0px; 6743 } 6744 .color-icon--template--20172725321898__text_columns_with_icons_HyXWVU { 6745 6746 color: var(--color-text); 6747 6748 } 6749 .dark .color-icon--template--20172725321898__text_columns_with_icons_HyXWVU { 6750 6751 color: rgba(var(--color-text)); 6752 6753 } 6754 6755 .maximize-theme:not(.dark) .column-background-template--20172725321898__text_columns_with_icons_HyXWVU { 6756 6757 6758 6759 } 6760 6761 .maximize-theme.dark .column-background-template--20172725321898__text_columns_with_icons_HyXWVU { 6762 6763 background: inherit; 6764 6765 6766 } 6767 .section--template--20172725321898__text_columns_with_icons_HyXWVU .margin-columns { 6768 margin: 0 -13.0px; 6769 } 6770 .section--template--20172725321898__text_columns_with_icons_HyXWVU .swiffy-slide-progress { 6771 margin: 0 13.0px; 6772 } 6773 6774 .text-icon-column__item::after { 6775 position: absolute; 6776 top: 0; 6777 right: 0; 6778 height: 50%; 6779 transform: translateY(50%); 6780 } 6781 6782 @media (min-width: 768px) { 6783 .section--template--20172725321898__text_columns_with_icons_HyXWVU { 6784 padding-top: 64px; 6785 padding-bottom: 72px; 6786 } 6787 .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-row { 6788 row-gap: 48px; 6789 } 6790 .section--template--20172725321898__text_columns_with_icons_HyXWVU .spacing-column { 6791 padding: 0 24.0px; 6792 } 6793 .section--template--20172725321898__text_columns_with_icons_HyXWVU .margin-columns { 6794 margin: 0 -24.0px; 6795 } 6796 .section--template--20172725321898__text_columns_with_icons_HyXWVU .swiffy-slide-progress { 6797 margin: 0 24.0px; 6798 } 6799 .size-icon-template--20172725321898__text_columns_with_icons_HyXWVU { 6800 width: 40px; 6801 height: 40px; 6802 } 6803 }</style> 6804 6805<div class="text-icon-column section--template--20172725321898__text_columns_with_icons_HyXWVU rounded-corners-container color-scheme-1 dark-color-scheme-2 page-width" 6806> 6807 6808 <div 6809 6810 class="text-icon-column__container overflow-hidden w-auto" 6811 6812 ><div 6813 class="text-icon-column__blocks margin-columns flex flex-wrap spacing-row justify-center" 6814 data-mobile-gap="0px" 6815 data-desktop-gap="0px" 6816 ><div 6817 x-slide-index="0" 6818 id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-1" 6819 class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative after:border-r md:after:border-r" 6820 > 6821 <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU" 6822 data-fade-on-intersect> 6823 6824 <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5" 6825 >
6826 <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU"> 6827 6828 6829 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 6830 <path d="M48.1912 5.67485C49.2287 4.77505 50.7713 4.77505 51.8088 5.67485L60.7643 13.4429C61.3288 13.9324 62.0679 14.1722 62.8126 14.1074L74.6313 13.0787C76.0002 12.9596 77.2482 13.8649 77.558 15.2017L80.23 26.742C80.3987 27.4692 80.8551 28.097 81.4959 28.4816L91.6631 34.5853C92.8407 35.2923 93.3174 36.7572 92.7805 38.0203L88.149 48.9247C87.8571 49.6122 87.8571 50.3878 88.149 51.0753L92.7805 61.9797C93.3174 63.2427 92.8407 64.7077 91.6631 65.4149L81.4959 71.5183C80.8551 71.9029 80.3987 72.5308 80.23 73.2582L77.558 84.7982C77.2482 86.1351 76.0002 87.0406 74.6313 86.9213L62.8126 85.8928C62.0679 85.8276 61.3288 86.0676 60.7643 86.5569L51.8088 94.3254C50.7713 95.2249 49.2287 95.2249 48.1912 94.3254L39.2355 86.5569C38.6712 86.0676 37.932 85.8276 37.1873 85.8928L25.3688 86.9213C23.9998 87.0406 22.7518 86.1351 22.4422 84.7982L19.77 73.2582C19.6016 72.5308 19.1447 71.9029 18.5041 71.5183L8.33717 65.4149C7.15943 64.7077 6.68272 63.2427 7.21928 61.9797L11.8513 51.0753C12.1431 50.3878 12.1431 49.6122 11.8513 48.9247L7.21928 38.0203C6.68272 36.7572 7.15943 35.2923 8.33717 34.5853L18.5041 28.4816C19.1447 28.097 19.6016 27.4692 19.77 26.742L22.4422 15.2017C22.7518 13.8649 23.9998 12.9596 25.3688 13.0787L37.1873 14.1074C37.932 14.1722 38.6712 13.9324 39.2355 13.4429L48.1912 5.67485Z" stroke="currentColor" stroke-width="6.5"/> 6831 <path d="M36.2109 54.5885L45.4041 63.7673L68.3871 40.8203" stroke="currentColor" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/> 6832 </svg> 6833 6834 6835 6836 </span> 6837 </div> 6838 6839 <div class="text-icon-column__item__text"> 6840 6841 <span class="h5 p-break-words heading-small text-center"> 6842 <p class="text-[70%]"> 6843 6844 6845 6846 6847 6848 6849<span class="inline-block " 6850 6851> 6852 Quality and Saving 6853</span> 6854 6855 </p> 6856 </span> 6857 6858 6859 <div class="rte margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]"> 6860 6861 6862 6863 6864 6865<span class="inline-block " 6866 6867> 6868 <p>Comprehensive quality control and affordable prices.</p> 6869</span> 6870 </div> 6871 6872 </div> 6873 </div> 6874 </div><div 6875 x-slide-index="1" 6876 id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-2" 6877 class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative md:after:border-r" 6878 > 6879 <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU" 6880 data-fade-on-intersect> 6881 6882 <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5" 6883 > 6884 <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU"> 6885 6886 6887 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 6888 <path fill-rule="evenodd" clip-rule="evenodd" d="M52.9999 10H14C12.4087 10 10.8826 10.688 9.75735 11.9128C8.63214 13.1375 8 14.7986 8 16.5306V23.0612C8 23.9272 8.31607 24.7578 8.87868 25.3701C9.44128 25.9825 10.2043 26.3265 11 26.3265C11.7956 26.3265 12.5587 25.9825 13.1213 25.3701C13.6839 24.7578 14 23.9272 14 23.0612V16.5306H52.9999V75.3061H49.9999C49.2042 75.3061 48.4412 75.6501 47.8786 76.2625C47.316 76.8749 46.9999 77.7054 46.9999 78.5714C46.9999 79.4374 47.316 80.268 47.8786 80.8803C48.4412 81.4927 49.2042 81.8367 49.9999 81.8367H55.9999C56.7955 81.8367 57.5586 81.4927 58.1212 80.8803C58.6838 80.268 58.9999 79.4374 58.9999 78.5714V16.5306C58.9999 14.7986 58.3677 13.1375 57.2425 11.9128C56.1173 10.688 54.5912 10 52.9999 10Z" fill="currentColor"/> 6889 <path fill-rule="evenodd" clip-rule="evenodd" d="M33.5004 67.1426C31.2388 67.1419 29.0374 67.9362 27.2238 69.407C25.4103 70.87
688979 24.0816 72.9468 23.4354 75.3058H14.0004V72.0405C14.0004 71.1745 13.6844 70.344 13.1218 69.7316C12.5592 69.1193 11.7961 68.7752 11.0005 68.7752C10.2048 68.7752 9.44175 69.1193 8.87914 69.7316C8.31654 70.344 8.00047 71.1745 8.00047 72.0405V78.545C7.98416 78.9798 8.05042 79.4135 8.1951 79.8192C8.33977 80.2248 8.55976 80.5936 8.84131 80.9025C9.12286 81.2114 9.45992 81.4538 9.83143 81.6145C10.2029 81.7752 10.6009 81.8507 11.0005 81.8365H23.4354C23.9918 83.8675 25.056 85.6902 26.5093 87.1008C27.9626 88.5114 29.7476 89.4543 31.6649 89.8243C33.5822 90.1942 35.5563 89.9766 37.3665 89.1957C39.1767 88.4147 40.7517 87.1013 41.9156 85.4022C43.0795 83.7031 43.7863 81.6851 43.9572 79.5739C44.128 77.4627 43.7561 75.3413 42.8831 73.4469C42.01 71.5525 40.6701 69.9596 39.0132 68.8463C37.3563 67.733 35.4476 67.1431 33.5004 67.1426ZM33.5004 83.4691C32.6104 83.4691 31.7404 83.1818 31.0003 82.6436C30.2603 82.1055 29.6835 81.3405 29.3429 80.4455C29.0024 79.5505 28.9132 78.5657 29.0869 77.6156C29.2605 76.6655 29.6891 75.7928 30.3184 75.1078C30.9478 74.4228 31.7496 73.9563 32.6225 73.7673C33.4954 73.5783 34.4002 73.6753 35.2225 74.046C36.0447 74.4167 36.7475 75.0445 37.242 75.85C37.7365 76.6555 38.0004 77.6024 38.0004 78.5711C38.0004 79.8702 37.5263 81.116 36.6824 82.0345C35.8385 82.9531 34.6939 83.4691 33.5004 83.4691Z" fill="currentColor"/> 6890 <path fill-rule="evenodd" clip-rule="evenodd" d="M94.9999 59.7953C95.0089 58.7511 94.7877 57.7198 94.3549 56.7879L83.4019 33.17C82.902 32.09 82.1363 31.1824 81.1903 30.5482C80.2442 29.914 79.155 29.5782 78.044 29.5781H65C64.2043 29.5781 63.4413 29.9221 62.8787 30.5345C62.3161 31.1469 62 31.9774 62 32.8434C62 33.7094 62.3161 34.54 62.8787 35.1523C63.4413 35.7647 64.2043 36.1087 65 36.1087H78.038L88.9999 59.743C88.9999 60.7553 88.9999 70.192 88.9999 75.3055H82.5649C81.8443 72.6747 80.2778 70.4142 78.1518 68.9372C76.0259 67.4603 73.4825 66.8656 70.9868 67.2619C68.4911 67.6582 66.2098 69.0191 64.5602 71.0956C62.9105 73.1721 62.0027 75.8256 62.0027 78.5708C62.0027 81.3159 62.9105 83.9694 64.5602 86.0459C66.2098 88.1224 68.4911 89.4833 70.9868 89.8796C73.4825 90.2759 76.0259 89.6812 78.1518 88.2043C80.2778 86.7273 81.8443 84.4668 82.5649 81.8361H91.9999C92.7956 81.8361 93.5586 81.492 94.1212 80.8797C94.6838 80.2673 94.9999 79.4368 94.9999 78.5708C94.9999 78.5708 94.9999 61.1993 94.9999 59.7953ZM72.5 83.4687C71.61 83.4687 70.7399 83.1815 69.9999 82.6433C69.2599 82.1051 68.6831 81.3401 68.3425 80.4451C68.0019 79.5501 67.9128 78.5653 68.0864 77.6152C68.2601 76.6651 68.6887 75.7924 69.318 75.1074C69.9473 74.4224 70.7492 73.9559 71.6221 73.7669C72.495 73.5779 73.3998 73.6749 74.222 74.0456C75.0443 74.4164 75.7471 75.0441 76.2416 75.8496C76.736 76.6551 77 77.602 77 78.5708C77 79.8698 76.5259 81.1156 75.6819 82.0341C74.838 82.9527 73.6934 83.4687 72.5 83.4687Z" fill="currentColor"/> 6891 <path fill-rule="evenodd" clip-rule="evenodd" d="M31.9999 36.1224C32.7956 36.1224 33.5586 35.7784 34.1212 35.166C34.6838 34.5537 34.9999 33.7231 34.9999 32.8571C34.9999 31.9911 34.6838 31.1605 34.1212 30.5482C33.5586 29.9358 32.7956 29.5918 31.9999 29.5918H7.99999C7.20434 29.5918 6.44128 29.9358 5.87868 30.5482C5.31607 31.1605 5 31.9911 5 32.8571C5 33.7231 5.31607 34.5537 5.87868 35.166C6.44128 35.7784 7.20434 36.1224 7.99999 36.1224H31.9999Z" fill="currentColor"/> 6892 <path fill-rule="evenodd" clip-rule="evenodd" d="M32 42.6523H11.999C11.2034 42.6523 10.4403 42.9964 9.8777 43.6087C9.31509 44.2211 8.99902 45.0516 8.99902 45.9176C8.99902 46.7837 9.31509 47.6142 9.8777 48.2266C10.4403 48.8389 11.2034 49.183 11.999 49.183H32C32.7956 49.183 33.5587 48.8389 34.1213 48.2266C34.6839 47.6142 34.9999 46.7837 34.9999 45.9176C34.9999 45.0516 34.6839 44.2211 34.1213 43.6087C33.5587 42.9964 32.7956 42.6523 32 42.6523Z" fill="currentColor"/> 6893 <path fill-rule="evenodd" clip-rule="evenodd" d="M32 55.7148H20C19.2043 55.7148 18.4413 56.0589 17.8787 56.6712C17.3161 57.2836 17 58.1141 17 58.9801C17 59.8462 17.3161 60.6767 17.8787 61.2891C18.4413 61.9014 19.2043 62.2455 20 62.2455H32C32.7956 62.2455 33.5587 61.9014 34.1213 61.2891C34.6839 60.6767 34.9999 59.8462 34.9999 58.9801C34.9999 58.1141 34.6839 57.2836 34.1213 56.
68936712C33.5587 56.0589 32.7956 55.7148 32 55.7148Z" fill="currentColor"/> 6894 </svg> 6895 6896 6897 6898 </span> 6899 </div> 6900 6901 <div class="text-icon-column__item__text"> 6902 6903 <span class="h5 p-break-words heading-small text-center"> 6904 <p class="text-[70%]"> 6905 6906 6907 6908 6909 6910 6911<span class="inline-block " 6912 6913> 6914 Fast Shipping 6915</span> 6916 6917 </p> 6918 </span> 6919 6920 6921 <div class="rte margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]"> 6922 6923 6924 6925 6926 6927<span class="inline-block " 6928 6929> 6930 <p>Fast and convenient door to door delivery.</p> 6931</span> 6932 </div> 6933 6934 </div> 6935 </div> 6936 </div><div 6937 x-slide-index="2" 6938 id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-3" 6939 class="text-icon-column__item spacing-column w-1/2 md:w-1/5 relative after:border-r md:after:border-r" 6940 > 6941 <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU" 6942 data-fade-on-intersect> 6943 6944 <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5" 6945 > 6946 <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU"> 6947 6948 6949 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 6950 <path d="M50 95C74.8118 95 95 74.8119 95 50C95 25.1882 74.8118 5 50 5C39.9049 5 30.1796 8.42616 22.3077 14.5799V5H15.3846V25.7692H36.1538V18.846H28.1626C34.5231 14.3874 42.1255 11.9229 50 11.9228C71.0703 11.9228 88.0769 28.9297 88.0769 50C88.0769 71.0703 71.0703 88.0768 50 88.0768C28.9297 88.0768 11.9231 71.0703 11.9231 50C11.9231 44.6023 13.071 39.2689 15.29 34.3485L8.97539 31.5022C6.35295 37.3172 5 43.6211 5 50C5 74.8119 25.1882 95 50 95ZM53.4615 70.7692V67.3076C59.1558 67.3076 63.8462 62.6175 63.8462 56.9232C63.8462 51.229 59.1558 46.5384 53.4615 46.5384H46.5385C44.5857 46.5384 43.0769 45.0296 43.0769 43.0768C43.0769 41.1242 44.5857 39.6152 46.5385 39.6152H53.4615C55.4143 39.6152 56.9231 41.1242 56.9231 43.0768H63.8462C63.8462 37.3826 59.1558 32.692 53.4615 32.692V29.2308H46.5385V32.692C40.8442 32.692 36.1538 37.3826 36.1538 43.0768C36.1538 48.7712 40.8442 53.4616 46.5385 53.4616H53.4615C55.4143 53.4616 56.9231 54.9704 56.9231 56.9232C56.9231 58.876 55.4143 60.3844 53.4615 60.3844H46.5385C44.5857 60.3844 43.0769 58.876 43.0769 56.9232H36.1538C36.1538 62.6175 40.8442 67.3076 46.5385 67.3076V70.7692H53.4615Z" fill="currentColor"/> 6951 </svg> 6952 6953 6954 6955 </span> 6956 </div> 6957 6958 <div class="text-icon-column__item__text"> 6959 6960 <span class="h5 p-break-words heading-small text-center"> 6961 <p class="text-[70%]"> 6962 6963 6964 6965 6966 6967 6968<span class="inline-block " 6969 6970> 6971 Payment Security 6972</span> 6973 6974 </p> 6975 </span> 6976 6977 6978 <div class="rte margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]"> 6979 6980 6981 6982 6983 6984<span class="inline-block " 6985 6986> 6987 <p>More than 10 different secure payment methods.</p> 6988</span> 6989 </div> 6990 6991 </div> 6992 </div> 6993 </div><div 6994 x-slide-index="3" 6995 id="Slide-template--20172725321898__text_columns_with_icons_HyXWVU-4" 6996 class="text-icon-column__item spacing-column w-1/2 md:w-1/5" 6997 > 6998 <div class="h-full anm-fade-element py-0 md:py-0 column-background-template--20172725321898__text_columns_with_icons_HyXWVU" 6999 data-fade-on-intersect> 7000 7001 <div class="text-icon-column__item__icon text-center shrink-0 mb-1.5" 7002 >
7003 <span class=" inline-block relative size-icon-template--20172725321898__text_columns_with_icons_HyXWVU color-icon--template--20172725321898__text_columns_with_icons_HyXWVU"> 7004 7005 7006 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7007 <path d="M43.2757 70.8633V84.3943C43.2582 84.9027 43.0433 85.3846 42.6766 85.738C42.3099 86.0913 41.82 86.289 41.3103 86.2883H27.0778C24.7377 85.895 22.6193 84.6691 21.1138 82.8381" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7008 <path d="M21.1135 82.9052C21.1135 82.9052 13.7261 76.4778 30.8728 59.3617H38.5312L27.0775 40.4863H6L11.7607 47.8606C11.7607 47.8606 7.89765 48.5371 7.89765 53.8818C9.92392 64.469 14.455 74.4199 21.1135 82.9052Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7009 <path d="M72.7559 45.7628L82.7866 38.9975C83.0104 38.8987 83.2532 38.8477 83.498 38.8477C83.7435 38.8477 83.9856 38.8987 84.21 38.9975C84.4718 39.0281 84.7234 39.1169 84.9458 39.2573C85.1689 39.3979 85.3574 39.5864 85.4978 39.8093L93.2914 51.4457C93.7573 52.3812 93.9994 53.4117 93.9994 54.4564C93.9994 55.501 93.7573 56.5314 93.2914 57.4669" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7010 <path d="M93.5636 56.791C93.5636 56.791 91.395 65.586 68.962 63.5564V57.6705L55.814 74.8542L68.2843 94.0003L68.962 85.0027C68.962 85.0027 71.4698 88.0468 75.7392 85.0027C82.9002 76.424 88.8934 66.9378 93.5636 56.791Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7011 <path d="M32.0931 31.6219L22.9437 27.4274C22.4924 27.1947 22.1447 26.8017 21.9691 26.3259C21.7935 25.8501 21.8027 25.3259 21.9948 24.8566L29.721 9.43152C30.2371 8.51827 30.9589 7.73729 31.8293 7.15024C32.6997 6.56319 33.6948 6.18613 34.7362 6.04883" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7012 <path d="M34.7354 6.05025C34.7354 6.05025 43.0715 6.05025 53.6442 26.3463L48.1545 33.1117H70.9266L78.9915 11.8684L69.5031 14.7776C69.3652 13.3097 68.8327 11.9062 67.9619 10.7154C67.091 9.52454 65.9142 8.59063 64.5557 8.0122C59.8844 6.46848 54.9666 5.80323 50.0521 6.05025H34.7354Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/> 7013 </svg> 7014 7015 7016 7017 </span> 7018 </div> 7019 7020 <div class="text-icon-column__item__text"> 7021 7022 <span class="h5 p-break-words heading-small text-center"> 7023 <p class="text-[70%]"> 7024 7025 7026 7027 7028 7029 7030<span class="inline-block " 7031 7032> 7033 Have Questions? 7034</span> 7035 7036 </p> 7037 </span> 7038 7039 7040 <div class="rte margin-y-0 text-medium text-center p-break-words color-text-[rgba(var(--color-text))]"> 7041 7042 7043 7044 7045 7046<span class="inline-block " 7047 7048> 7049 <p>24/7 Customer Service - We’re here and happy to help!</p> 7050</span> 7051 </div> 7052 7053 </div> 7054 </div> 7055 </div></div> 7056 7057 7058 7059<div 7060 class="swiffy-slide-indicator flex-row gap-1.5 justify-center items-center mt-3 lg:hidden md:hidden hidden" 7061> 7062 7063 <div class="indicator-arrow__button w-10 h-10 p-3 rotate-180 rtl:rotate-0 indicator-arrow-prev active"> 7064 <svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" 7065 style="fill: none"> 7066 <path fill-rule="evenodd" clip-rule="evenodd" 7067 d="M4.60535 1.01377C4.9559 0.702972 5.49268 0.734466 5.80427 1.08412L11.4658 7.43705C11.7518 7.75799 11.7518 8.24162 11.4658 8.56256L5.80427 14.9155C5.49268 15.2651 4.9559 15.2966 4.60535 14.9858C4.25481 14.675 4.22323 14.1396 4.53483 13.79L9.69485 7.9998L4.53483 2.20963C4.22323 1.85998 4.25481 1.32457 4.60535 1.01377Z" 7068 fill="currentColor"/> 7069 </svg> 7070 </div> 7071 7072 <div class="swiffy-slide-progress-container"> 7073 <div class="swiffy-slide-progress"> 7074 <div 7075 class="swiffy-slide-progress-bar progress-bar-active-width" 7076 ></div> 7077 </div> 7078 </div> 7079 7080 <div class="indicator-arrow__button w-10 h-10 p-3 rtl:rotate-180 indicator-arrow-next active">
7081 <svg width="100%" height="100%" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" 7082 style="fill: none"> 7083 <path fill-rule="evenodd" clip-rule="evenodd" 7084 d="M4.60535 1.01377C4.9559 0.702972 5.49268 0.734466 5.80427 1.08412L11.4658 7.43705C11.7518 7.75799 11.7518 8.24162 11.4658 8.56256L5.80427 14.9155C5.49268 15.2651 4.9559 15.2966 4.60535 14.9858C4.25481 14.675 4.22323 14.1396 4.53483 13.79L9.69485 7.9998L4.53483 2.20963C4.22323 1.85998 4.25481 1.32457 4.60535 1.01377Z" 7085 fill="currentColor"/> 7086 </svg> 7087 </div> 7088 7089</div> 7090 </div> 7091</div> 7092 7093</section> 7094 </main> 7095 7096 <!-- BEGIN sections: footer-group --> 7097<div id="shopify-section-sections--20172716638378__footer" class="shopify-section shopify-section-group-footer-group section-footer"> 7098<style data-shopify>.section-sections--20172716638378__footer-padding { 7099 padding-top: 30.0px; 7100 padding-bottom: 0.0px; 7101 } 7102 7103 @media screen and (min-width: 768px) { 7104 .section-sections--20172716638378__footer-padding { 7105 padding-top: 60px; 7106 padding-bottom: 0px; 7107 } 7108 }</style><footer 7109 id="x-footer" 7110 class="x-footer full-width-padded rounded-corners-container mb-4 md:mb-[30px]" 7111 ><div class="section-divider w-full"> 7112 <div class="divider m-auto border-t"></div> 7113 </div> 7114 <div class="footer section-sections--20172716638378__footer-padding selection:color-bg-[rgba(var(--color-text),0.2)]"><div class="footer-main md:grid md:gap-[var(--spacing-column)] md:grid-cols-3 lg:grid-cols-5" 7115 style="--spacing-column: 32px; --rounded-corners: 6px;" 7116 ><div class="footer-col footer-col-contact text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:pointer-events-none md:cursor-default"> 7117 <p class="h5">Contact us</p> 7118 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7119 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7120 class="" fill="none" viewBox="0 0 10 2"> 7121 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7122 fill="currentColor"> 7123 </svg> 7124 </span> 7125 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7126 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7127 class="" fill="none" viewBox="0 0 10 10"> 7128 <path fill-rule="evenodd" clip-rule="evenodd" 7129 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7130 fill="currentColor"> 7131 </svg> 7132 </span> 7133 </div><div 7134 class="footer-collapse__content md:!block md:!h-auto" 7135 x-show="open" x-collapse 7136 > 7137 <div> 7138 <div class="mb-6"> 7139<div class="inline-flex items-center gap-x-4"> 7140 7141 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7142 7143 7144 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7145 <path d="M61.0757 94.166C57.3649 94.1617 53.7048 93.3023 50.3785 91.6544C41.1308 87.114 32.6669 81.1222 25.307 73.9056C18.1033 66.5326 12.1221 58.0536 7.58988 48.7894C5.39948 44.2698 4.67306 39.1777 5.51212 34.2244C6.35117 29.2712 8.71379 24.7042 12.2699 21.1615L18.0363 15.3848C19.4068 14.0172 21.2624 13.2494 23.1969 13.2494C25.1313 13.2494 26.9869 14.0172 28.3574 15.3848L36.9653 24.0499C38.1862 25.3059 38.92 26.9569 39.0349 28.7062C39.1498 30.4556 38.6382 32.1887 37.5921 33.5941L33.4135 39.4545C35.3506 45.7875 38.825 51.5406 43.5256 56.1987C48.098 60.7031 53.6886 64.0348 59.8221 65.9103L65.6721 61.7242C67.0832 60.6703 68.8247 60.1583 70.5806 60.2812C72.3364 60.404 73.99 61.1537 75.241 62.394L83.8489 71.0172C85.214 72.3902 85.9805 74.2491 85.9805 76.187C85.9805 78.1248 85.214 79.9837 83.8489 81.3567L78.0825 87.1334C75.8479 89.3675 73.1958 91.1384 70.2776 92.3451C67.3595 93.5
7145518 64.2326 94.1705 61.0757 94.166ZM23.2178 19.529C23.0759 19.5283 22.9355 19.5578 22.8058 19.6156C22.6762 19.6733 22.5602 19.7579 22.4656 19.8639L16.6992 25.5987C14.0594 28.2304 12.3122 31.6268 11.7049 35.3077C11.0975 38.9886 11.6606 42.7676 13.3145 46.1103C17.6314 54.7246 23.2715 62.6066 30.0288 69.4684C36.8784 76.2378 44.7463 81.8879 53.3453 86.2125C56.682 87.8694 60.4543 88.4335 64.1286 87.8251C67.803 87.2166 71.1934 85.4663 73.8203 82.8218L79.3778 76.8777C79.4778 76.7837 79.5574 76.6702 79.6119 76.5442C79.6663 76.4182 79.6944 76.2824 79.6944 76.1451C79.6944 76.0078 79.6663 75.872 79.6119 75.746C79.5574 75.62 79.4778 75.5065 79.3778 75.4126L71.0207 66.7893C70.83 66.6215 70.585 66.529 70.3312 66.529C70.0774 66.529 69.8324 66.6215 69.6417 66.7893L62.6217 72.1056C62.2773 72.3592 61.884 72.5385 61.4669 72.6322C61.0497 72.7258 60.6177 72.7318 60.1982 72.6498C52.2274 70.6891 44.9798 66.4925 39.3053 60.5521C33.1615 54.8276 28.807 47.4409 26.7695 39.2871C26.6902 38.8667 26.6974 38.4344 26.7908 38.0169C26.8842 37.5994 27.0618 37.2054 27.3128 36.8592L32.6196 29.8266C32.787 29.6357 32.8794 29.3901 32.8794 29.1359C32.8794 28.8817 32.787 28.6362 32.6196 28.4452L23.9281 19.8639C23.8417 19.759 23.7332 19.6745 23.6104 19.6166C23.4876 19.5587 23.3535 19.5288 23.2178 19.529ZM90.9943 57.5382C93.714 52.3758 95.1476 46.6312 95.1729 40.794C95.1729 35.9734 94.223 31.2002 92.3777 26.7481C90.5325 22.296 87.8281 18.2526 84.4196 14.8498C81.0112 11.4469 76.9658 8.75155 72.5153 6.91823C68.0649 5.08491 63.2969 4.1497 58.4849 4.16623C52.6581 4.19152 46.9238 5.62766 41.7706 8.35227C41.0604 8.75106 40.5276 9.40476 40.2794 10.1816C40.0313 10.9584 40.0863 11.8005 40.4335 12.5383C40.8312 13.2499 41.4865 13.7814 42.2642 14.0229C43.0418 14.2644 43.8823 14.1975 44.6121 13.836C48.8699 11.6173 53.602 10.468 58.4014 10.4871C66.4399 10.476 74.1542 13.6615 79.85 19.3439C85.5458 25.0264 88.7575 32.7412 88.7796 40.794C88.7987 45.602 87.6515 50.3425 85.4368 54.608C85.0759 55.339 85.0091 56.181 85.2502 56.9601C85.4912 57.7391 86.0218 58.3956 86.7321 58.794C87.1903 59.0087 87.6889 59.1228 88.1946 59.1289C88.7596 59.1333 89.3158 58.9887 89.8073 58.7094C90.2987 58.4302 90.7081 58.0262 90.9943 57.5382ZM66.8421 49.1661C67.356 48.5905 67.6401 47.8453 67.6401 47.0731C67.6401 46.3008 67.356 45.5557 66.8421 44.9801L61.6189 39.4964V28.2359C61.6189 27.4033 61.2887 26.6047 60.701 26.016C60.1132 25.4272 59.3161 25.0964 58.4849 25.0964C57.6538 25.0964 56.8566 25.4272 56.2689 26.016C55.6812 26.6047 55.351 27.4033 55.351 28.2359V40.794C55.3517 41.6264 55.6824 42.4244 56.2703 43.0126L62.6635 49.1661C63.2381 49.6809 63.9819 49.9656 64.7528 49.9656C65.5237 49.9656 66.2675 49.6809 66.8421 49.1661Z" fill="currentColor"/> 7146 </svg> 7147 7148 7149 7150 </span> 7151 7152 7153 <div> 7154 <p class="empty:hidden p-break-words mt-1 mb-1"> 7155 Phone Number 7156 </p> 7157 7158 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7159 888.611.9299 7160 </p> 7161 7162 </div> 7163 7164</div> 7165</div><div class="mb-6"> 7166<div class="inline-flex items-center gap-x-4"> 7167 7168 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7169 7170 7171 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7172 <path d="M81.9696 5H37.0435C36.9861 5 36.9314 5.02469 36.8935 5.06779L22.5964 21.2951C22.4826 21.4243 22.5743 21.6273 22.7465 21.6273H96.6756C96.8491 21.6273 96.9403 21.4216 96.8238 21.293L82.1178 5.0657C82.0799 5.02386 82.026 5 81.9696 5Z" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7173 <path d="M30.0981 38.2539V47.6068" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7174 <path d="M91.4112 38.2539V75.6654H45.686" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7175 <path d="M41.5288 53.5826V49.6855H79.9796V75.6658" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7176 <path d="M61.2739 50.7266L61.2739 71.5107" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7177 <path d="M22.8232 20.5879V27.8624C22.8232 33.0278 27.0107 37.2152 32.1761 37.2152V37.2152C37.3416 37.2152 41.529 33.0278 41.529 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7178 <path d="M41.5288 20.5879V27.8624C41.5288 33.0278 45.7162 37.2152 50.8817 37.2152V37.2152C56.0471 37.2152 60.2346 33.0278 60.2346 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7179 <path d="M60.2349 20.5879V27.8624C60.2349 33.0278 64.4223 37.2152 69.5877 37.2152V37.2152C74.7532 37.2152 78.9406 33.0278 78.9406 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7180 <path d="M78.9409 20.5879V28.382C78.9409 33.2604 82.8957 37.2152 87.7742 37.2152V37.2152C92.6527 37.2152 96.6075 33.2604 96.6075 28.382V20.5879" stroke="currentColor" stroke-width="6"/> 7181 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0586 51.078C21.2416 50.6094 20.2484 50.6094
718119.4314 51.078L2.39121 60.8531C1.53257 61.3456 1 62.2803 1 63.2945V82.8446C1 83.8589 1.53257 84.7935 2.39121 85.286L19.4314 95.0611C20.2484 95.5297 21.2416 95.5297 22.0586 95.0611L39.0987 85.286C39.9574 84.7935 40.4899 83.8589 40.4899 82.8446V63.2945C40.4899 62.2803 39.9574 61.3456 39.0987 60.8531L22.0586 51.078ZM9.27436 63.2945L20.745 56.7143L32.2156 63.2945L20.745 69.8747L9.27436 63.2945ZM23.4498 74.7129L35.0804 68.041V81.2013L23.4498 87.8732V74.7129ZM18.0402 74.7129V87.8732L6.40958 81.2013V68.041L18.0402 74.7129Z" fill="currentColor"/> 7182 </svg> 7183 7184 7185 7186 </span> 7187 7188 7189 <div> 7190 <p class="empty:hidden p-break-words mt-1 mb-1"> 7191 Address 7192 </p> 7193 7194 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7195 4641 E Ivy St.Mesa, AZ 85205 7196 </p> 7197 7198 </div> 7199 7200</div> 7201</div><div class="mb-6"> 7202<div class="inline-flex items-center gap-x-4"> 7203 7204 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7205 7206 7207 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7208 <path d="M95.9991 40.1425V72.9993C95.9991 75.6136 94.9606 78.1207 93.112 79.9693C91.2635 81.8179 88.7563 82.8564 86.1421 82.8564V92.7134C86.1388 93.3621 85.9436 93.9953 85.5811 94.5332C85.2186 95.0712 84.7049 95.4897 84.1049 95.7362C83.715 95.9202 83.2874 96.0102 82.8564 95.9991C82.424 96.0016 81.9953 95.9187 81.595 95.7552C81.1946 95.5917 80.8306 95.3508 80.5235 95.0462L68.3665 82.8564H33.5711C30.9569 82.8564 28.4497 81.8179 26.6012 79.9693C24.7526 78.1207 23.7141 75.6136 23.7141 72.9993C23.7141 72.1279 24.0603 71.2922 24.6764 70.676C25.2926 70.0598 26.1284 69.7136 26.9998 69.7136C27.8712 69.7136 28.7069 70.0598 29.3231 70.676C29.9393 71.2922 30.2855 72.1279 30.2855 72.9993C30.2855 73.8707 30.6316 74.7065 31.2478 75.3226C31.864 75.9388 32.6997 76.285 33.5711 76.285H69.7136C70.1461 76.2825 70.5747 76.3654 70.975 76.5289C71.3754 76.6924 71.7395 76.9333 72.0465 77.2378L79.5707 84.7949V79.5707C79.5707 78.6993 79.9169 77.8635 80.533 77.2474C81.1492 76.6312 81.9849 76.285 82.8564 76.285H86.1421C87.0135 76.285 87.8492 75.9388 88.4654 75.3226C89.0816 74.7065 89.4277 73.8707 89.4277 72.9993V40.1425C89.4277 39.2711 89.0816 38.4354 88.4654 37.8192C87.8492 37.203 87.0135 36.8568 86.1421 36.8568C85.2706 36.8568 84.4349 36.5106 83.8187 35.8945C83.2025 35.2783 82.8564 34.4426 82.8564 33.5711C82.8564 32.6997 83.2025 31.864 83.8187 31.2478C84.4349 30.6316 85.2706 30.2855 86.1421 30.2855C88.7563 30.2855 91.2635 31.324 93.112 33.1725C94.9606 35.0211 95.9991 37.5282 95.9991 40.1425ZM31.6326 56.5709L19.4756 68.7608C19.1685 69.0653 18.8044 69.3062 18.4041 69.4697C18.0038 69.6333 17.5751 69.7161 17.1427 69.7136C16.7117 69.7247 16.2841 69.6347 15.8942 69.4508C15.2941 69.2043 14.7805 68.7857 14.418 68.2478C14.0555 67.7098 13.8603 67.0766 13.857 66.428V56.5709C11.2428 56.5709 8.73562 55.5324 6.88706 53.6838C5.03851 51.8353 4 49.3281 4 46.7139V13.857C4 11.2428 5.03851 8.73562 6.88706 6.88706C8.73562 5.03851 11.2428 4 13.857 4H66.428C69.0422 4 71.5494 5.03851 73.3979 6.88706C75.2465 8.73562 76.285 11.2428 76.285 13.857V46.7139C76.285 49.3281 75.2465 51.8353 73.3979 53.6838C71.5494 55.5324 69.0422 56.5709 66.428 56.5709H31.6326ZM30.2855 49.9995H66.428C67.2994 49.9995 68.1351 49.6534 68.7513 49.0372C69.3675 48.421 69.7136 47.5853 69.7136 46.7139V13.857C69.7136 12.9856 69.3675 12.1499 68.7513 11.5337C68.1351 10.9175 67.2994 10.5714 66.428 10.5714H13.857C12.9856 10.5714 12.1499 10.9175 11.5337 11.5337C10.9175 12.1499 10.5714 12.9856 10.5714 13.857V46.7139C10.5714 47.5853 10.9175 48.421 11.5337 49.0372C12.1499 49.6534 12.9856 49.9995 13.857 49.9995H17.1427C18.0141 49.9995 18.8499 50.3457 19.4661 50.9619C20.0822 51.5781 20.4284 52.4138 20.4284 53.2852V58.5095L27.9526 50.9524C28.2596 50.6479 28.6237 50.4069 29.0241 50.2434C29.4244 50.0799 29.853 49.997 30.2855 49.9995ZM40.1425 26.9998C39.4927 26.9998 38.8574 27.1925 38.3171 27.5535C37.7767 27.9145 37.3556 28.4277 37.1069 29.0281C36.8582 29.6285 36.7932 30.2891 36.92 30.9265C37.0467 31.5638 37.3597 32.1493 37.8192 32.6088C38.2787 33.0683 38.8641 33.3812 39.5015 33.508C40.1389 33.6348 40.7995 33.5697 41.3999 33.321C42.0003 33.0723 42.5134 32.6512 42.8744 32.1109C43.2355 31.5706 43.4282 30.9353 43.4282 30.2855C43.4282 29.414 43.082 28.5783 42.4658 27.9621C41.8496 27.3459 41.0139 26.9998 40.1425 26.9998ZM56.5709 26.9998C55.9211 26.9998 55.2858 27.1925 54.7455 27.5535C54.2052 27.9145 53.784 28.4277 53.5353 29.0281C53.2867 29.6285 53.2216 30.2891 53.3484 30.9265C53.4751 31.5638 53.7881 32.1493 54.2476 32.6088C54.7071 33.0683 55.2925 33.3812 55.9299 33.508C56.5673 33.6348 57.2279 33.5697 57.8283 33.321C58.4287 33.0723 58.9418 32.6512 59.3029 32.1109C59.6639 31.5706 59.8566 30.9353 59.8566 30.2855C59.8566 29.414 59.5104 28.5783 58.8942 27.9621C58.2781 27.3459 57.4423 26.9998 56.5709 26.9998ZM23.7141 26.9998C23.0642 26.9998 22.429 27.1925 21.8887 27.5535C21.3483 27.9145 20.9272 28.4277 20.6785 29.0281C20.4298 29.6285 20.3648 30.2891 20.4915 30.9265C20.6183 31.5638 20.9313 32.1493 21.3908 32.6088C21.8503 33.0683 22.4357 33.3812 23.0731 33.508C23.7104 33.6348 24.3711 33.5697 24.9715 33.321C25.5718 33.0723 26.085 32.6512 26.446 32.1109C26.8071 31.5706 26.9998 30.9353 26.9998 30.2855C26.9998 29.414 26.6536 28.5783 26.0374 27.9621C25.4212 27.3459 24.5855 26.9998 23.7141 26.9998Z" fill="currentColor"/> 7209 </svg> 7210 7211 7212 7213 </span> 7214 7215 7216 <div> 7217 <p class="empty:hidden p-break-words mt-1 mb-1"> 7218 Email Address 7219 </p> 7220 7221 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7222 [email protected] 7223 </p> 7224 7225 </div> 7226 7227</div> 7228</div> 7229 7230</div> 7231 </div> 7232 </div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7233 <p class="h5">Nacho Info</p>
7234 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7235 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7236 class="" fill="none" viewBox="0 0 10 2"> 7237 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7238 fill="currentColor"> 7239 </svg> 7240 </span> 7241 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7242 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7243 class="" fill="none" viewBox="0 0 10 10"> 7244 <path fill-rule="evenodd" clip-rule="evenodd" 7245 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7246 fill="currentColor"> 7247 </svg> 7248 </span> 7249 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7250 7251 x-show="open" x-collapse 7252 ><li> 7253 <a href="/pages/whats-nacho" class="relative inline-block text-link-animation"> 7254 What's NACHO 7255 </a> 7256 </li><li> 7257 <a href="/pages/patents" class="relative inline-block text-link-animation"> 7258 Patents 7259 </a> 7260 </li><li> 7261 <a href="/pages/product-information-sheets" class="relative inline-block text-link-animation"> 7262 Instruction Sheets 7263 </a> 7264 </li><li> 7265 <a href="/products/gift-card" class="relative inline-block text-link-animation"> 7266 Gift Card 7267 </a> 7268 </li><li> 7269 <a href="/pages/career" class="relative inline-block text-link-animation"> 7270 Careers 7271 </a> 7272 </li><li> 7273 <a href="/pages/privacy-policy" class="relative inline-block text-link-animation"> 7274 Privacy Policy 7275 </a> 7276 </li><li> 7277 <a href="/pages/warranty-policy" class="relative inline-block text-link-animation"> 7278 Warranty Policy 7279 </a> 7280 </li><li> 7281 <a href="/pages/return-policy" class="relative inline-block text-link-animation"> 7282 Refund policy 7283 </a> 7284 </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7285 <p class="h5">Customer Support</p> 7286 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7287 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7288 class="" fill="none" viewBox="0 0 10 2"> 7289 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7290 fill="currentColor"> 7291 </svg> 7292 </span> 7293 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7294 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7295 class="" fill="none" viewBox="0 0 10 10"> 7296 <path fill-rule="evenodd" clip-rule="evenodd" 7297 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7298 fill="currentColor"> 7299 </svg> 7300 </span> 7301 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7302 7303 x-show="open" x-collapse 7304 ><li> 7305 <a href="/pages/terms-and-conditions" class="relative inline-block text-link-animation"> 7306 Terms & Conditions 7307 </a> 7308 </li><li> 7309 <a href="/pages/faqs" class="relative inline-block text-link-animation"> 7310 FAQ's 7311 </a> 7312 </li><li> 7313 <a href="/pages/dealer-application" class="relative inline-block text-link-animation"> 7314 Dealer Request 7315 </a> 7316 </li><li> 7317 <a href="/pages/dealer-locator" class="relative inline-block text-link-animation"> 7318 Dealer Locator 7319 </a> 7320 </li><li> 7321 <a href="/pages/govx" class="relative inline-block text-link-animation"> 7322 Military Discount 7323 </a> 7324 </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7325 <p class="h5">Orders</p>
7326 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7327 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7328 class="" fill="none" viewBox="0 0 10 2"> 7329 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7330 fill="currentColor"> 7331 </svg> 7332 </span> 7333 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7334 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7335 class="" fill="none" viewBox="0 0 10 10"> 7336 <path fill-rule="evenodd" clip-rule="evenodd" 7337 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7338 fill="currentColor"> 7339 </svg> 7340 </span> 7341 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7342 7343 x-show="open" x-collapse 7344 ><li> 7345 <a href="/pages/product-registration-1" class="relative inline-block text-link-animation"> 7346 Product Registration 7347 </a> 7348 </li><li> 7349 <a href="https://account.nachooffroadtechnology.com/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY4LCJuYmYiOjE3OTE1OTk4Njh9.coe_RTWI6V9SPiAwaM3cSP7twBzy2rHvKg2vpvKjDtI" class="relative inline-block text-link-animation"> 7350 My Orders 7351 </a> 7352 </li><li> 7353 <a href="/pages/warranty-claim" class="relative inline-block text-link-animation"> 7354 Warranty Claim 7355 </a> 7356 </li><li> 7357 <a href="https://nacholightingco.com/march-rebate-26" class="relative inline-block text-link-animation"> 7358 Rebate Form 7359 </a> 7360 </li></ul></div></div><div class="footer-col footer-col-email_footer text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"> 7361 <div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:cursor-default md:pointer-events-none"> 7362 <p class="h5">Newsletter</p> 7363 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7364 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7365 class="" fill="none" viewBox="0 0 10 2"> 7366 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7367 fill="currentColor"> 7368 </svg> 7369 </span> 7370 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7371 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7372 class="" fill="none" viewBox="0 0 10 10"> 7373 <path fill-rule="evenodd" clip-rule="evenodd" 7374 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7375 fill="currentColor"> 7376 </svg> 7377 </span> 7378 </div><div class="footer-collapse__content md:!h-auto md:!block" 7379 x-show="open" 7380 x-collapse 7381 > 7382 <div class="flex-1 md:mt-5"> 7383 7384 7385 7386 <div class="footer__email__subheading rte mt-0.5"> 7387 <p>Sign up for exclusive updates, new arrivals & insider only discounts.</p> 7388 </div> 7389 7390 7391 7392 </div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form grow flex-1 mx-0.5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> 7393 <div class="mt-2 md:mt-4 mb-1" x-data="{ email: '', error: validateEmail('') }"> 7394 <div class="text-field__wrapper text-field__has-button"> 7395 <div class="text-field__content"> 7396 <input 7397 id="NewsletterForm--sections--20172716638378__footer" 7398 type="email" 7399 name="contact[email]" 7400 class="text-field__input" 7401 aria-required="true" 7402 autocorrect="off" 7403 autocapitalize="off" 7404 autocomplete="email" 7405 7406 placeholder="Your email" 7407 x-model="email" 7408 @input.debounce.500ms="error = validateEmail(email)" 7409 required 7410 > 7411 <label 7412 class="text-field__label" 7413 for="NewsletterForm--sections--20172716638378__footer" 7414 > 7415 Your email 7416 </label> 7417 </div> 7418 <custom-button> 7419 <button 7420 type="submit" 7421 class="button button-primary pt-2.5 pb-2.5 pl-3.5 pr-3.5 rounded-corners ml-1" 7422 :disabled="error.isError === true" 7423 >
7424 <span class="button-text lg:hidden xl:block"> 7425 Subscribe 7426 </span> 7427 7428 <span class="w-4 h-4 hidden lg:block xl:hidden"> 7429 <svg 7430 class="w-full h-full" 7431 viewBox="0 0 1024 1024" 7432 version="1.1" 7433 xmlns="http://www.w3.org/2000/svg" 7434 > 7435 <path fill="currentColor" 7436 d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"/> 7437 </svg> 7438 </span> 7439 7440 </button> 7441 </custom-button> 7442 </div> 7443 <div 7444 id="footer__newsletter__error--sections--20172716638378__footer" 7445 class="flash-message error-message mt-1" 7446 x-show="error.isError === true && error.isInvalid === true" 7447 x-cloak 7448 > 7449 <p>Email is invalid</p> 7450 </div></div></form><div class="mt-4 text-center md:text-left"> 7451 7452 <ul class="social inline-flex flex-wrap gap-2.5 ltr justify-left"><li class="social-link"> 7453 <a 7454 href="https://www.facebook.com/thenachoexperience" 7455 target="blank" 7456 aria-label="Facebook" 7457 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7458 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7459 <path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7460 </svg></a> 7461 </li><li class="social-link"> 7462 <a 7463 href="https://www.instagram.com/nacho_offroadlighting/" 7464 target="blank" 7465 aria-label="Instagram" 7466 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7467 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7468 <path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7469 <path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"/> 7470 <path d="M17.5 6.51013L17.51 6.49902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7471 </svg></a> 7472 </li><li class="social-link"> 7473 <a 7474 href="https://www.tiktok.com/@nacho_offroadlights" 7475 target="blank" 7476 aria-label="TikTok" 7477 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7478 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7479 <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7480 <path d="M10 12C8.34315 12 7 13.3431 7 15C7 16.6569 8.34315 18 10 18C11.6569 18 13 16.6569 13 15V6C13.3333 7 14.6 9 17 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7481 </svg></a> 7482 </li><li class="social-link"> 7483 <a 7484 href="https://www.youtube.com/@nacho_offroadlights/featured" 7485 target="blank" 7486 aria-label="YouTube" 7487 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7488 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7489 <path d="M14 12.0006L10.5 14.2541V9.74707L14 12.0006Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7490 <path d="M2 12.7972V11.2028C2 7.94042 2 6.30927 2.90549 5.25973C3.81099 4.2102 5.23656 4.16476 8.08769 4.0739C9.43873 4.03085 10.8188 4 12 4C13.1812 4 14.5613 4.03085 15.9123 4.0739C18.7634 4.16476 20.189 4.2102 21.0945 5.25973C22 6.30927 22 7.94042 22 11.2028V12.7972C22 16.
74900595 22 17.6907 21.0945 18.7402C20.189 19.7897 18.7635 19.8352 15.9124 19.9261C14.5613 19.9691 13.1812 20 12 20C10.8188 20 9.43867 19.9691 8.0876 19.9261C5.23651 19.8352 3.81097 19.7897 2.90548 18.7402C2 17.6907 2 16.0595 2 12.7972Z" stroke="currentColor" stroke-width="1.5"/> 7491 </svg></a> 7492 </li><li class="social-link"> 7493 <a 7494 href="https://www.linkedin.com/company/nacho-lighting-co" 7495 target="blank" 7496 aria-label="Linkedin" 7497 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7498 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7499 <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7500 <path d="M7 17V13.5V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7501 <path d="M11 17V13.75M11 13.75V10M11 13.75C11 10 17 10 17 13.75V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7502 <path d="M7 7.01013L7.01 6.99902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7503 </svg></a> 7504 </li><li class="social-link"> 7505 <a 7506 aria-label="Email" 7507 href="mailto:[email protected]" 7508 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7509 ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7510 <path 7511 d="M35 10.3636C34.9989 9.20668 34.5507 8.09745 33.754 7.27936C32.9572 6.46127 31.8768 6.00116 30.75 6H5.25C4.12318 6.00116 3.04282 6.46127 2.24604 7.27936C1.44925 8.09745 1.00113 9.20668 1 10.3636L1 25.6364C1 25.7233 1.02004 25.8044 1.02497 25.89C0.996334 26.0739 1.01489 26.2623 1.0788 26.4366C1.26066 27.4366 1.777 28.3399 2.53861 28.9905C3.30021 29.6412 4.25924 29.9982 5.25 30H30.75C31.7407 29.9982 32.6998 29.6412 33.4614 28.9905C34.223 28.3399 34.7393 27.4366 34.9212 26.4367C34.9851 26.2624 35.0037 26.074 34.975 25.89C34.98 25.8044 35 25.7233 35 25.6364V10.3636ZM26.2051 17.49L32.875 13.3813V23.6079L26.2051 17.49ZM5.25 8.18182H30.75C31.3134 8.18257 31.8534 8.41268 32.2518 8.82169C32.6502 9.23069 32.8743 9.78521 32.875 10.3636V10.8369L20.733 18.3164C19.908 18.8266 18.9631 19.0962 18 19.0962C17.0369 19.0962 16.092 18.8266 15.267 18.3164L3.125 10.8369V10.3636C3.12573 9.78521 3.34985 9.23069 3.74821 8.82169C4.14656 8.41268 4.68664 8.18257 5.25 8.18182ZM3.125 13.3813L9.79488 17.49L3.125 23.6079V13.3813ZM30.75 27.8182H5.25C4.81869 27.8169 4.39798 27.6809 4.04385 27.4281C3.68972 27.1753 3.41896 26.8178 3.26761 26.4031L11.7032 18.6655L14.1733 20.1871C15.3287 20.9009 16.6516 21.2781 18 21.2781C19.3484 21.2781 20.6713 20.9009 21.8267 20.1871L24.2968 18.6655L32.7324 26.4031C32.581 26.8178 32.3103 27.1753 31.9562 27.4281C31.602 27.6809 31.1813 27.8169 30.75 27.8182Z" 7512 fill="currentColor"/> 7513 </svg></a> 7514 </li><li class="social-link"> 7515 <a 7516 aria-label="Phone number" 7517 href="tel:888-611-9299" 7518 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7519 ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7520 <path 7521 d="M3.4597 8.67394C3.42327 7.99521 2.84352 7.47451 2.16478 7.51094C1.48605 7.54737 0.965371 8.12714 1.0018 8.80586L3.4597 8.67394ZM5.04462 2.38313C4.57652 2.87596 4.59656 3.65495 5.08939 4.12306C5.58222 4.59116 6.3612 4.57113 6.82932 4.0783L5.04462 2.38313ZM14.8024 29.8203C15.3779 30.182 16.1377 30.0087 16.4994 29.4332C16.861 28.8577 16.6876 28.0979 16.1121 27.7363L14.8024 29.8203ZM22.1029 30.2241C21.4377 30.0848 20.7854 30.5113 20.6461 31.1765C20.5067 31.8418 20.9331 32.4941 21.5985 32.6334L22.1029 30.2241ZM22.9752 22.8157L23.7225 22.0288L21.9378 20.3337L21.1905 21.1206L22.9752 22.8157ZM26.1818 21.6975L29.3169 23.5021L30.5448 21.3688L27.4098 19.5643L26.1818 21.6975ZM29.9219 27.2433L27.5909 29.6975L29.3757 31.3927L31.7066 28.9386L29.9219 27.2433ZM11.0202 23.4967C4.6596 16.8001 3.59268 11.1515 3.4597 8.67394L1.0018 8.80586C1.16467 11.8404 2.45312 18.0513 9.23549 25.1918L11.0202 23.4967ZM13.2771 12.6054L13.7478 12.1099L11.963 10.4148L11.4924 10.9103L13.2771 12.6054ZM14.1175 5.94072L12.0482 3.01408L10.0384 4.43511L12.1076 7.36173L14.1175 5.94072ZM12.3847 11.7578C11.4924 10.9103 11.4912 10.9115 11.4901 10.9127C11.4897 10.9131 11.4886 10.9143 11.4878 10.9151C11.4862 10.9168 11.4846 10.9185 11.483 10.9202C11.4798 10.9237 11.4764 10.9273 11.473 10.9311C11.4661 10.9387 11.4588 10.9469 11.4511 10.9557C11.4358 10.9734 11.4189 10.9936 11.4009 11.0163C11.3648 11.0619 11.324 11.1179 11.2812 11.1848C11.1954 11.319 11.1022 11.4957 11.0234 11.7173C10.8631 12.1678 10.7757 12.7645 10.8849 13.5096C11.0994 14.9735 12.0586 16.9422 14.565 19.5809L16.3497 17.8857C14.0069 15.4192 13.4299 13.9002 13.3203 13.1527C13.2675 12.7921 13.3212 12.6021 13.3424 12.5425C13.3543 12.5089 13.3621 12.4996 13.3545 12.5115C13.3508 12.5173 13.3434 12.5282 13.331 12.5439C13.3248 12.5517 13.3173 12.5608 13.3084 12.571C13.3039 12.5762 13.2991 12.5816 13.2939 12.5873C13.2913 12.5902 13.2886 12.5931 13.2858 12.5962C13.2844 12.5977 13.283 12.5992 13.2815 12.6007C13.28
752108 12.6015 13.2797 12.6027 13.2793 12.6031C13.2782 12.6043 13.2771 12.6054 12.3847 11.7578ZM14.565 19.5809C17.0638 22.2118 18.9513 23.2461 20.3912 23.4799C21.13 23.5999 21.7281 23.5041 22.181 23.3255C22.4024 23.2382 22.5776 23.1357 22.7091 23.0425C22.7746 22.9959 22.8292 22.9517 22.8733 22.9132C22.8953 22.8938 22.9149 22.8757 22.9318 22.8593C22.9403 22.8513 22.948 22.8434 22.9552 22.8362C22.9588 22.8326 22.9624 22.829 22.9657 22.8255C22.9674 22.8239 22.969 22.8222 22.9705 22.8206C22.9713 22.8198 22.9725 22.8185 22.9729 22.8181C22.9741 22.8168 22.9752 22.8157 22.0829 21.9681C21.1905 21.1206 21.1917 21.1194 21.1927 21.1183C21.1932 21.1178 21.1941 21.1166 21.195 21.1158C21.1964 21.1143 21.1979 21.1129 21.1992 21.1114C21.2022 21.1084 21.205 21.1055 21.2078 21.1027C21.2132 21.0973 21.2184 21.092 21.2234 21.0873C21.2334 21.0777 21.2422 21.0695 21.2501 21.0626C21.2659 21.0489 21.2775 21.04 21.2851 21.0347C21.3003 21.0238 21.2988 21.0275 21.2778 21.0357C21.2462 21.0482 21.0972 21.1009 20.7857 21.0503C20.1252 20.943 18.6997 20.36 16.3497 17.8857L14.565 19.5809ZM12.0482 3.01408C10.385 0.661635 7.05674 0.264752 5.04462 2.38313L6.82932 4.0783C7.68726 3.17503 9.19765 3.24598 10.0384 4.43511L12.0482 3.01408ZM27.5909 29.6975C27.1329 30.1797 26.654 30.4379 26.1882 30.4839L26.4301 32.9335C27.6559 32.8124 28.648 32.1587 29.3757 31.3927L27.5909 29.6975ZM13.7478 12.1099C15.3354 10.4383 15.4478 7.82235 14.1175 5.94072L12.1076 7.36173C12.8004 8.3415 12.6941 9.64505 11.963 10.4148L13.7478 12.1099ZM29.3169 23.5021C30.664 24.2774 30.9275 26.1847 29.9219 27.2433L31.7066 28.9386C33.8481 26.6841 33.2244 22.9112 30.5448 21.3688L29.3169 23.5021ZM23.7225 22.0288C24.355 21.3629 25.3405 21.2133 26.1818 21.6975L27.4098 19.5643C25.6072 18.5267 23.3717 18.8242 21.9378 20.3337L23.7225 22.0288ZM16.1121 27.7363C14.4979 26.7218 12.7798 25.3492 11.0202 23.4967L9.23549 25.1918C11.1292 27.1856 13.0054 28.691 14.8024 29.8203L16.1121 27.7363ZM26.1882 30.4839C25.2915 30.5725 23.8722 30.5947 22.1029 30.2241L21.5985 32.6334C23.6472 33.0623 25.3212 33.043 26.4301 32.9335L26.1882 30.4839Z" 7522 fill="currentColor"/> 7523 </svg></a> 7524 </li></ul> 7525 7526 </div></div> 7527 </div></div><div class="footer-col footer-col-subfooter text-left p-break-words md:col-span-3 lg:col-span-5" > 7528 <style data-shopify> 7529 .sub-footer { 7530 padding-top: 10.0px; 7531 padding-bottom: 10.0px; 7532 } 7533 7534 @media screen and (min-width: 768px) { 7535 .sub-footer { 7536 padding-top: 20px; 7537 padding-bottom: 20px; 7538 } 7539 } 7540 </style> 7541 <div 7542 class="sub-footer sub-footer-row text-small pt-5 pb-5 lg:pt-10 lg:pb-10 w-full flex flex-col md:flex gap-y-4 md:justify-between items-center md:border-t" 7543 ><div class="flex flex-row items-center"> 7544 <span class="text-center lg:mt-0 lg:text-left p-break-words"><span>©</span> 7545 <span class="inline-block rte"><p>2026, Nacho Lighting Co.</p></span> 7546 7547<span class="text-link"></span> 7548 </span> 7549 </div> 7550</div></div></div></div> 7551 </footer> 7552</div> 7553<!-- END sections: footer-group --> 7554 7555 <div id="maximize-popup" class="fixed inset-0 z-[60] pointer-events-none md:block flex flex-col-reverse justify-center"> 7556 7557</div><div id="popup-minimal-left" class="fixed z-30 bottom-4 md:bottom-8 left-4 md:left-8 pr-4 md:pr-8 pointer-events-auto text-left"></div> 7558 7559 7560 <style data-shopify> 7561 .scroll-to-top__button svg { 7562 fill: currentColor; 7563 } 7564 .scroll-to-top__button { 7565 bottom: 40px; 7566 } 7567 @media(min-width: 768px) { 7568 .scroll-to-top__button { 7569 bottom: 40px; 7570 } 7571 } 7572</style> 7573<div 7574 x-data="xScrollTop" 7575 x-init="scrollFunction()" 7576 @scroll.window="scrollFunction()" 7577 class=" md:block" 7578> 7579 <custom-button> 7580 <button 7581 x-show="show" x-cloak 7582 @click="scrollTop()" 7583 class="scroll-to-top__button anm-button-secondary !fixed flex items-center justify-center color-text-[rgba(var(--color-secondary-button-text))] color-bg-[rgba(var(--color-secondary-button-no-alpha),0.6)] z-30 p-3 w-11 h-11 md:w-14 md:h-14 md:p-4 border-0 rounded-full overflow-hidden left-5" 7584 x-transition:enter="transition-all ease-in-out duration-500" 7585 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7586 x-transition:enter-end="opacity-100 translate-y-0" 7587 x-transition:leave="transition-all ease-in-out duration-500" 7588 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7589 aria-label="scroll top" 7590 > 7591
7592 <span class="inline-block w-5 h-5"> 7593 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" 7594 style="fill: none;"> 7595 <path 7596 d="M9.98019 5.00014C9.6324 5.00512 9.3003 5.14096 9.05431 5.37884L1.4114 12.7724C1.28299 12.8916 1.18048 13.0344 1.10985 13.1925C1.03922 13.3505 1.0019 13.5206 1.00007 13.6927C0.998244 13.8649 1.03195 14.0357 1.09921 14.1951C1.16647 14.3544 1.26594 14.4993 1.39179 14.621C1.51763 14.7427 1.66732 14.839 1.8321 14.904C1.99687 14.9691 2.17341 15.0017 2.35137 14.9999C2.52933 14.9982 2.70514 14.9621 2.8685 14.8937C3.03185 14.8254 3.17947 14.7262 3.30271 14.602L10 8.12322L16.6973 14.602C16.8205 14.7262 16.9681 14.8254 17.1315 14.8937C17.2949 14.9621 17.4707 14.9982 17.6486 14.9999C17.8266 15.0017 18.0031 14.9691 18.1679 14.904C18.3327 14.839 18.4824 14.7427 18.6082 14.621C18.7341 14.4993 18.8335 14.3544 18.9008 14.1951C18.9681 14.0357 19.0018 13.8649 18.9999 13.6927C18.9981 13.5206 18.9608 13.3505 18.8902 13.1925C18.8195 13.0344 18.717 12.8916 18.5886 12.7724L10.9457 5.37884C10.8191 5.25646 10.6685 5.15988 10.5027 5.09483C10.3368 5.02978 10.1591 4.99759 9.98019 5.00014ZM9.99997 11.2972C9.49321 11.2972 9.00721 11.492 8.64888 11.8386C8.29055 12.1853 8.08924 12.6554 8.08924 13.1456C8.08924 13.6359 8.29055 14.106 8.64888 14.4527C9.00721 14.7993 9.49321 14.994 9.99997 14.994C10.5067 14.994 10.9927 14.7993 11.3511 14.4527C11.7094 14.106 11.9107 13.6359 11.9107 13.1456C11.9107 12.6554 11.7094 12.1853 11.3511 11.8386C10.9927 11.492 10.5067 11.2972 9.99997 11.2972Z" 7597 fill="currentColor"/> 7598 </svg> 7599 7600 </span> 7601 7602 </button> 7603 </custom-button> 7604</div> 7605
7606<script> 7607 requestAnimationFrame(() => { 7608 document.addEventListener('alpine:init', () => { 7609 Alpine.data('xScrollTop', () => ({ 7610 show: false, 7611 scrollTop() { 7612 window.scrollTo({top: 0, behavior: 'smooth'}); 7613 }, 7614 scrollFunction() { 7615 const position = window.innerWidth < 1025 ? 300 : 900; 7616 this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) 7617 ? true : false; 7618 } 7619 })); 7620 }); 7621 }); 7622</script>
7622 7623 7624 7625 7626 7627 <ul hidden> 7628 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. 7629 </li> 7630 <li id="a11y-new-window-message">Opens in a new window. 7631 </li> 7632 </ul>
7632<script> 7633 window.Maximize = { 7634 sliderScript: '//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223', 7635 loadedScript: [], 7636 loginToViewPrice: { 7637 mode: 'none', 7638 customerCanView: true, 7639 loginUrl: 'https://nacholightingco.com/customer_authentication/redirect?locale=en®ion_country=US', 7640 }, 7641 cart_add_url: '/cart/add', 7642 variantStrings: { 7643 addToCart: `Add to cart`, 7644 soldOut: `Sold out`, 7645 unavailable: `Unavailable`, 7646 }, 7647 cartTranslations: { 7648 removeDiscountSuccess: `[code] has been removed.`, 7649 removeDiscountFailure: `An error occurred, please refresh the page and try again.`, 7650 }, 7651 routes: { 7652 addToCart: '/cart/add', 7653 cartChange: '/cart/change', 7654 cartUpdate: '/cart/update', 7655 cart: '/cart', 7656 search_url: '/search', 7657 predictiveSearch: '/search/suggest', 7658 productRecommendations: '/recommendations/products' 7659 }, 7660 isCartPage: false, 7661 isEnableCartDrawer: true, 7662 cartProperties: { 7663 additionalFee: '_item_id' 7664 }, 7665 isProductPage: false, 7666 rtl: false, 7667 isDesignMode:false, 7668 hasMousePointer: window.matchMedia('(hover: hover)').matches, 7669 giftWrappingVariantId: false, 7670 isShowPopupOverlay: false, 7671 checkFileNotLoaded: function () { 7672 const fileName = document.currentScript.src.split('/').pop().split('?')[0]; 7673 if (!window.Maximize.loadedScript.includes(fileName)) { 7674 window.Maximize.loadedScript.push(fileName) 7675 return true; 7676 } else { 7677 return false; 7678 } 7679 }, 7680 buttonHoverAnm: 'thicken' 7681 }; 7682 7683 // Shared JSON parser used across multiple defer scripts (theme.js, cart-drawer.js, etc.). 7684 // Defined here in an inline script so it is synchronously available before any defer script runs. 7685 window.xParseJSON = function(jsonString) { 7686 jsonString = String.raw`${jsonString}`; 7687 jsonString = jsonString.replaceAll("\\", "\\\\").replaceAll('\\"', '"'); 7688 return JSON.parse(jsonString); 7689 }; 7690 </script>
7690<script src="//nacholightingco.com/cdn/shop/t/30/assets/theme.js?v=2882019224224079701789788223" defer></script>
7690 7691
7691<script src="//nacholightingco.com/cdn/shop/t/30/assets/custom-elements.js?v=29540144308327494911789788223" defer></script>
7691 7692
7692<script src="//nacholightingco.com/cdn/shop/t/30/assets/new-cart-helper.js?v=126254080501321393201789788223" defer></script>
7692 7693 7694
7694<script src="//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223" defer></script>
7694 7695
7695<script src="//nacholightingco.com/cdn/shop/t/30/assets/header.js?v=131688355276325604361789788223" defer></script>
7695 7696
7696<script src="//nacholightingco.com/cdn/shop/t/30/assets/animation-card.js?v=21159888398740685721789788223" defer></script>
7696 7697
7697<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-form.js?v=46098878869241455481789788223" defer></script>
7697 7698
7698<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-card.js?v=171635390480007693341789788223" defer></script>
7698 7699
7699<script src="//nacholightingco.com/cdn/shop/t/30/assets/vendors.js?v=21726020999429958561789788223" defer></script>
7699 7700
7700<script> 7701 window.addEventListener("load", (event) => { 7702 deferScriptLoad('instant.page', '//nacholightingco.com/cdn/shop/t/30/assets/instant.page.v5.1.1.js?v=43232110432331176871789788223', () => { 7703 }, true); 7704 }); 7705 </script>
7705 7706</div> 7707<style> .powrMark__text {display: none !important;} @media (max-width: 767px) {html:root {--h5-font-size: 20px; --h6-font-size: 18px; --h7-font-size: 16px; --body-font-size-x-small: 12px; --body-font-size-xx-small: 12px; } html:root .block-title-size {--heading-font-size-small: 18px; } input, select, textarea {font-size: 16px !important; }} html:not(.dark) #fulfilled-reviews-all,html:not(.dark) #fulfilled-reviews-all [class*="kl_reviews"]:not(.kl_reviews__button):not([class*="star"]),html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters * {color: #080808 !important;} html:not(.dark) #fulfilled-reviews-all :is( .kl_reviews__review__timestamp, .kl_reviews__review__variant, .kl_reviews__histogram__rating, .kl_reviews__histogram__value, .kl_reviews__summary__average_denominator, .kl_reviews__summary__stars__count ) {color: #555 !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters :is(select, input, button) {background: rgba(0, 0, 0, 0.06) !important; border-color: rgba(0, 0, 0, 0.2) !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters svg path {fill: #555 !important;} </style> 7708<div id="shopify-block-AYWxDRlM0T0U5UE1we__11576833278641654045" class="shopify-block shopify-app-block"> 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> 7751 7752 7753
7753<script> 7754 window.lbupsellVersion = 2; 7755 </script>
7755 7756 7757 7758
7759<script> 7760 7761 7762 window.lbupsellToken = "4f8012d7ffd553392a1a5115c0784382" 7763 7764 7765</script>
7765 7766
7767<script> 7768 7769 window.lbInitMode = "immediate"; 7770 7771 window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-upsell-components.esm.js";</script>
7771 7772
7773<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-utils.js" defer="defer"></script>
7773 7774 7775</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
7775<script> 7776 (function () { 7777 const cartAttributes = {}; 7778 7779 // Helper function to retrieve the UTM from Url 7780 function getUTMFromUrl() { 7781 const url_string = window.location.href; 7782 const url = new URL(url_string); 7783 7784 const utm_id = url.searchParams.get("utm_id"); 7785 const utm_source = url.searchParams.get("utm_source"); 7786 const utm_medium = url.searchParams.get("utm_medium"); 7787 const utm_campaign = url.searchParams.get("utm_campaign"); 7788 const utm_term = url.searchParams.get("utm_term"); 7789 const ref = url.searchParams.get("ref"); 7790 7791 if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) { 7792 return null; 7793 } 7794 7795 let utmParameters = {}; 7796 7797 if (utm_id) { 7798 utmParameters.utm_id = utm_id; 7799 } 7800 if (utm_source) { 7801 utmParameters.utm_source = utm_source; 7802 } 7803 if (utm_medium) { 7804 utmParameters.utm_medium = utm_medium; 7805 } 7806 if (utm_campaign) { 7807 utmParameters.utm_campaign = utm_campaign; 7808 } 7809 if (utm_term) { 7810 utmParameters.utm_term = utm_term; 7811 } 7812 if (ref) { 7813 utmParameters.ref = ref; 7814 } 7815 7816 7817 return Object.keys(utmParameters).length === 0 7818 ? null 7819 : utmParameters; 7820 } 7821 7822 // Helper function to retrieve the UTM from Cookie 7823 function getUTMAttributes() { 7824 const urlUtmParams = getUTMFromUrl(); 7825 7826 if (urlUtmParams) { 7827 return urlUtmParams; 7828 } 7829 7830 // No longer reading from deprecated Shopify cookies 7831 return undefined; 7832 } 7833 7834 function saveUtmParameters() { 7835 const utmParams = getUTMAttributes(); 7836 if (utmParams) { 7837 const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref"); 7838 if (cartHasUtmAttributes) { 7839 // Don't call API if it already contains our UTM parameters 7840 return; 7841 } 7842 7843 // Handle both Shopify.routes.root and routes.root_url for better compatibility 7844 var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 7845 || (window.routes && window.routes.root_url) 7846 || '/'; 7847 7848 var updateCart = fetch(rootUrl + 'cart/update.js', 7849 { 7850 headers: { 7851 'Content-Type': 'application/json', 7852 }, 7853 method: "POST", 7854 body: JSON.stringify({ 7855 attributes: { 7856 ...utmParams 7857 }, 7858 }) 7859 }) 7860 .then(response => response.json()) 7861 .then(data => { 7862 return data 7863 }); 7864 } 7865 } 7866 7867 saveUtmParameters(); 7868 })(); 7869</script>
7869 7870 7871 7872 7873 7874</div><div id="shopify-block-AamljVU9tMHJLSENyT__12016176150940211849" class="shopify-block shopify-app-block">
7874<script> 7875 document.addEventListener('DOMContentLoaded', function () { 7876 const script = document.createElement('script'); 7877 script.src = "https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-vendors.min.js"; 7878 script.defer = true; 7879 document.body.appendChild(script); 7880 }); 7881</script>
7881 7882<div style="display:none !important;" id="otsb_trademark_t"><div class="otsb_trademark_root" >Powered by <a href="https://apps.shopify.com/ot-section-builder?utm_source=trademark&utm_medium=referral&utm_campaign=otsb" target="_blank" rel="nofollow">Omni Themes</a></div></div> 7883<div class="otsb__root"> 7884 <div id="otsb-popup-minimal-left"></div> 7885 <div id="otsb-popup-minimal-right"></div> 7886</div> 7887 7888</div><div id="shopify-block-AQ3pDcHdQK1g2bEpSQ__1115855741281207229" class="shopify-block shopify-app-block"> 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936</div>
7936<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
7936 7937<shopify-chat></shopify-chat> 7938</body> 7939</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.