1 2<!doctype html> 3<html class="maximize-theme no-js dark img-hover-zo" 4 lang="en" 5 dir="ltr" 6> 7<head> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width,initial-scale=1"> 11 <meta name="theme-color" content=""> 12 13 <link rel="canonical" href="https://nacholightingco.com/search"> 14 15<link rel="icon" type="image/png" sizes="48x48" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=48&v=1785190193&width=48"> 16 <link rel="icon" type="image/png" sizes="96x96" href="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Glyph_1_Chipped_-_Black.png?crop=center&height=96&v=1785190193&width=96"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><link rel="preconnect" href="https://fonts.googleapis.com" crossorigin> 17 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" as="font" type="font/woff2" 18 href="//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2" 19 crossorigin><link rel="preload" as="font" type="font/woff2" 20 href="//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" 21 crossorigin><title> 22 Search 23 – NACHO Lighting Co.</title> 24 <meta name="description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."> 25 26 27 28 29 <meta property="og:site_name" content="NACHO Lighting Co."> 30 <meta property="og:url" content="https://nacholightingco.com/search"> 31 <meta property="og:title" content="Search"> 32 <meta property="og:type" content="website"> 33 <meta property="og:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."><meta property="og:image" content="http://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697"> 34 <meta property="og:image:secure_url" content="https://nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_290662ed-adc1-414c-aa5a-512a390264d9.png?v=1789778697"> 35 <meta property="og:image:width" content="2000"> 36 <meta property="og:image:height" content="840"><meta name="twitter:card" content="summary_large_image"> 37 <meta name="twitter:title" content="Search"> 38 <meta name="twitter:description" content="Defining off-road LED Lighting with Functionality and Performance. NACHO is changing the lighting game by bringing multiple light options in a single light optimizing your lighting upgrade and limiting the amount of lights needed to accomplish the same goal."> 39 <style data-shopify>@font-face { 40 font-family: Inter; 41 font-weight: 600; 42 font-style: normal; 43 font-display: swap; 44 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n6.771af0474a71b3797eb38f3487d6fb79d43b6877.woff2") format("woff2"), 45 url("//nacholightingco.com/cdn/fonts/inter/inter_n6.88c903d8f9e157d48b73b7777d0642925bcecde7.woff") format("woff"); 46} 47 48 @font-face { 49 font-family: "DM Sans"; 50 font-weight: 400; 51 font-style: normal; 52 font-display: swap; 53 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), 54 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff"); 55} 56 57 @font-face { 58 font-family: Inter; 59 font-weight: 500; 60 font-style: normal; 61 font-display: swap; 62 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 63 url("//nacholightingco.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 64} 65 66 @font-face { 67 font-family: "DM Sans"; 68 font-weight: 500; 69 font-style: normal; 70 font-display: swap; 71 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"), 72 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n5.9ad2e755a89e15b3d6c53259daad5fc9609888e6.woff") format("woff"); 73} 74 75 76 @font-face { 77 font-family: "DM Sans"; 78 font-weight: 700; 79 font-style: normal; 80 font-display: swap; 81 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), 82 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff"); 83} 84 85 @font-face { 86 font-family: "DM Sans"; 87 font-weight: 400; 88 font-style: italic; 89 font-display: swap; 90 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"), 91 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff"); 92} 93 94 @font-face { 95 font-family: "DM Sans"; 96 font-weight: 700; 97 font-style: italic; 98 font-display: swap; 99 src: url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"), 100 url("//nacholightingco.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff"); 101} 102 103 @font-face { 104 font-family: Inter; 105 font-weight: 400; 106 font-style: normal; 107 font-display: swap; 108 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 109 url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 110} 111 112 @font-face { 113 font-family: Inter; 114 font-weight: 400; 115 font-style: normal; 116 font-display: swap; 117 src: url("//nacholightingco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 118 url("//nacholightingco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 119} 120 121</style><style data-shopify> 122 @font-face { 123 font-family: 'Apotek Comp'; 124 src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-apotek-comp-medium.otf?v=178408361545140295061789788223') format('opentype'); 125 font-weight: 500; 126 font-style: normal; 127 font-display: swap; 128 } 129 130 @font-face { 131 font-family: 'Code Saver'; 132 src: url('//nacholightingco.com/cdn/shop/t/30/assets/font-codesaver-regular.otf?v=180845333470788268811789788223') format('opentype'); 133 font-weight: 400; 134 font-style: normal; 135 font-display: swap; 136 } 137</style> 138<link href="//nacholightingco.com/cdn/shop/t/30/assets/theme.css?v=47267817206
138798060151789788223" rel="stylesheet" type="text/css" media="all" /><style data-shopify> 139 /* Font size */ 140 :root { 141 --heading-font-family: 'Apotek Comp', sans-serif; 142 --heading-font-style: 'normal'; 143 --heading-font-weight: '500'; 144 --heading-base-size: 2rem; 145 --heading-font-scale: 1.2; 146 --heading-text-transform: uppercase; 147 --subheading-base-size: 14px; 148 149 --rating-star-size: 1.134rem; 150 151 --menu-font-family: 'Apotek Comp', sans-serif; 152 --menu-font-style: 'normal'; 153 --menu-font-weight: '500'; 154 --menu-letter-spacing: 0px; 155 156 --body-font-scale: 1.2; 157 --body-base-size: 0.875rem; 158 --body-font-family: 'Code Saver', sans-serif; 159 --body-font-style: 'normal'; 160 --body-font-weight: '400'; 161 --button-font: 'Code Saver', sans-serif; 162 --button-font-style: 'normal'; 163 --button-font-weight: '400'; 164 --button-font-size: 0.864rem; 165 --shopify-accelerated-checkout-button-border-radius: 0; 166 --button-border-radius: 0; 167 168 --mobile-padding-ratio: 0.5; 169 --page-width: 1600px; 170 171 --rounded-corners: 10px; 172 --rounded-corners-large: 0; 173 --rounded-corners-small: 6px; 174 175 --padding-content-page-width: 16px; 176 --padding-content-full-width: 16px; 177 --padding-content-full-width-padded: 16px; 178 --full-width-padded: 16px; 179 180 --total-padding-page-width: 64px; 181 --total-padding-full-width: 64px; 182 --total-padding-full-width-padded: 128px; 183 184 --text-animation-duration: 700ms; 185 --drawer-transition-duration: 500ms; 186 --card-animation-duration: 400ms; 187 --reveal-transition-duration: 500ms; 188 --header-menu-transition-duration: 300ms; 189 --header-menu-transition-delay: 150ms; 190 --menu-promotion-duration: 1000ms; 191 --menu-item-delay-transition: 450ms; 192 --menu-icon-transition: 300ms; 193 --menu-rect-hover-transition: 350ms; 194 --menu-link-animation: 1s;
195 --transition-slideshow-content: 500ms; 196 --button-animation-duration: 500ms; 197 --popup-animation-duration: 500ms; 198 --choose-option-animation-duration: 300ms; 199 --dropdown-animation-duration: 150ms; 200 --text-link-and-title-link-animation-duration: 400ms; 201 --button-text-link-animation-duration: 400ms; 202 203 --fade-element-translate-y: 20px; 204 --flow-card-duration: 500ms; 205 --announcement-height: 0px; 206 --top-header: 0px; 207 --segmented-banner-animation-duration-mobile: 1000ms; 208 --segmented-banner-animation-duration-desktop: 1600ms; 209 --product-info-media-width: 100%; 210 --line-height-heading: 1.4; 211 --line-height-body: 1.6; 212 --line-height-button: 1.4; 213 --border-radius-popup: 0; 214 --border-radius-drawer: 0; 215 --border-radius-countdown-timer: 0; 216 --progress-bar-active-width: 20%; 217 --border-radius-checkbox: 0; 218 --padding-bottom-product-template-block: 16px; 219 --spacing-between-heading-and-content: 16px; 220 --pad-top-m: 0px; 221 --pad-right-m: 0px; 222 --pad-left-m: 0px; 223 --pad-bottom-m: 0px; 224 --pad-top: 0px; 225 --pad-right: 0px; 226 --pad-left: 0px; 227 --pad-bottom: 0px; 228 --block-width: 1.0; 229 --image-hover-scale: 1.2; 230 --image-transition-duration: 500ms; 231 --tab-animation-duration: 300ms; 232 --tab-animation-scale: 0.97; 233 --tab-animation-offset: 4px; 234 } 235 236 :root, #x-header-container header { 237 --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75 * 0.55); 238 --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65); 239 --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75 * 0.75); 240 --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65 * 0.75
240); 241 --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.75); 242 --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.8); 243 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8); 244 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 0.7); 245 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85); 246 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 1.2); 247 --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.85 * 2.5); 248 249 --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9 * 0.9); 250 --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9); 251 --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2 * 0.9); 252 253 --body-font-size: calc(var(--body-base-size) * var(--body-font-scale) * 0.9); 254 --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9 * 0.9); 255 --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8 * 0.9); 256 --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7 * 0.9); 257 --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2 * 0.9); 258 --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5 * 0.9); 259 } 260 :root #x-header-container header, 261 :root #x-header-container header *:before { 262 --body-font-scale: 2.0; 263 --heading-font-scale: 2.0; 264 } 265 .block-title-size { 266 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45 * 0.85); 267 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55 * 0.85); 268 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8 * 0.85); 269 } 270 @media (min-width: 768px){ 271 :root, #x-header-container header { 272 --h1-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.75); 273 --h2-font-size: calc(var(--heading-base-size) * var(--heading-font-scale)); 274 --h3-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.75); 275 --h4-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.65); 276 --h5-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55); 277 --h6-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45); 278 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4); 279 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.7); 280 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale)); 281 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 1.2); 282 --heading-font-size-extra-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 2.5); 283 284 --subheading-font-size-small: calc(var(--subheading-base-size) * var(--heading-font-scale) * 0.9); 285 --subheading-font-size-medium: calc(var(--subheading-base-size) * var(--heading-font-scale)); 286 --subheading-font-size-large: calc(var(--subheading-base-size) * var(--heading-font-scale) * 1.2); 287 288 --body-font-size: calc(var(--body-base-size) * var(--body-font-scale)); 289 --body-font-size-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.9); 290 --body-font-size-x-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.8); 291 --body-font-size-xx-small: calc(var(--body-base-size) * var(--body-font-scale) * 0.7); 292 --body-font-size-large: calc(var(--body-base-size) * var(--body-font-scale) * 1.2); 293 --announcement-bar-font-size-countdown-timer: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.5); 294 295 --product-info-media-width: 50%; 296 } 297 298 :root { 299 --button-font-size: 1.08rem; 300 --padding-content-page-width: 32px; 301 --padding-content-full-width: 32px; 302 --padding-content-full-width-padded: 32px; 303 --full-width-padded: 32px;
304 --border-radius-popup: 0; 305 --border-radius-drawer: 0; 306 --padding-bottom-product-template-block: 20px; 307 --spacing-between-heading-and-content: 26px; 308 --page-width 1600px; 309 --max-width-block-text: 950px; 310 --max-width-page-content: 950px; 311 } 312 313 .block-title-size { 314 --heading-font-size-small: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.45); 315 --heading-font-size-medium: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.55); 316 --heading-font-size-large: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.8); 317 } 318 } 319 /* Colors */ 320 :root, 321 *:before, .color-scheme-theme { 322 --color-background: 255 255 255 / 1.0; 323 --color-background-no-alpha: 255 255 255; 324 325 --gradient-background: #ffffff; 326 --gradient-background-no-alpha: rgb(255 255 255); 327 328 --color-highlight: 255 90 0 / 1.0; 329 --color-highlight-no-alpha: 255 90 0; 330 --color-link: 255 90 0 / 1.0; 331 --color-link-no-alpha: 255 90 0; 332 --color-heading: 0 0 0 / 1.0; 333 --color-heading-no-alpha: 0 0 0; 334 --color-text: 0 0 0 / 1.0; 335 --color-text-no-alpha: 0 0 0; 336 --color-line-and-border: 197 197 197 / 1.0; 337 --color-line-and-border-no-alpha: 197 197 197; 338 --color-vendor: 0 0 0 / 0.4; 339 --color-vendor-no-alpha: 0 0 0; 340 341 --color-button: 255 90 0 / 1.0; 342 --color-button-no-alpha: 255 90 0; 343 --color-button-text: 0 0 0 / 1.0; 344 --color-button-text-no-alpha: 0 0 0; 345 --color-button-hover: 0 0 0 / 1.0; 346 --color-button-hover-no-alpha: 0 0 0; 347 --color-button-text-hover: 255 90 0 / 1.0; 348 --color-button-text-hover-no-alpha: 255 90 0; 349 --color-secondary-button: 0 0 0 / 1.0; 350 --color-secondary-button-no-alpha: 0 0 0; 351 --color-secondary-button-text: 255 255 255 / 1.0; 352 --color-secondary-button-text-no-alpha: 255 255 255; 353 --color-secondary-button-hover: 0 0 0 / 1.0; 354 --color-secondary-button-hover-no-alpha: 0 0 0; 355 --color-secondary-button-text-hover: 255 90 0 / 1.0; 356 --color-secondary-button-text-hover-no-alpha: 255 90 0; 357 --color-button-link: 255 255 255 / 1.0; 358 --color-button-link-no-alpha: 255 255 255; 359 --color-button-link-label-hover: 255 90 0 / 1.0; 360 --color-button-link-label-hover-no-alpha: 255 90 0; 361 --button-padding-y-mobile: 10px; 362 --button-padding-x-mobile: 26px; 363 --button-padding-y-desktop: 12px; 364 --button-padding-x-desktop: 33px; 365 --input-border-radius: 0.25rem; 366 367 --error-background-color: / ; 368 --error-background-color-no-alpha: ; 369 --error-message-color: 255 0 0 / 1.0; 370 --error-message-color-no-alpha: 255 0 0; 371 --success-background-color: / ; 372 --success-background-color-no-alpha: ; 373 --success-message-color: 19 162 117 / 1.0; 374 --success-message-color-no-alpha: 19 162 117; 375 --color-price: 0 0 0 / 1.0; 376 --color-price-no-alpha: 0 0 0; 377 --color-sale-price: 255 90 0 / 1.0; 378 --color-sale-price-no-alpha: 255 90 0; 379 --rating-color: 255 90 0 / 1.0; 380 --rating-color-no-alpha: 255 90 0; 381 --color-in-stock: 255 90 0 / 1.0; 382 --color-in-stock-no-alpha: 255 90 0; 383 --color-low-stock: 228 105 105 / 1.0; 384 --color-low-stock-no-alpha: 228 105 105; 385 --color-out-of-stock: 197 197 197 / 1.0; 386 --color-out-of-stock-no-alpha: 197 197 197; 387 --color-out-of-stock-continue-selling: 19 120 41 / 1.0; 388 --color-pre-order: 19 120 41 / 1.0; 389 390 --color-overlay: 16 15 15 / 0.5; 391 --color-overlay-no-alpha: 16 15 15; 392 --color-border-footer: 0 0 0 / 1.0; 393 --color-border-footer-no-alpha: 0 0 0; 394 --color-pulse-speech: 0 81 186 / 1.0; 395 --color-pulse-speech-no-alpha: 0 81 186;--color-breadcrumb-text: 255 255 255 / 1.0; 396 --color-breadcrumb-text-no-alpha: 255 255 255;--color-breadcrumb-text-link: 255 255 255 / 1.0; 397 --color-breadcrumb-text-link-no-alpha: 255 255 255; 398 --product-card-padding: 0px; 399 --product-card-padding-mobile: 0px; 400 --swatch-option-ratio: 1 / 1; 401 --swatch-option-border-radius: 0px; 402 --swatch-option-width: 34px; 403 --swatch-option-height: 34px; 404 --border-radius-flash-message: 0; 405 --border-radius-select-element: 0; 406 407 --color-skeleton: 240 241 243 / 1; 408 --color-skeleton-no-alpha: 240 241 243; 409 --color-background-placeholder-image: 225 230 231 / 1; 410 --color-background-placeholder-image-no-alpha: 229 234 235; 411 --color-icon-placeholder-image: 184 191 198 / 1; 412 --color-icon-placeholder-image-no-alpha: 184 191 198; 413 414 --color-background-popup: 0 0 0 / 0; 415 --color-background-popup-no-alpha: 0 0 0; 416 417 --color-scrollbar: 0 0 0 / 1.0; 418 --color-scrollbar-no-alpha: 0 0 0; 419 420 --element-background: rgba(255 255 255 / 1.0); 421 422 } 423 424 .maximize-theme:not(.dark) .section-header, 425 .maximize-theme:not(.dark) .section-header *:before { 426 427 --gradient-background: #ffffff; 428 --gradient-background-no-alpha: rgb(255 255 255); 429 430 431 --color-highlight: 255 90 0 / 1.0; 432 --color-highlight-no-alpha: 255 90 0; 433 --color-link: 255 90 0 / 1.0; 434 --color-link-no-alpha: 255 90 0; 435 436 437 --color-text-header: 0 0 0 / 1.0; 438 --color-text-header-no-alpha: 0 0 0; 439 --color-text: var(--color-text-header); 440 --color-text-no-alpha: var(--color-text-header-no-alpha); 441 442 443 --color-cart: 255 90 0 / 1.0; 444 --color-cart-no-alpha: 255 90 0; 445 446 447 --color-cart-text: 255 255 255 / 1.0; 448 --color-cart-text-no-alpha: 255 255 255; 449 450 451 --color-border-header: 255 90 0 / 1.0; 452 --color-border-header-no-alpha: 255 90 0; 453 454 455 --color-background: 255 255 255 / 1.0; 456 --color-background-no-alpha: 255 255 255; 457 458 --color-background-header: var(--color-background); 459 --color-icon-header: 0 0 0 / 1.0; 460 --color-icon-header-no-alpha: 0 0 0; 461 --color-line-and-border: var(--color-border-header); 462 --color-line-and-border-no-alpha: var(--color-border-header-no-alpha); 463 } 464 465 #x-footer, 466 #x-footer *:before { 467 --test-color-bg: #ffffff; 468 --test-color-gradient: ; 469 --color-background: 255 255 255 / 1.0; 470 --color-background-no-alpha: 255 255 255; 471 472 --gradient-background: #ffffff; 473 --gradient-background-no-alpha: rgb(255 255 255); 474 475 476 --color-highlight: 255 90 0 / 1.0; 477 --color-highlight-no-alpha: 255 90 0; 478 --color-link: 255 90 0 / 1.0; 479 --color-link-no-alpha: 255 90 0; 480 --color-text: 0 0 0 / 1.0; 481 --color-text-no-alpha: 0 0 0; 482 --color-icon-footer: 0 0 0 / 1.0; 483 --color-icon-footer-no-alpha: 0 0 0; 484 --color-line-and-border: 0 0 0 / 1.0; 485 --color-line-and-border-no-alpha: 0 0 0; 486 } 487 488 .maximize-theme:not(.dark) .product-card__wrapper, .maximize-theme:not(.dark) .product-card__wrapper *:before { 489 490 491 492 /* */ 493 494 495 496 } 497 498 499 /* Dark Mode */ 500 .dark, 501 .dark *:before, .dark .color-scheme-theme { 502 --color-background: 0 0 0 / 1.0; 503 --color-background-no-alpha: 0 0 0; 504 505 --gradient-background: #000000; 506 --gradient-background-no-alpha: rgb(0 0 0); 507 508 509 --color-highlight: 255 90 0 / 1.0; 510 --color-highlight-no-alpha: 255 90 0; 511 --color-link: 255 90 0 / 1.0; 512 --color-link-no-alpha: 255 90 0; 513 --color-heading: 255 255 255 / 1.0; 514 --color-heading-no-alpha: 255 255 255; 515 --color-text: 241 242 242 / 1.0; 516 --color-text-no-alpha: 241 242 242; 517 --color-line-and-border: 33 32 32 / 1.0; 518 --color-line-and-border-no-alpha: 33 32 32; 519 --color-vendor: 255 255 255 / 0.4; 520 --color-vendor-no-alpha: 255 255 255; 521 522 --color-button: 255 90 0 / 1.0; 523 --color-button-no-alpha: 255 90 0; 524 --color-button-text: 0 0 0 / 1.0; 525 --color-button-text-no-alpha: 0 0 0; 526 --color-button-hover: 255 255 255 / 1.0; 527 --color-button-hover-no-alpha: 255 255 255; 528 --color-button-text-hover: 0 0 0 / 1.0; 529 --color-button-text-hover-no-alpha: 0 0 0; 530 --color-secondary-button: 255 255 255 / 1.0; 531 --color-secondary-button-no-alpha: 255 255 255; 532 --color-secondary-button-text: 0 0 0 / 1.0; 533 --color-secondary-button-text-no-alpha: 0 0 0; 534 --color-secondary-button-hover: 255 90 0 / 1.0; 535 --color-secondary-button-hover-no-alpha: 255 90 0; 536 --color-secondary-button-text-hover: 0 0 0 / 1.0; 537 --color-secondary-button-text-hover-no-alpha: 0 0 0; 538 --color-button-link: 255 255 255 / 1.0; 539 --color-button-link-no-alpha: 255 255 255; 540 --color-button-link-label-hover: 255 90 0 / 1.0; 541 --color-button-link-label-hover-no-alpha: 255 90 0; 542 543 --error-background-color: / ; 544 --error-background-color-no-alpha: ; 545 --error-message-color: 243 97 97 / 1.0; 546 --error-message-color-no-alpha: 243 97 97; 547 --success-background-color: / ; 548 --success-background-color-no-alpha: ; 549 --success-message-color: 19 162 117 / 1.0; 550 --success-message-color-no-alpha: 19 162 117; 551 --color-price: 255 255 255 / 1.0; 552 --color-price-no-alpha: 255 255 255; 553 --color-sale-price: 243 97 97 / 1.0; 554 --color-sale-price-no-alpha: 243 97 97; 555 --rating-color: 255 90 0 / 1.0; 556 --rating-color-no-alpha: 255 90 0; 557 --color-in-stock: 255 90 0 / 1.0; 558 --color-in-stock-no-alpha: 255 90 0; 559 --color-low-stock: 255 81 81 / 1.0; 560 --color-low-stock-no-alpha: 255 81 81; 561 --color-out-of-stock: 174 180 187 / 1.0; 562 --color-out-of-stock-no-alpha: 174 180 187; 563 --color-out-of-stock-continue-selling: 16 162 48 / 1.0; 564 --color-pre-order: 16 162 48 / 1.0; 565 566 --color-overlay: 107 108 109 / 0.6; 567 --color-overlay-no-alpha: 107 108 109; 568 --color-border-header: 255 90 0 / 1.0; 569 --color-border-header-no-alpha: 255 90 0; 570 --color-border-footer: 41 45 54 / 1.0; 571 --color-border-footer-no-alpha: 41 45 54; 572 --color-pulse-speech: 0 81 186 / 1.0; 573 --color-pulse-speech-no-alpha: 0 81 186; 574 575 576 --product-card-bg: 0 0 0 / 0; 577 --product-card-bg-no-alpha: 0 0 0; 578 579--color-breadcrumb-background: 0 0 0 / 1.0; 580 --color-breadcrumb-background-no-alpha: 0 0 0;--color-breadcrumb-text: 241 242 242 / 1.0; 581 --color-breadcrumb-text-no-alpha: 241 242 242;--color-breadcrumb-text-link: 255 90 0 / 1.0; 582 --color-breadcrumb-text-link-no-alpha: 255 90 0; 583 --color-background-popup: 0 0 0 / 0; 584 --color-background-popup-no-alpha: 0 0 0; 585 586 --color-scrollbar: 241 242 242 / 1.0; 587 --color-scrollbar-no-alpha: 241 242 242; 588 589 --element-background: rgba(0 0 0 / 1.0); 590 591 } 592 593 .dark .section-header, 594 .dark .section-header *:before { 595 596 --gradient-background: #000000; 597 --gradient-background-no-alpha: rgb(0 0 0); 598 599 600 --color-highlight: 255 90 0 / 1.0; 601 --color-highlight-no-alpha: 255 90 0; 602 --color-link: 255 90 0 / 1.0; 603 --color-link-no-alpha: 255 90 0; 604 605 606 --color-text-header: 255 255 255 / 1.0; 607 --color-text-header-no-alpha: 255 255 255; 608 --color-text: var(--color-text-header); 609 --color-text-no-alpha: var(--color-text-header-no-alpha); 610 611 612 --color-cart: 255 90 0 / 1.0; 613 --color-cart-no-alpha: 255 90 0; 614 615 616 --color-cart-text: 255 255 255 / 1.0; 617 --color-cart-text-no-alpha: 255 255 255; 618 619 620 --color-border-header: 255 90 0 / 1.0; 621 --color-border-header-no-alpha: 255 90 0; 622 623 624 --color-background: 0 0 0 / 1.0; 625 --color-background-no-alpha: 0 0 0; 626 627 --color-background-header: var(--color-background); 628 --color-icon-header: 255 255 255 / 1.0; 629 --color-icon-header-no-alpha: 255 255 255; 630 --color-line-and-border: var(--color-border-header); 631 --color-line-and-border-no-alpha: var(--color-border-header-no-alpha); 632 } 633 634 .dark #x-footer, 635 .dark #x-footer *:before { 636 --color-background: 0 0 0 / 1.0; 637 --color-background-no-alpha: 0 0 0; 638 639 --gradient-background: #000000; 640 --gradient-background-no-alpha: rgb(0 0 0); 641 642 643 --color-highlight: 255 90 0 / 1.0; 644 --color-highlight-no-alpha: 255 90 0; 645 --color-link: 255 90 0 / 1.0; 646 --color-link-no-alpha: 255 90 0; 647 --color-text: 255 255 255 / 1.0; 648 --color-text-no-alpha: 255 255 255; 649 --color-icon-footer: 204 207 210 / 1.0; 650 --color-icon-footer-no-alpha: 204 207 210; 651 --color-line-and-border: 41 45 54 / 1.0; 652 --color-line-and-border-no-alpha: 41 45 54; 653 } 654 655 .dark .product-card__wrapper, .dark .product-card__wrapper *:before { 656 657 658 659 660 661 662 } 663 664 /* Schemes */ 665 666 .color-scheme-1, .color-scheme-1 *:before, .color-scheme-1 *:after,
667 .dark .dark-color-scheme-1, .dark .dark-color-scheme-1 *:before, .dark .dark-color-scheme-1 *:after, 668 .color-scheme-block.color-scheme-1 *:before, .color-scheme-block.color-scheme-1 *:after, 669 .dark .color-scheme-block.dark-color-scheme-1 *:before, .dark .color-scheme-block.dark-color-scheme-1 *:after { 670 --color-background: 0 0 0 / 1.0; 671 --color-background-no-alpha: 0 0 0; 672 673 --gradient-background: #000000; 674 --gradient-background-no-alpha: rgb(0 0 0); 675 676 --color-highlight: 255 90 0 / 1.0; 677 --color-highlight-no-alpha: 255 90 0; 678 --color-heading: 255 255 255 / 1.0; 679 --color-heading-no-alpha: 255 255 255; 680 --color-link: 255 90 0 / 1.0; 681 --color-link-no-alpha: 255 90 0; 682 --color-text: 241 242 242 / 1.0; 683 --color-text-no-alpha: 241 242 242; 684 --color-line-and-border: 33 32 32 / 1.0; 685 --color-line-and-border-no-alpha: 33 32 32; 686 687 --color-button: 255 90 0 / 1.0; 688 --color-button-no-alpha: 255 90 0; 689 --color-button-text: 0 0 0 / 1.0; 690 --color-button-text-no-alpha: 0 0 0; 691 --color-button-hover: 255 255 255 / 1.0; 692 --color-button-hover-no-alpha: 255 255 255; 693 --color-button-text-hover: 0 0 0 / 1.0; 694 --color-button-text-hover-no-alpha: 0 0 0; 695 --color-secondary-button: 255 255 255 / 1.0; 696 --color-secondary-button-no-alpha: 255 255 255; 697 --color-secondary-button-text: 0 0 0 / 1.0; 698 --color-secondary-button-text-no-alpha: 0 0 0; 699 --color-secondary-button-hover: 255 90 0 / 1.0; 700 --color-secondary-button-hover-no-alpha: 255 90 0; 701 --color-secondary-button-text-hover: 0 0 0 / 1.0; 702 --color-secondary-button-text-hover-no-alpha: 0 0 0; 703 --color-button-link: 255 255 255 / 1.0; 704 --color-button-link-no-alpha: 255 255 255; 705 --color-button-link-label-hover: 255 90 0 / 1.0; 706 --color-button-link-label-hover-no-alpha: 255 90 0; 707 --color-scrollbar: 241 242 242 / 1.0; 708 --color-scrollbar-no-alpha: 241 242 242; 709 710 --element-background: rgba(0 0 0 / 1.0); 711 712 713 --overlay-background: 0 0 0; 714 715 } 716 717 .color-scheme-2, .color-scheme-2 *:before, .color-scheme-2 *:after, 718 .dark .dark-color-scheme-2, .dark .dark-color-scheme-2 *:before, .dark .dark-color-scheme-2 *:after, 719 .color-scheme-block.color-scheme-2 *:before, .color-scheme-block.color-scheme-2 *:after, 720 .dark .color-scheme-block.dark-color-scheme-2 *:before, .dark .color-scheme-block.dark-color-scheme-2 *:after { 721 --color-background: 28 28 28 / 1.0; 722 --color-background-no-alpha: 28 28 28; 723 724 --gradient-background: #1c1c1c; 725 --gradient-background-no-alpha: rgb(28 28 28); 726 727 --color-highlight: 255 90 0 / 1.0; 728 --color-highlight-no-alpha: 255 90 0; 729 --color-heading: 255 255 255 / 1.0; 730 --color-heading-no-alpha: 255 255 255; 731 --color-link: 255 90 0 / 1.0; 732 --color-link-no-alpha: 255 90 0; 733 --color-text: 241 242 242 / 1.0; 734 --color-text-no-alpha: 241 242 242; 735 --color-line-and-border: 42 42 42 / 1.0; 736 --color-line-and-border-no-alpha: 42 42 42; 737 738 --color-button: 255 90 0 / 1.0; 739 --color-button-no-alpha: 255 90 0; 740 --color-button-text: 0 0 0 / 1.0; 741 --color-button-text-no-alpha: 0 0 0; 742 --color-button-hover: 255 255 255 / 1.0; 743 --color-button-hover-no-alpha: 255 255 255; 744 --color-button-text-hover: 0 0 0 / 1.0; 745 --color-button-text-hover-no-alpha: 0 0 0; 746 --color-secondary-button: 255 255 255 / 1.0; 747 --color-secondary-button-no-alpha: 255 255 255; 748 --color-secondary-button-text: 0 0 0 / 1.0; 749 --color-secondary-button-text-no-alpha: 0 0 0; 750 --color-secondary-button-hover: 255 90 0 / 1.0; 751 --color-secondary-button-hover-no-alpha: 255 90 0; 752 --color-secondary-button-text-hover: 0 0 0 / 1.0; 753 --color-secondary-button-text-hover-no-alpha: 0 0 0; 754 --color-button-link: 255 255 255 / 1.0; 755 --color-button-link-no-alpha: 255 255 255; 756 --color-button-link-label-hover: 255 90 0 / 1.0; 757 --color-button-link-label-hover-no-alpha: 255 90 0; 758 --color-scrollbar: 241 242 242 / 1.0; 759 --color-scrollbar-no-alpha: 241 242 242; 760 761 --element-background: rgba(28 28 28 / 1.0); 762 763 764 --overlay-background: 28 28 28; 765 766 } 767 768 .color-scheme-3, .color-scheme-3 *:before, .color-scheme-3 *:after, 769 .dark .dark-color-scheme-3, .dark .dark-color-scheme-3 *:before, .dark .dark-color-scheme-3 *:after, 770 .color-scheme-block.color-scheme-3 *:before, .color-scheme-block.color-scheme-3 *:after, 771 .dark .color-scheme-block.dark-color-scheme-3 *:before, .dark .color-scheme-block.dark-color-scheme-3 *:after { 772 --color-background: 255 255 255 / 1.0; 773 --color-background-no-alpha: 255 255 255; 774 775 --gradient-background: #ffffff; 776 --gradient-background-no-alpha: rgb(255 255 255); 777 778 --color-highlight: 255 90 0 / 1.0; 779 --color-highlight-no-alpha: 255 90 0; 780 --color-heading: 0 0 0 / 1.0; 781 --color-heading-no-alpha: 0 0 0; 782 --color-link: 255 90 0 / 1.0; 783 --color-link-no-alpha: 255 90 0; 784 --color-text: 0 0 0 / 1.0; 785 --color-text-no-alpha: 0 0 0; 786 --color-line-and-border: 197 197 197 / 1.0; 787 --color-line-and-border-no-alpha: 197 197 197; 788 789 --color-button: 255 90 0 / 1.0; 790 --color-button-no-alpha: 255 90 0; 791 --color-button-text: 0 0 0 / 1.0; 792 --color-button-text-no-alpha: 0 0 0; 793 --color-button-hover: 0 0 0 / 1.0; 794 --color-button-hover-no-alpha: 0 0 0; 795 --color-button-text-hover: 255 90 0 / 1.0; 796 --color-button-text-hover-no-alpha: 255 90 0; 797 --color-secondary-button: 0 0 0 / 1.0; 798 --color-secondary-button-no-alpha: 0 0 0; 799 --color-secondary-button-text: 255 255 255 / 1.0; 800 --color-secondary-button-text-no-alpha: 255 255 255; 801 --color-secondary-button-hover: 0 0 0 / 1.0; 802 --color-secondary-button-hover-no-alpha: 0 0 0; 803 --color-secondary-button-text-hover: 255 90 0 / 1.0; 804 --color-secondary-button-text-hover-no-alpha: 255 90 0; 805 --color-button-link: 255 255 255 / 1.0; 806 --color-button-link-no-alpha: 255 255 255; 807 --color-button-link-label-hover: 255 90 0 / 1.0; 808 --color-button-link-label-hover-no-alpha: 255 90 0; 809 --color-scrollbar: 0 0 0 / 1.0; 810 --color-scrollbar-no-alpha: 0 0 0; 811 812 --element-background: rgba(255 255 255 / 1.0); 813 814 815 --overlay-background: 255 255 255; 816 817 } 818 819 .color-scheme-4, .color-scheme-4 *:before, .color-scheme-4 *:after, 820 .dark .dark-color-scheme-4, .dark .dark-color-scheme-4 *:before, .dark .dark-color-scheme-4 *:after, 821 .color-scheme-block.color-scheme-4 *:before, .color-scheme-block.color-scheme-4 *:after, 822 .dark .color-scheme-block.dark-color-scheme-4 *:before, .dark .color-scheme-block.dark-color-scheme-4 *:after { 823 --color-background: 241 242 242 / 1.0; 824 --color-background-no-alpha: 241 242 242; 825 826 --gradient-background: #f1f2f2; 827 --gradient-background-no-alpha: rgb(241 242 242); 828 829 --color-highlight: 255 90 0 / 1.0; 830 --color-highlight-no-alpha: 255 90 0; 831 --color-heading: 0 0 0 / 1.0; 832 --color-heading-no-alpha: 0 0 0; 833 --color-link: 255 90 0 / 1.0; 834 --color-link-no-alpha: 255 90 0; 835 --color-text: 88 89 91 / 1.0; 836 --color-text-no-alpha: 88 89 91; 837 --color-line-and-border: 233 233 233 / 1.0; 838 --color-line-and-border-no-alpha: 233 233 233; 839 840 --color-button: 255 90 0 / 1.0; 841 --color-button-no-alpha: 255 90 0; 842 --color-button-text: 0 0 0 / 1.0; 843 --color-button-text-no-alpha: 0 0 0; 844 --color-button-hover: 0 0 0 / 1.0; 845 --color-button-hover-no-alpha: 0 0 0; 846 --color-button-text-hover: 255 90 0 / 1.0; 847 --color-button-text-hover-no-alpha: 255 90 0; 848 --color-secondary-button: 0 0 0 / 1.0; 849 --color-secondary-button-no-alpha: 0 0 0; 850 --color-secondary-button-text: 255 255 255 / 1.0; 851 --color-secondary-button-text-no-alpha: 255 255 255; 852 --color-secondary-button-hover: 0 0 0 / 1.0; 853 --color-secondary-button-hover-no-alpha: 0 0 0; 854 --color-secondary-button-text-hover: 255 90 0 / 1.0; 855 --color-secondary-button-text-hover-no-alpha: 255 90 0; 856 --color-button-link: 255 255 255 / 1.0; 857 --color-button-link-no-alpha: 255 255 255; 858 --color-button-link-label-hover: 255 90 0 / 1.0; 859 --color-button-link-label-hover-no-alpha: 255 90 0; 860 --color-scrollbar: 88 89 91 / 1.0; 861 --color-scrollbar-no-alpha: 88 89 91; 862 863 --element-background: rgba(241 242 242 / 1.0); 864 865 866 --overlay-background: 241 242 242; 867 868 } 869 870 .color-scheme-5, .color-scheme-5 *:before, .color-scheme-5 *:after, 871 .dark .dark-color-scheme-5, .dark .dark-color-scheme-5 *:before, .dark .dark-color-scheme-5 *:after, 872 .color-scheme-block.color-scheme-5 *:before, .color-scheme-block.color-scheme-5 *:after, 873 .dark .color-scheme-block.dark-color-scheme-5 *:before, .dark .color-scheme-block.dark-color-scheme-5 *:after { 874 --color-background: 255 90 0 / 1.0; 875 --color-background-no-alpha: 255 90 0; 876 877 --gradient-background: #ff5a00; 878 --gradient-background-no-alpha: rgb(255 90 0); 879 880 --color-highlight: 0 0 0 / 1.0; 881 --color-highlight-no-alpha: 0 0 0; 882 --color-heading: 0 0 0 / 1.0; 883 --color-heading-no-alpha: 0 0 0; 884 --color-link: 0 0 0 / 1.0; 885 --color-link-no-alpha: 0 0 0; 886 --color-text: 0 0 0 / 1.0; 887 --color-text-no-alpha: 0 0 0; 888 --color-line-and-border: 0 0 0 / 1.0; 889 --color-line-and-border-no-alpha: 0 0 0; 890 891 --color-button: 255 255 255 / 1.0; 892 --color-button-no-alpha: 255 255 255; 893 --color-button-text: 0 0 0 / 1.0; 894 --color-button-text-no-alpha: 0 0 0; 895 --color-button-hover: 0 0 0 / 1.0; 896 --color-button-hover-no-alpha: 0 0 0; 897 --color-button-text-hover: 255 90 0 / 1.0; 898 --color-button-text-hover-no-alpha: 255 90 0; 899 --color-secondary-button: 0 0 0 / 1.0; 900 --color-secondary-button-no-alpha: 0 0 0; 901 --color-secondary-button-text: 255 255 255 / 1.0; 902 --color-secondary-button-text-no-alpha: 255 255 255; 903 --color-secondary-button-hover: 0 0 0 / 1.0; 904 --color-secondary-button-hover-no-alpha: 0 0 0; 905 --color-secondary-button-text-hover: 255 90 0 / 1.0; 906 --color-secondary-button-text-hover-no-alpha: 255 90 0; 907 --color-button-link: 0 0 0 / 1.0; 908 --color-button-link-no-alpha: 0 0 0; 909 --color-button-link-label-hover: 39 39 39 / 1.0; 910 --color-button-link-label-hover-no-alpha: 39 39 39; 911 --color-scrollbar: 0 0 0 / 1.0; 912 --color-scrollbar-no-alpha: 0 0 0; 913 914 --element-background: rgba(255 90 0 / 1.0); 915 916 917 --overlay-background: 255 90 0; 918 919 } 920 921 .color-scheme-6, .color-scheme-6 *:before, .color-scheme-6 *:after,
922 .dark .dark-color-scheme-6, .dark .dark-color-scheme-6 *:before, .dark .dark-color-scheme-6 *:after, 923 .color-scheme-block.color-scheme-6 *:before, .color-scheme-block.color-scheme-6 *:after, 924 .dark .color-scheme-block.dark-color-scheme-6 *:before, .dark .color-scheme-block.dark-color-scheme-6 *:after { 925 --color-background: 0 0 0 / 1.0; 926 --color-background-no-alpha: 0 0 0; 927 928 --gradient-background: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%); 929 --gradient-background-no-alpha: linear-gradient(180deg, rgba(32, 32, 37, 1), rgba(23, 26, 34, 1) 100%); 930 931 --color-highlight: 255 90 0 / 1.0; 932 --color-highlight-no-alpha: 255 90 0; 933 --color-heading: 255 255 255 / 1.0; 934 --color-heading-no-alpha: 255 255 255; 935 --color-link: 255 90 0 / 1.0; 936 --color-link-no-alpha: 255 90 0; 937 --color-text: 255 255 255 / 1.0; 938 --color-text-no-alpha: 255 255 255; 939 --color-line-and-border: 255 90 0 / 1.0; 940 --color-line-and-border-no-alpha: 255 90 0; 941 942 --color-button: 255 90 0 / 1.0; 943 --color-button-no-alpha: 255 90 0; 944 --color-button-text: 0 0 0 / 1.0; 945 --color-button-text-no-alpha: 0 0 0; 946 --color-button-hover: 173 237 255 / 1.0; 947 --color-button-hover-no-alpha: 173 237 255; 948 --color-button-text-hover: 50 68 89 / 1.0; 949 --color-button-text-hover-no-alpha: 50 68 89; 950 --color-secondary-button: 173 237 255 / 1.0; 951 --color-secondary-button-no-alpha: 173 237 255; 952 --color-secondary-button-text: 14 16 22 / 1.0; 953 --color-secondary-button-text-no-alpha: 14 16 22; 954 --color-secondary-button-hover: 255 255 255 / 1.0; 955 --color-secondary-button-hover-no-alpha: 255 255 255; 956 --color-secondary-button-text-hover: 50 68 89 / 1.0; 957 --color-secondary-button-text-hover-no-alpha: 50 68 89; 958 --color-button-link: 100 152 220 / 1.0; 959 --color-button-link-no-alpha: 100 152 220; 960 --color-button-link-label-hover: 202 51 51 / 1.0; 961 --color-button-link-label-hover-no-alpha: 202 51 51; 962 --color-scrollbar: 255 255 255 / 1.0; 963 --color-scrollbar-no-alpha: 255 255 255; 964 965 --element-background: transparent; 966 967 968 --overlay-background: 0 0 0; 969 970 } 971 972 .color-scheme-7, .color-scheme-7 *:before, .color-scheme-7 *:after, 973 .dark .dark-color-scheme-7, .dark .dark-color-scheme-7 *:before, .dark .dark-color-scheme-7 *:after, 974 .color-scheme-block.color-scheme-7 *:before, .color-scheme-block.color-scheme-7 *:after, 975 .dark .color-scheme-block.dark-color-scheme-7 *:before, .dark .color-scheme-block.dark-color-scheme-7 *:after { 976 --color-background: 255 255 255 / 1.0; 977 --color-background-no-alpha: 255 255 255; 978 979 --gradient-background: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%); 980 --gradient-background-no-alpha: linear-gradient(46deg, rgba(0, 133, 118, 1), rgba(45, 72, 149, 1) 98%); 981 982 --color-highlight: 255 255 255 / 1.0; 983 --color-highlight-no-alpha: 255 255 255; 984 --color-heading: 255 255 255 / 1.0; 985 --color-heading-no-alpha: 255 255 255; 986 --color-link: 255 255 255 / 1.0; 987 --color-link-no-alpha: 255 255 255; 988 --color-text: 255 255 255 / 1.0; 989 --color-text-no-alpha: 255 255 255; 990 --color-line-and-border: 45 72 149 / 1.0; 991 --color-line-and-border-no-alpha: 45 72 149; 992 993 --color-button: 45 72 149 / 1.0; 994 --color-button-no-alpha: 45 72 149; 995 --color-button-text: 255 255 255 / 1.0; 996 --color-button-text-no-alpha: 255 255 255; 997 --color-button-hover: 15 57 139 / 1.0; 998 --color-button-hover-no-alpha: 15 57 139; 999 --color-button-text-hover: 255 255 255 / 1.0; 1000 --color-button-text-hover-no-alpha: 255 255 255; 1001 --color-secondary-button: 255 255 255 / 1.0; 1002 --color-secondary-button-no-alpha: 255 255 255; 1003 --color-secondary-button-text: 57 56 56 / 1.0; 1004 --color-secondary-button-text-no-alpha: 57 56 56; 1005 --color-secondary-button-hover: 225 225 225 / 1.0; 1006 --color-secondary-button-hover-no-alpha: 225 225 225; 1007 --color-secondary-button-text-hover: 16 15 15 / 1.0; 1008 --color-secondary-button-text-hover-no-alpha: 16 15 15; 1009 --color-button-link: 255 255 255 / 1.0; 1010 --color-button-link-no-alpha: 255 255 255; 1011 --color-button-link-label-hover: 202 51 51 / 1.0; 1012 --color-button-link-label-hover-no-alpha: 202 51 51; 1013 --color-scrollbar: 255 255 255 / 1.0; 1014 --color-scrollbar-no-alpha: 255 255 255; 1015 1016 --element-background: transparent; 1017 1018 1019 --overlay-background: 255 255 255; 1020 1021 } 1022 1023 .color-scheme-8, .color-scheme-8 *:before, .color-scheme-8 *:after, 1024 .dark .dark-color-scheme-8, .dark .dark-color-scheme-8 *:before, .dark .dark-color-scheme-8 *:after, 1025 .color-scheme-block.color-scheme-8 *:before, .color-scheme-block.color-scheme-8 *:after, 1026 .dark .color-scheme-block.dark-color-scheme-8 *:before, .dark .color-scheme-block.dark-color-scheme-8 *:after { 1027 --color-background: 226 234 254 / 1.0; 1028 --color-background-no-alpha: 226 234 254; 1029 1030 --gradient-background: #e2eafe; 1031 --gradient-background-no-alpha: rgb(226 234 254); 1032 1033 --color-highlight: 15 57 139 / 1.0; 1034 --color-highlight-no-alpha: 15 57 139; 1035 --color-heading: 16 15 15 / 1.0; 1036 --color-heading-no-alpha: 16 15 15; 1037 --color-link: 15 57 139 / 1.0; 1038 --color-link-no-alpha: 15 57 139; 1039 --color-text: 57 56 56 / 1.0; 1040 --color-text-no-alpha: 57 56 56; 1041 --color-line-and-border: 241 241 241 / 1.0; 1042 --color-line-and-border-no-alpha: 241 241 241; 1043 1044 --color-button: 45 72 149 / 1.0; 1045 --color-button-no-alpha: 45 72 149; 1046 --color-button-text: 255 255 255 / 1.0; 1047 --color-button-text-no-alpha: 255 255 255; 1048 --color-button-hover: 15 57 139 / 1.0; 1049 --color-button-hover-no-alpha: 15 57 139; 1050 --color-button-text-hover: 255 255 255 / 1.0; 1051 --color-button-text-hover-no-alpha: 255 255 255; 1052 --color-secondary-button: 225 225 225 / 1.0; 1053 --color-secondary-button-no-alpha: 225 225 225; 1054 --color-secondary-button-text: 57 56 56 / 1.0; 1055 --color-secondary-button-text-no-alpha: 57 56 56; 1056 --color-secondary-button-hover: 214 214 214 / 1.0; 1057 --color-secondary-button-hover-no-alpha: 214 214 214; 1058 --color-secondary-button-text-hover: 57 56 56 / 1.0; 1059 --color-secondary-button-text-hover-no-alpha: 57 56 56; 1060 --color-button-link: 15 57 139 / 1.0; 1061 --color-button-link-no-alpha: 15 57 139; 1062 --color-button-link-label-hover: 202 51 51 / 1.0; 1063 --color-button-link-label-hover-no-alpha: 202 51 51; 1064 --color-scrollbar: 57 56 56 / 1.0; 1065 --color-scrollbar-no-alpha: 57 56 56; 1066 1067 --element-background: rgba(226 234 254 / 1.0); 1068 1069 1070 --overlay-background: 226 234 254; 1071 1072 } 1073 1074 body , .color-scheme-1, dark .dark-color-scheme-1 , .color-scheme-2, dark .dark-color-scheme-2 , .color-scheme-3, dark .dark-color-scheme-3 , .color-scheme-4, dark .dark-color-scheme-4 , .color-scheme-5, dark .dark-color-scheme-5 , .color-scheme-6, dark .dark-color-scheme-6 , .color-scheme-7, dark .dark-color-scheme-7 , .color-scheme-8, dark .dark-color-scheme-8 { 1075 color: rgba(var(--color-text)); 1076 background-color: rgba(var(--color-background)); 1077 background: var(--gradient-background, "none"); 1078 } 1079 1080 /* Global class */ 1081 1082 .button-action { 1083 border: none; 1084 color: rgba(var(--color-button-text)); 1085 background-color: rgba(var(--color-button)); 1086 } 1087 .drawer-menu-wrapper .menu-item.is-focus-child { 1088 background: rgba(var(--color-heading-no-alpha) / 0.1); 1089 } 1090 .bg-heading-highlight { 1091 background: rgba(var(--color-highlight)); 1092 } 1093 1094 1095 1096 .maximize-theme:not(.dark) .product-card__highlight-attributes__rotate { 1097 --color-text: 55 61 98 / 1.0; 1098 --color-text-no-alpha: 55 61 98; 1099 color: rgba(var(--color-text)); 1100 } 1101 1102 1103 .dark .product-card__highlight-attributes__rotate { 1104 --color-text: 227 234 253 / 1.0; 1105 --color-text-no-alpha: 227 234 253; 1106 color: rgba(var(--color-text)); 1107 } 1108 1109 1110 1111 1112 @media (min-width: 1024px) { 1113 .media-hyperlink { 1114 will-change: transform; 1115 } 1116 .media-hyperlink .anm-image-hover { 1117 transition: transform var(--image-transition-duration) ease-out; 1118 transform: translateZ(0); 1119 } 1120 .media-hyperlink:hover .anm-image-hover { 1121 transform: scale(var(--image-hover-scale)); 1122 } 1123 } 1124 1125</style>
1125<script>const themeMode = 'switch'; 1126 if ((localStorage.maximize_theme == 1 && themeMode == 'switch') 1127 || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)) { 1128 requestAnimationFrame(() => { 1129 document.documentElement.classList.add('dark'); 1130 }); 1131 } else if ((localStorage.maximize_theme == 0 && themeMode == 'switch') 1132 || (themeMode == 'auto' && window.matchMedia('(prefers-color-scheme: light)').matches)) { 1133 requestAnimationFrame(() => { 1134 document.documentElement.classList.remove('dark'); 1135 }); 1136 }</script>
1136 1137
1137<script> 1138 (function () { 1139 var stored = localStorage.getItem('currentStoreSelected'); 1140 if (!stored) return; 1141 1142 window.Maximize = window.Maximize || {}; 1143 window.Maximize.getInitialStoreText = function () { 1144 try { 1145 return JSON.parse(stored)?.selectedStore || ''; 1146 } catch (_) { 1147 return ''; 1148 } 1149 }; 1150 1151 var storeText = window.Maximize.getInitialStoreText(); 1152 if (storeText !== "") { 1153 document.documentElement.style.setProperty( 1154 '--x-store-selector-content', 1155 JSON.stringify(storeText) 1156 ); 1157 } 1158 })(); 1159 </script>
1159<link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223" media="(max-width: 767px)"> 1160 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)"> 1161 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223" media="(min-width: 768px)"> 1162 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223" media="(min-width: 1024px)"> 1163 <link rel="preload" as="style" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223" media="(min-width: 1280px)"> 1164 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-sm.css?v=103348875477061809411789788223" media="(max-width: 767px)"> 1165 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-max-lg.css?v=55010374872957188621789788223" media="(max-width: 1023px)"> 1166 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-md.css?v=122122041580820932981789788223" media="(min-width: 768px)"> 1167 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-lg.css?v=162125944852880943131789788223" media="(min-width: 1024px)"> 1168 <link rel="stylesheet" href="//nacholightingco.com/cdn/shop/t/30/assets/theme-xl.css?v=102636228293614010981789788223" media="(min-width: 1280px)"> 1169 1170 <link href="//nacholightingco.com/cdn/shop/t/30/assets/buttons.css?v=153050960260856216031789788223" rel="stylesheet" type="text/css" media="all" /> 1171 1172 1173
1173<script src="//nacholightingco.com/cdn/shop/t/30/assets/constants.js?v=39579758319660886351789788223" defer></script>
1173 1174
1174<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1174<meta name="facebook-domain-verification" content="mqb4fak5b3ym78dwzm52rnwpuct6us"> 1175<meta name="google-site-verification" content="jbRClbdeLZX_B-llaw0F0bjB-E6xm4gUC4qfK0B7vMs"> 1176<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/61423419562/digital_wallets/dialog"> 1177<meta id="in-context-paypal-metadata" data-shop-id="61423419562" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 1178<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1178<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1178 1179<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1180<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=61423419562" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1180
1180
1181<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":61423419562,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/61423419562","merchantName":"NACHO Lighting Co.","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"NACHO Lighting Co.","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1181
1181
1182<script id="shopify-features" type="application/json">{"accessToken":"96b19c200479a77ef6e4c7b1334ac65d","betas":["rich-media-storefront-analytics"],"domain":"nacholightingco.com","predictiveSearch":true,"shopId":61423419562,"locale":"en"}</script>
vendor: 1 bytes, line 1182
1182
1183<script>var Shopify = Shopify || {}; 1184Shopify.shop = "nacho-offroad-technology.myshopify.com"; 1185Shopify.locale = "en"; 1186Shopify.currency = {"active":"USD","rate":"1.0"}; 1187Shopify.country = "US"; 1188Shopify.theme = {"name":"Maximize - NLC","id":148956151978,"schema_name":"Maximize","schema_version":"1.9.0","theme_store_id":3716,"role":"main"}; 1189Shopify.theme.handle = "null"; 1190Shopify.theme.style = {"id":null,"handle":null}; 1191Shopify.cdnHost = "nacholightingco.com/cdn"; 1192Shopify.routes = Shopify.routes || {}; 1193Shopify.routes.root = "/"; 1194Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 1195Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 1196Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 1197Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1197
1197
1198<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1198
1198
1199<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 1199
1199
1200<script> 1201 window.ShopifyPay = window.ShopifyPay || {}; 1202 window.ShopifyPay.apiHost = "shop.app\/pay"; 1203 window.ShopifyPay.redirectState = null; 1204</script>
vendor: 1 bytes, line 1204
1204
1205<script> 1206 window.Shopify = window.Shopify || {}; 1207 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 1208 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 1209 window.Shopify.SignInWithShop.eligible = true; 1210</script>
vendor: 1 bytes, line 1210
1210
1211<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 1211
1211
1212<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 1212
1212
1213<script type="module"> 1214 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 1215 1216 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 1217 1218</script>
vendor: 1 bytes, line 1218
1218
1219<script> 1220 window.Shopify = window.Shopify || {}; 1221 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 1222 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 1223</script>
vendor: 1 bytes, line 1223
1223
1224<script>(function() { 1225 var isLoaded = false; 1226 function asyncLoad() { 1227 if (isLoaded) return; 1228 isLoaded = true; 1229 var urls = ["\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","\/\/www.powr.io\/powr.js?powr-token=nacho-offroad-technology.myshopify.com\u0026external-type=shopify\u0026shop=nacho-offroad-technology.myshopify.com","https:\/\/id-shop.govx.com\/app\/nacho-offroad-technology.myshopify.com\/govx.js?shop=nacho-offroad-technology.myshopify.com","\/\/cdn.shopify.com\/proxy\/0bdd0933b4ec4aeb46175df939988e55f71db49adb108ea8c7776e5dd2da6148\/b2b-solution.bsscommerce.com\/js\/bss-b2b-cp.js?shop=nacho-offroad-technology.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 1230 for (var i = 0; i < urls.length; i++) { 1231 var s = document.createElement('script'); 1232 s.type = 'text/javascript'; 1233 s.async = true; 1234 s.src = urls[i]; 1235 var x = document.getElementsByTagName('script')[0]; 1236 x.parentNode.insertBefore(s, x); 1237 } 1238 }; 1239 if(window.attachEvent) { 1240 window.attachEvent('onload', asyncLoad); 1241 } else { 1242 window.addEventListener('load', asyncLoad, false); 1243 } 1244})();</script>
vendor: 1 bytes, line 1244
1244
1245<script id="__st">var __st={"a":61423419562,"offset":-25200,"reqid":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865","pageurl":"nacholightingco.com\/search","u":"a051e31b2b7d","p":"searchresults"};</script>
vendor: 1 bytes, line 1245
1245
1246<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1246
1246
1247<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 1247
1247
1248<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1248
1248
1249<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
1249<script crossorigin="anonymous" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 1249
1249
1250<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 1250
1250
1251<script> 1252 window.Shopify = window.Shopify || {}; 1253 window.Shopify.MCP = window.Shopify.MCP || {}; 1254 window.Shopify.MCP.enabled = true; 1255 window.Shopify.MCP.shop = "nacho-offroad-technology.myshopify.com"; 1256 window.Shopify.MCP.mcpEndpoint = "https:\/\/nacholightingco.com\/api\/mcp"; 1257 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 1258</script>
vendor: 1 bytes, line 1258
1258
1259<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/nacholightingco.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 1260</script>
vendor: 1 bytes, line 1260
1260
1261<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 1262</script>
vendor: 1 bytes, line 1262
1262
1263<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 1264 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 1265</script>
vendor: 1 bytes, line 1265
1265
1266<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 1267</script>
vendor: 1 bytes, line 1267
1267
1268<script id='scb4127' type='text/javascript' async='' src='https://nacholightingco.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1268<script integrity="sha256-/LA1C2Bx6899fYCos0FS9qLj2opaGFm7AXrTUvBEb4s=" data-source-attribution="shopify.remote_product_tracking" data-shopify-remote-tracking="{"session_id":"01M4HTRW79ZEFRXTBCY2NSDF7Y","publisher_shop_id":61423419562,"theme_id":148956151978,"theme_published":true,"theme_store_id":3716,"placement":"search","event_data":{"search_query":null},"recommendations_tracking_enabled":true}" defer="defer" src="//nacholightingco.com/cdn/shopifycloud/storefront/assets/storefront/remote_product_tracking-91d95044.js" crossorigin="anonymous"></script>
1268 1269<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://nacholightingco.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 1270<style id="shopify-accelerated-checkout-cart"> 1271 #shopify-buyer-consent { 1272 margin-top: 1em; 1273 display: inline-block; 1274 width: 100%; 1275} 1276 1277#shopify-buyer-consent.hidden { 1278 display: none; 1279} 1280 1281#shopify-subscription-policy-button { 1282 background: none; 1283 border: none; 1284 padding: 0; 1285 text-decoration: underline; 1286 font-size: inherit; 1287 cursor: pointer; 1288} 1289 1290#shopify-subscription-policy-button::before { 1291 box-shadow: none; 1292} 1293 1294 </style> 1295
1296<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1296 1297 <!-- Google Tag Manager -->
1298<script>
vendor: 327 bytes, lines 1298-1302
1298(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1299new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1300j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1301'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1302})(window,document,'script','dataLayer','
1302GTM-5K47W6Z6
vendor: 3 bytes, line 1302
1302');
1302</script>
1302 1303<!-- End Google Tag Manager --> 1304<!-- BEGIN app block: shopify://apps/ot-theme-sections/blocks/otsb-style/45c0d634-d78b-458c-8bca-17086e7d65aa --><link href="//cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-style.min.css" rel="stylesheet" type="text/css" media="all" />
1305<script> 1306 window.otsb={main_script_enabled:true,sliderScript:"https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-splide.min.js",loadedScript:window?.otsb?.loadedScript||[],components:{splides:{}}}; 1307</script>
1307<script src="https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-script.min.js" defer="defer"></script>
1307 1308 1309<!-- END app block --><!-- BEGIN app block: shopify://apps/google-youtube/blocks/store_widget/14ec7bd0-ac77-49a9-9417-90752398bdff --> 1310 1311 1312<!-- BEGIN MerchantWidget Code -->
1313<script id='merchantWidgetScript' 1314 src="https://www.gstatic.com/shopping/merchant/merchantwidget.js" 1315 defer> 1316</script>
vendor: 1 bytes, line 1316
1316
1317<script type="text/javascript"> 1318 merchantWidgetScript.addEventListener('load', function () { 1319 var widgetPos = 'LEFT_BOTTOM'; 1320 var sideMargin = '36'; 1321 var bottomMargin = '36'; 1322 var mobileSideMargin = '16'; 1323 var mobileBottomMargin = '46'; 1324 var merchantId = '563611008'; 1325 merchantwidget.start({ 1326 position: widgetPos, 1327 sideMargin: sideMargin, 1328 bottomMargin: bottomMargin, 1329 mobileSideMargin: mobileSideMargin, 1330 mobileBottomMargin: mobileBottomMargin, 1331 merchant_id: merchantId, 1332 }); 1333 }); 1334</script>
1334 1335<!-- END MerchantWidget Code --><!-- END app block --><!-- BEGIN app block: shopify://apps/bss-b2b-solution/blocks/config-header/451233f2-9631-4c49-8b6f-057e4ebcde7f --> 1336 1337 1338<link href="//cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/config-header.css" rel="stylesheet" type="text/css" media="all" />
1339<script id="bss-b2b-config-data"> 1340 if (typeof BSS_B2B == 'undefined') { 1341 var BSS_B2B = {}; 1342 } 1343 1344 1345 BSS_B2B.storeId = 15990; 1346 BSS_B2B.currentPlan = "false"; 1347 BSS_B2B.planCode = "advanced"; 1348 BSS_B2B.shopModules = JSON.parse('[{"code":"qb","status":0},{"code":"cp","status":1},{"code":"act","status":1},{"code":"form","status":1},{"code":"tax_exempt","status":1},{"code":"amo","status":0},{"code":"mc","status":0},{"code":"public_api","status":0},{"code":"dc","status":0},{"code":"cart_note","status":0},{"code":"mo","status":1},{"code":"tax_display","status":1},{"code":"sr","status":1},{"code":"bogo","status":0},{"code":"qi","status":0},{"code":"ef","status":0},{"code":"pl","status":0}]'); 1349 BSS_B2B.version = 3; 1350 var bssB2bApiServer = "https://solution-api.bss-b2b.solutions"; 1351 var bssB2bCmsUrl = "https://solution-cms.bss-b2b.solutions"; 1352 var bssGeoServiceUrl = "https://geo-ip-service.bsscommerce.com"; 1353 var bssB2bCheckoutUrl = "https://solution-checkout.bss-b2b.solutions"; 1354 1355 1356 1357 1358 1359 window.bssB2bMarketId = 3048800426; 1360 1361 1362 1363 BSS_B2B.integrationApp = null; 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 BSS_B2B.configData = [].concat([{"i":"2148207966","n":"Tier 1","at":4,"ct":"tier 1","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"pBjm0KPvPLrfpMl2ZGIQqGjeCTFcyTlO4NrsRuLbJTM="},{"i":"2148208252","n":"Tier 2","at":4,"ct":"tier 2","mct":0,"pct":2,"pc":"287783190698,287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"25.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"ygOnTgXN3Wqarvw3xyrL6KzM2z+dwtqQ9RsZ6N876aA="},{"i":"2148208256","n":"Tier 3","at":4,"ct":"tier 3","mct":0,"pct":2,"pc":"287783190698,287862259882,321033535658,316349350058,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"30.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"37i0mBlrAHP8JrZSrKkZZVIb7NwUTyd+tcGysa5h/Gk="},{"i":"2148208257","n":"Tier 4","at":4,"ct":"tier 4","mct":0,"pct":2,"pc":"337277911210,287862259882,316349350058,321033535658,335397257386,335397290154","xpct":0,"dt":2,"dv":"35.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"6esfom//PnQNXqmeVcxdHaolHYSyrG4Ywo6boylrfVo="},{"i":"2148208259","n":"Tier 5","at":4,"ct":"tier 5","mct":0,"pct":2,"pc":"287862259882,316349350058,321033535658,337277911210,335397257386,335397290154","xpct":0,"dt":2,"dv":"40.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"kCBXrqV06Gdn/fhm1Ldvh5hZd6rZGQlMv+N6bd3CvVc="},{"i":"2151274009","n":"Legacy","at":4,"ct":"Legacy","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"28.00","sd":"2024-01-23T04:42:00.000Z","ed":"2024-01-23T04:42:00.000Z","st":"21:42:00","et":"21:42:00","ef":0,"eed":0,"t":"jBbsyUUyv1ZM2f6800ABmI2XCTGDwz3kLgHcOea4sXI="},{"i":"2150378818","n":"test bss","at":3,"ci":"8642644082858","mct":0,"pct":0,"xpct":0,"dt":2,"dv":"20.00","sd":"2025-03-21T07:37:36.000Z","ed":"2025-03-21T07:37:36.000Z","st":"14:37:00","et":"14:37:00","ef":0,"eed":0,"t":"A2nDJ5BPivnSdR1aXNGuOQpFcWvjS7U7WHCs//ACQpU="},{"i":"2148208260","n":"Dealer 20%","p":1,"at":4,"ct":"tier 1,tier 2,tier 3","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"Wmq1dLbHy7/q3qZ+Gfui+6yKU8HCZcwh+iggIJY5Wog="},{"i":"2148208261","n":"Dealer 25%","p":1,"at":4,"ct":"tier 4,tier 5","mct":0,"pct":1,"pi":"7323116372138,7421110714538,7513830490282,7513830817962,7555119382698,7574693445802,7603160940714,7653292572842,7658505502890,7667896942762,7672470831274,7673702482090,7673702645930,7673702777002,7703031447722,7703037837482,7703047307434,7740324282538,7779871228074,7811123216554,7811123347626,7873838973098,7917957316778","xpct":0,"dt":2,"dv":"20.00","sd":"2024-01-24T18:01:00.000Z","ed":"2024-01-24T18:01:00.000Z","st":"11:01:00","et":"11:01:00","ef":0,"eed":0,"t":"z0JHy7z2gFrWGnqy5m0v4vWszEJKu6npfCi+eOex7Ks="},{"i":"2148225683","n":"High Boy Tier 3-5","p":1,"at":4,"ct":"tier 3,tier 4,tier 5","mct":0,"pct":1,"pi":"7633095262378","xpct":0,"dt":2,"dv":"23.00","sd":"2024-01-26T16:37:00.000Z","ed":"2024-01-26T16:37:00.000Z","st":"09:37:00","et":"09:37:00","ef":0,"eed":0,"t":"yKkLDlwjkNFsxSwIzrhYX9DOvMnkLClTLA0DjJOUbE0="}],[],[],[],[],[],[],[],[],[],); 1374 BSS_B2B.cpSettings = {"cpType":2,"default_price_color":"#ff7903","price_applied_cp_color":"#000000"}; 1375 BSS_B2B.customPricingSettings = null; 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 BSS_B2B.srSettings = {"srType":0}; 1391 1392 BSS_B2B.srRules = [{"id":1533,"name":"Free Shipping Over $2000","apply_to":4,"customer_ids":"","customer_tags":"tier 1,tier 2","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2024-02-02T19:03:09.000Z","updatedAt":"2024-02-02T19:03:09.000Z","id":2141,"rule_id":1533,"amount_from":"2500","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":null,"total_sr_per_customer":null,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":"2026-02-18T16:54:12.000Z","end_date":"2026-02-18T16:54:12.000Z","start_time":"09:54:00","end_time":"09:54:00","enable_end_date":0},{"id":2901,"name":"Free Shipping Over $3000","apply_to":4,"customer_ids":"","customer_tags":"tier 3,tier 4","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:35:29.000Z","updatedAt":"2025-03-25T04:35:29.000Z","id":3669,"rule_id":2901,"amount_from":"3000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0},{"id":2902,"name":"Free Shipping Over $5000","apply_to":4,"customer_ids":"","customer_tags":"tier 5","product_condition_type":0,"product_ids":"","product_variants":null,"product_collections":"","product_tags":"","qty_table":[],"amount_table":[{"createdAt":"2025-03-25T04:36:36.000Z","updatedAt":"2025-03-25T04:36:36.000Z","id":3670,"rule_id":2902,"amount_from":"5000","amount_to":null,"discount_type":1,"discount_value":0,"max_weight":"0.00","charge":"0.00","sub_charge":"0.00"}],"weight_table":[],"exclude_from":0,"exc_customer_tags":"","rule_setting":1,"enable_total_sr":0,"enable_total_sr_per_customer":0,"total_sr":0,"total_sr_per_customer":0,"total_remaining_sr":0,"exc_customers":"","exc_specific_products":"","exc_product_collections":"","exc_product_tags":"","exc_product_type":0,"market_condition_type":0,"market_ids":null,"start_date":null,"end_date":null,"start_time":null,"end_time":null,"enable_end_date":0}]; 1393 1394 1395 1396 1397 1398 BSS_B2B.taxDisplayTranslations = {"excluded_vat_text":"exc. VAT | ","included_vat_text":"inc. VAT","toggle_included_vat_text":"Inc. VAT","toggle_excluded_vat_text":"Exc. VAT"}; 1399 1400 1401 BSS_B2B.taxDisplayRules = []; 1402 BSS_B2B.allVatCountries = "[]"; 1403 BSS_B2B.taxOverrides = []; 1404 1405 1406 1407 1408 1409 BSS_B2B.vatTranslations = {"form_header_text":"EU VAT ID","form_subtitle_text":"(VAT will be deducted at payment step)","form_error_message":"Please enter a valid EU VAT ID (e.g. DK123..., FR123...)","form_success_message":"Your VAT ID has been successfully validated.","form_validate_country_code_message":"Your country is not eligible for VAT Exemption in this store.","form_header_text_gst":"India GST Identification Number","form_subtitle_text_gst":"(India GST will be deducted at payment step)","form_error_message_gst":"Please enter a valid India GST Identification Number","form_success_message_gst":"Your India GST Identification Number has been successfully validated.","form_header_text_abn":"ABN Registration Number","form_subtitle_text_abn":"(ABN will be deducted at payment step)","form_error_message_abn":"Please enter a valid ABN Registration Number","form_success_message_abn":"Your ABN Registration Number has been successfully validated.","form_header_text_uk":"UK VAT Registration Number","form_subtitle_text_uk":"(UK VAT will be deducted at payment step)","form_error_message_uk":"Please enter a valid UK VAT Registration Number","form_success_message_uk":"Your UK VAT Registration Number has been successfully validated.","form_header_text_us_ein":"US EIN Registration Number","form_subtitle_text_us_ein":"(US Tax will be deducted at payment step)","form_error_message_us_ein":"Please enter a valid US EIN Number.","form_success_message_us_ein":"Your EIN Number has been successfully validated."}; 1410 1411 BSS_B2B.allVatCountries = "[]"; 1412 BSS_B2B.vatSetting = {"show_vat_apply_to":"0","show_vat_customer_tags":"","show_vat_customer_ids":"","
1412is_required_vat":0,"auto_exempt_tax":1,"auto_redirect_to_checkout":0,"enable_select_eu_vat_countries":0,"selected_eu_vat_countries":"AT,BE,BG,CY,CZ,DE,DK,EE,EL,ES,FI,FR,GB,HR,HU,IE,IT,LT,LU,LV,MT,NL,PL,PT,RO,SE,SI,SK,XI","enable_eu_vat":1,"enable_uk_vat":1,"enable_gst":0,"enable_us_ein":0,"enable_abn":0}; 1413 BSS_B2B.vatExemptSelectedOriginal = null; 1414 BSS_B2B.vatExemptSelected = null; 1415 BSS_B2B.vatAutoExempt = 1; 1416 1417 1418 1419 1420 1421 1422 BSS_B2B.rfGeneralSettings = {"form_success_notification":"Created wholesaler successfully","sent_email_success_notification":"We have sent an email to {email}, please click on the included link to verify your email address","form_edit_success_notification":"Edited wholesaler successfully","form_fail_notification":"Created wholesaler failed","form_edit_fail_notification":"Edited wholesaler failed","vat_valid":"VALID VAT NUMBER","vat_not_valid":"EU VAT is not valid. Please re-enter","customer_exist":"Customer email already exists","required_field":"This field is required","password_too_short":"Password is too short (minimum is 5 characters)","password_invalid_with_spaces":"Password cannot start or end with spaces","password_error_label":"Password must include:","min_password":"At least {number} characters","at_least_number":"At least one number","at_least_special":"At least one special character","mixture_upper_lower":"At least one uppercase letter","email_format":"Must be email format","email_contain_invalid_domain":"Email contains an invalid domain name","error_created_account_on_shopify":"Error when creating account on Shopify","loadingForm":"Loading...","create":"Create","phone_is_invalid":"Phone number is invalid","phone_has_already_been_taken":"Phone has already been taken","country_invalid":"Country is not valid. Please choose country again","complete_reCapcha_task":"Please complete reCAPTCHA task","abn_valid":"This ABN is registered to","abn_not_valid":"ABN is not valid. Please re-enter","gst_valid":"VALID India GST NUMBER","gst_not_valid":"India GST number is not valid. Please re-enter","uk_valid":"VALID UK VAT NUMBER","uk_not_valid":"UK VAT number is not valid. Please re-enter","us_ein_valid":"VALID US EIN NUMBER","us_ein_not_valid":"US EIN number is not valid. Please re-enter","text_color_success":"#008000","text_color_failed":"#ff0000","submit_button_color":"#6200c3","registration_forms":"None","email_is_invalid":"Email is invalid","complete_privacy_policy":"Please accept the privacy policy","default_form_title":"Create account","submit_button":"SUBMIT","registerPage_url":"/account/register"}; 1423 1424 1425 1426 1427 1428</script>
1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 <style> 1440 #customer_register_link, 1441 .customer-login__register, 1442 .account--register, 1443 .customer.register, 1444 #customer_login .customer__link--centered, 1445 .account-page.account-page-register, 1446 #customer_login .Link--secondary, .customer-login .button.btn-secondary ~ .hr-or,.customer-login .button.btn-secondary ~ .accounts__create-customer{display: none !important;} 1447 </style> 1448 1449 1450
1450<script id="bss-b2b-rf-config-data"> 1451 if (typeof BSS_B2B == 'undefined') { 1452 var BSS_B2B = {}; 1453 } 1454 </script>
1454 1455
1455<script id="bss-b2b-wholesaler-form-default"> 1456 BSS_B2B.formDataRenderDefault = []; 1457 BSS_B2B.formIdDef = 21197; 1458 BSS_B2B.reCAPCHA = 0; 1459 BSS_B2B.CAPCHA_SITE_KEY = "6LcYPEgbAAAAAKEQdimI1PPA4vuOJHxNb5p6eLUo"; 1460 BSS_B2B.status = 0; 1461 BSS_B2B.created_account = 1; 1462 BSS_B2B.redirect_url = "/"; 1463 BSS_B2B.taxExempt = 0; 1464 BSS_B2B.formPrivacyPolicyStatus = 0; 1465 BSS_B2B.formPrivacyPolicyContent = `<p>By clicking Create, I confirm that I have read and accepted the <a href="/">privacy policy</a></p>`; 1466 BSS_B2B.conditionalLogic = []; 1467 </script>
1467 1468 <style> 1469 label[for='RegisterForm-FirstName']:after { 1470 content: '*'; 1471 color: #e95144; 1472} 1473.password-field { 1474 flex-direction: column; 1475} 1476.icon-show-hide-password { 1477 right: unset; 1478 left: 430px; 1479} 1480.bss-error-msg { 1481 text-align: left !important; 1482} 1483 #account-popover, 1484 .popover--unlogged { 1485 height: 400px; 1486 width: 365px; 1487 } 1488 #header-register-panel { 1489 height: 400px; 1490 overflow-y: auto; 1491 } 1492 </style> 1493 1494
1495<script id="bss-b2b-customize"> 1496 // eslint-disable-next-line no-console 1497console.log("B2B hooks") 1498window.bssB2BHooks = window.bssB2BHooks || { 1499 actions: {}, 1500 filters: {}, 1501}; 1502 1503window.BSS_B2B = window.BSS_B2B || {}; 1504 1505window.BSS_B2B.addAction = (tag, callback) => { 1506 window.bssB2BHooks.actions[tag] = callback; 1507} 1508window.BSS_B2B.addFilter = (tag, value) => { 1509 window.bssB2BHooks.filters[tag] = value; 1510} 1511 1512// Custom td subtotal product page 1513function getHtmlString(price, style, type) { 1514 const { excluded_vat_text, included_vat_text } = BSS_B2B.td.tdTranslations; 1515 let className = ''; 1516 switch (type) { 1517 case 'exclude': 1518 className = 'bss-b2b-price-no-vat'; 1519 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1520 price 1521 )} ${excluded_vat_text}</span>`; 1522 case 'include': 1523 className = 'bss-b2b-price-has-vat'; 1524 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1525 price 1526 )} ${included_vat_text}</span>`; 1527 case 'exc_compare': 1528 className = 'bss-b2b-compare-price-no-vat'; 1529 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1530 price 1531 )} ${excluded_vat_text}</span>`; 1532 case 'inc_compare': 1533 className = 'bss-b2b-compare-price-has-vat'; 1534 return `<span class=${className} ${style ? `style="${style}"` : ''}>${BSS_B2B.formatMoney( 1535 price 1536 )} ${included_vat_text}</span>`; 1537 default: 1538 break; 1539 } 1540 } 1541 1542function getPriceHtml(rule, vatPrice, quantity) { 1543 const { priceNoVat, priceHasVat, comparePriceHasVat, comparePriceNoVat } = vatPrice; 1544 const priceHtml = { 1545 priceNoVat: '', 1546 priceHasVat: '', 1547 comparePriceNoVat: '', 1548 comparePriceHasVat: '', 1549 linePriceNoVat: '', 1550 linePriceHasVat: '', 1551 }; 1552 switch (rule.display_price_type) { 1553 case 0: 1554 priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude'); 1555 priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include'); 1556 priceHtml.comparePriceNoVat = 1557 comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare'); 1558 priceHtml.comparePriceHasVat = 1559 comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare'); 1560 priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude'); 1561 priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include'); 1562 break; 1563 case 2: 1564 priceHtml.priceNoVat = this.getHtmlString(priceNoVat, null, 'exclude'); 1565 priceHtml.comparePriceNoVat = 1566 comparePriceNoVat && this.getHtmlString(comparePriceNoVat, null, 'exc_compare'); 1567 priceHtml.linePriceNoVat = this.getHtmlString(priceNoVat * quantity, null, 'exclude'); 1568 break; 1569 case 1: 1570 priceHtml.priceHasVat = this.getHtmlString(priceHasVat, null, 'include'); 1571 priceHtml.comparePriceHasVat = 1572 comparePriceHasVat && this.getHtmlString(comparePriceHasVat, null, 'inc_compare'); 1573 priceHtml.linePriceHasVat = this.getHtmlString(priceHasVat * quantity, null, 'include'); 1574 break; 1575 default: 1576 break; 1577 } 1578 return priceHtml; 1579 } 1580 1581const showTdProductPrice = (props) => { 1582 let quantity = 1; 1583 const { priceElement , priceAfterTd, appliedTD } = props; 1584 const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal"); 1585 const quantityEle = document.querySelector(".productView-product [name='quantity']"); 1586 if (quantityEle) { 1587 quantity = quantityEle.value; 1588 } 1589 if (totalProductPriceEle && quantityEle) { 1590 const totalProductPrice = getPriceHtml(appliedTD, priceAfterTd, quantity); 1591 const priceHTML = totalProductPrice.linePriceNoVat + totalProductPrice.linePriceHasVat; 1592 totalProductPriceEle.innerHTML = priceHTML 1593 } 1594 1595} 1596window.BSS_B2B.addAction('custom:TdProduct/showPriceBase', showTdProductPrice); 1597 1598// Custom CP subtotal product page 1599const showCpProductPrice = (priceHTMLCustom, props) => { 1600 let quantity = 1; 1601 const {cpPrices} = props; 1602 const totalProductPriceEle = document.querySelector(".productView-product .productView-subtotal .money-subtotal"); 1603 const quantityEle = document.querySelector(".productView-product [name='quantity']"); 1604 if (quantityEle) { 1605 quantity = quantityEle.value; 1606 } 1607 if (totalProductPriceEle && quantityEle) { 1608 const totalProductPrice = cpPrices.price * quantity; 1609 totalProductPriceEle.innerHTML = BSS_B2B.formatMoney(totalProductPrice); 1610 } 1611 return priceHTMLCustom 1612} 1613window.BSS_B2B.addFilter('custom:product_page/cp_pl_show_price', showCpProductPrice);; 1614</script>
1614 1615 1616 1617 1618 1619 1620<style type="text/css"> 1621 .shopify-payment-button__button, .shopify-payment-button__more-options{ 1622 display: none !important; 1623 } 1624 .bss-b2b-btn-buyitnow { display: block !important; } 1625 meta[itemprop="price"] { display: none !important; } 1626 </style><style></style><style></style> 1627 1628 1629 1630 <style id="bss-b2b-price-style"> 1631 [bss-b2b-variant-price], 1632 [bss-b2b-product-price], 1633 [bss-b2b-cart-item-key][bss-b2b-item-original-price], 1634 [bss-b2b-cart-item-key][bss-b2b-final-line-price], 1635 [bss-b2b-cart-item-key] [bss-b2b-item-original-price], 1636 [bss-b2b-cart-item-key] [bss-b2b-final-line-price], 1637 [bss-b2b-cart-total-price] { 1638 visibility: hidden; 1639 } 1640 </style> 1641 1642 1643 1644
1645<script id="bss-b2b-store-data" type="application/json"> 1646{ 1647 "shop": { 1648 "domain": "nacholightingco.com", 1649 "permanent_domain": "nacho-offroad-technology.myshopify.com", 1650 "url": "https://nacholightingco.com", 1651 "secure_url": "https://nacholightingco.com", 1652 "money_format": "${{amount}}", 1653 "money_with_currency_format": "${{amount}} USD", 1654 "currency_code_enabled": null, 1655 "currency": "USD", 1656 "cart_current_currency": "USD", 1657 "multi_currencies": [ 1658 1659 "USD" 1660 1661 ] 1662 }, 1663 "customer": { 1664 "id": null, 1665 "isB2B": null, 1666 "current_company": null, 1667 "current_location": null, 1668 "tags": null, 1669 "tax_exempt": null, 1670 "first_name": null, 1671 "last_name": null, 1672 "phone": null, 1673 "email": "", 1674 "country_code": "", 1675 "addresses": [ 1676 1677 ] 1678 }, 1679 "cart": {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, 1680 "line_item_products": [], 1681 "template": "search", 1682 "product": "bnVsbA==", 1683 "product_collections": [ 1684 1685 ], 1686 "collection": [], 1687 "collections": [ 1688 1689 ], 1690 "taxes_included": false 1691} 1692</script>
1692 1693 1694 1695 1696 1697 1698
1698<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-state.js" defer="defer"></script>
1698 1699
1699<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-phone.js" defer="defer"></script>
1699 1700 1701 1702 1703
1703<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-rf-js.js" defer="defer"></script>
1703 1704 1705 1706 1707 1708
1709<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-decode.js" async></script>
vendor: 1 bytes, line 1709
1709
1710<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-integrate.js" defer="defer"></script>
1710 1711 1712 1713 1714 1715 1716 1717 1718 1719
1719<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-cp.js" defer="defer"></script>
1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729
1729<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-td.js" defer="defer"></script>
1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739
1739<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-sr.js" defer="defer"></script>
1739 1740 1741 1742 1743
1743<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-chunk-te.js" defer="defer"></script>
1743 1744 1745 1746 1747 1748 1749
1749<script src="https://cdn.shopify.com/extensions/01a12383-d458-7cee-aaad-c01d7bd6b9e5/version_d3e9b0d1-2026-10-10_08h52m/assets/bss-b2b-v3.js" defer="defer"></script>
1749 1750 1751 1752 1753 1754<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767
1767<script async src="https://static.klaviyo.com/onsite/js/T9hiKV/klaviyo.js?company_id=T9hiKV"></script>
1767 1768
1768<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1768 1769 1770 1771 1772 1773 1774 1775
1775<script> 1776 window.klaviyoReviewsProductDesignMode = false 1777 </script>
1777 1778 1779 1780 1781 <!-- BEGIN app snippet: customer-hub-data -->
1781<script> 1782 if (!window.customerHub) { 1783 window.customerHub = {}; 1784 } 1785 window.customerHub.storefrontRoutes = { 1786 login: "https://nacholightingco.com/customer_authentication/redirect?locale=en®ion_country=US?return_url=%2F%23k-hub", 1787 register: "https://account.nachooffroadtechnology.com?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY2LCJuYmYiOjE3OTE1OTk4NjZ9.Q2dnAo1NF9ETcjbn1aemz84KOATHJMxgry1iJZUAAW4?return_url=%2F%23k-hub", 1788 logout: "/account/logout", 1789 profile: "/account", 1790 addresses: "/account/addresses", 1791 }; 1792 1793 window.customerHub.userId = null; 1794 1795 window.customerHub.storeDomain = "nacho-offroad-technology.myshopify.com"; 1796 1797 1798 1799 1800 window.customerHub.storeLocale = { 1801 currentLanguage: 'en', 1802 currentCountry: 'US', 1803 availableLanguages: [ 1804 1805 { 1806 iso_code: 'en', 1807 endonym_name: 'English' 1808 } 1809 1810 ], 1811 availableCountries: [ 1812 1813 { 1814 iso_code: 'US', 1815 name: 'United States', 1816 currency_code: 'USD' 1817 } 1818 1819 ] 1820 }; 1821 1822</script>
1822 1823<!-- END app snippet --> 1824 1825 1826 1827 <!-- BEGIN app snippet: customer-hub-replace-links -->
1828<script> 1829 function replaceAccountLinks() { 1830 const selector = 1831 'a[href$="/account/login"], a[href$="/account"], a[href^="https://shopify.com/"][href*="/account"], a[href*="/customer_identity/redirect"], a[href*="/customer_authentication/redirect"], a[href$="/account'; 1832 const accountLinksNodes = document.querySelectorAll(selector); 1833 for (const node of accountLinksNodes) { 1834 const ignore = node.dataset.kHubIgnore !== undefined && node.dataset.kHubIgnore !== 'false'; 1835 if (!ignore) { 1836 // Any login links to Shopify's account system, point them at the customer hub instead. 1837 node.href = '#k-hub'; 1838 /** 1839 * There are some themes which apply a page transition on every click of an anchor tag (usually a fade-out) that's supposed to be faded back in when the next page loads. 1840 * However, since clicking the k-hub link doesn't trigger a page load, the page gets stuck on a blank screen. 1841 * Luckily, these themes usually have a className you can add to links to skip the transition. 1842 * Let's hope that all such themes are consistent/copy each other and just proactively add those classNames when we replace the link. 1843 **/ 1844 node.classList.add('no-transition', 'js-no-transition'); 1845 } 1846 } 1847 } 1848 1849 1850 if (document.readyState === 'complete') { 1851 replaceAccountLinks(); 1852 } else { 1853 const controller = new AbortController(); 1854 document.addEventListener( 1855 'readystatechange', 1856 () => { 1857 replaceAccountLinks(); // try to replace links both during `interactive` state and `complete` state 1858 if (document.readyState === 'complete') { 1859 // readystatechange can fire with "complete" multiple times per page load, so make sure we're not duplicating effort 1860 // by removing the listener afterwards. 1861 controller.abort(); 1862 } 1863 }, 1864 { signal: controller.signal }, 1865 ); 1866 } 1867 1868</script>
1868 1869<!-- END app snippet --> 1870 1871 1872 1873 1874 1875<!-- END app block --><!-- BEGIN app block: shopify://apps/inbox/blocks/chat/841fc607-4181-4ad1-842d-e24d7f8bad6b --><link rel='modulepreload' href='https://cdn.shopify.com/storefront/web-components/chat.js' crossorigin fetchpriority='low'> 1876
1877<script id='shopify-chat-app-embed-data' type='application/json'> 1878 { 1879 "settings": { 1880 "invertActivatorColors": true, 1881 "greetingMessage": "", 1882 "showFeaturedProducts": true, 1883 "featuredProducts": [], 1884 "horizontalPosition": "bottom_right", 1885 "icon": "chat_bubble", 1886 "buttonLabel": "Chat" 1887 } 1888 } 1889</script>
1889 1890 1891<style data-shopify> 1892 1893 1894 /* Shadow DOM content does not prevent theme-wide :empty rules from matching the host. */ 1895 shopify-chat:defined:empty { 1896 display: grid; 1897 } 1898 1899 :root { 1900 --shopify-chat-bg-color: #FFFFFF; 1901 --shopify-chat-text-color: #000000; 1902 --shopify-chat-accent-bg-color: #000000; 1903 --shopify-chat-accent-text-color: #FFFFFF; 1904 --shopify-chat-activator-offset: 20px; 1905 1906 1907 1908 --shopify-chat-activator-font-size: 16px; 1909 --shopify-chat-border-radius: 16px; 1910 } 1911 1912 1913</style> 1914
1915<script src='https://cdn.shopify.com/storefront/web-components/chat.js' type='module' crossorigin fetchpriority='low' async></script>
1915 1916 1917 1918<!-- END app block -->
1918<script src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
1918 1919<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1920<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 61423419562,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1920
1920
1921<script> 1922 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1923</script>
vendor: 1 bytes, line 1923
1923
1924<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1924).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 61423419562,storefrontBaseUrl: "https://nacholightingco.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://nacholightingco.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"1464238250","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
1924,"dataSharingState":"unrestricted"},{"id":"1082851498","configuration":"{\"accountID\":\"T9hiKV\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"386072746","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\",\\\"GT-5N2PBKR\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/s0ZUCKLx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/mDl6CKXx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/BNypCJzx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/ZP9iCJnx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/N2gGCJbx8rsDELHTls0o\\\",\\\"MC-Z4QTYTCFLD\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/wwGHCKjx8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-C17TZ8LLTJ\\\",\\\"AW-10899270065\\\/esE5CJ_x8rsDELHTls0o\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-C17TZ8LLTJ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"141525162","configuration":"{\"pixel_id\":\"984986382156600\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"NACHO Lighting Co.","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"nacho-offroad-technology.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/nacholightingco.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://nacholightingco.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"148956151978","themeStoreId":"3716","themePublished":"true","eventMetadataId":"d8eaf545-ef70-4551-9b4a-b846f17b7fd8","pageType":"searchresults","shopId":"61423419562","storefrontBaseUrl":"https:\/\/nacholightingco.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
1924<script> 1925 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1926 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1927 window.ShopifyAnalytics.meta.currency = 'USD'; 1928 var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865"}}; 1929 for (var attr in meta) { 1930 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1931 } 1932</script>
vendor: 1 bytes, line 1932
1932
1933<script class="analytics"> 1934 (function () { 1935 var customDocumentWrite = function(content) { 1936 var jquery = null; 1937 1938 if (window.jQuery) { 1939 jquery = window.jQuery; 1940 } else if (window.Checkout && window.Checkout.$) { 1941 jquery = window.Checkout.$; 1942 } 1943 1944 if (jquery) { 1945 jquery('body').append(content); 1946 } 1947 }; 1948 1949 var hasLoggedConversion = function(token) { 1950 if (token) { 1951 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1952 } 1953 return false; 1954 } 1955 1956 var setCookieIfConversion = function(token) { 1957 if (token) { 1958 var twoMonthsFromNow = new Date(Date.now()); 1959 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1960 1961 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1962 } 1963 } 1964 1965 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1966 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1967 if (trekkie.integrations) { 1968 return; 1969 } 1970 trekkie.methods = [ 1971 'identify', 1972 'page', 1973 'ready', 1974 'track', 1975 'trackForm', 1976 'trackLink' 1977 ]; 1978 trekkie.factory = function(method) { 1979 return function() { 1980 var args = Array.prototype.slice.call(arguments); 1981 args.unshift(method); 1982 trekkie.push(args); 1983 if (method == 'track' || method == 'page') { 1984 var pageUrl; 1985 try { 1986 pageUrl = window.location.href; 1987 } catch (e) {} 1988 var pageReferrer; 1989 try { 1990 pageReferrer = document.referrer; 1991 } catch (e) {} 1992 try { 1993 if (window.__TREKKIE_SHIM_QUEUE == null) { 1994 window.__TREKKIE_SHIM_QUEUE = []; 1995 } 1996 window.__TREKKIE_SHIM_QUEUE.push({ 1997 from: 'trekkie-stub', 1998 method: method, 1999 args: args.slice(1), 2000 pageContext: { 2001 url: pageUrl, 2002 referrer: pageReferrer 2003 } 2004 }); 2005 } catch (e) { 2006 // no-op 2007 } 2008 } 2009 return trekkie; 2010 }; 2011 }; 2012 for (var i = 0; i < trekkie.methods.length; i++) { 2013 var key = trekkie.methods[i]; 2014 trekkie[key] = trekkie.factory(key); 2015 } 2016 trekkie.load = function(config) { 2017 trekkie.config = config || {}; 2018 trekkie.config.initialDocumentCookie = document.cookie; 2019 var first = document.getElementsByTagName('script')[0]; 2020var script = document.createElement('script'); 2021script.type = 'text/javascript'; 2022script.onerror = function(e) { 2023 var scriptFallback = document.createElement('script'); 2024 scriptFallback.type = 'text/javascript'; 2025 scriptFallback.onerror = function(error) { 2026 var Monorail = { 2027 produce: function produce(monorailDomain, schemaId, payload) { 2028 var currentMs = new Date().getTime(); 2029 var event = { 2030 schema_id: schemaId, 2031 payload: payload, 2032 metadata: { 2033 event_created_at_ms: currentMs, 2034 event_sent_at_ms: currentMs 2035 } 2036 }; 2037 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 2038 }, 2039 sendRequest: function sendRequest(endpointUrl, payload) { 2040 // Try the sendBeacon API 2041 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 2042 var blobData = new window.Blob([payload], { 2043 type: 'text/plain' 2044 }); 2045 2046 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 2047 return true; 2048 } // sendBeacon was not successful 2049 2050 } // XHR beacon 2051 2052 var xhr = new XMLHttpRequest(); 2053 2054 try { 2055 xhr.open('POST', endpointUrl); 2056 xhr.setRequestHeader('Content-Type', 'text/plain'); 2057 xhr.send(payload); 2058 } catch (e) { 2059 console.log(e); 2060 } 2061 2062 return false; 2063 }, 2064 isIos12: function isIos12() { 2065 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 2066 } 2067 }; 2068 Monorail.produce('monorail-edge.shopifysvc.com', 2069 'trekkie_storefront_load_errors/1.1', 2070 {shop_id: 61423419562, 2071 theme_id: 148956151978, 2072 app_name: "storefront", 2073 context_url: window.location.href, 2074 source_url: "//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 2075 2076 }; 2077 scriptFallback.async = true; 2078 scriptFallback.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2079 first.parentNode.insertBefore(scriptFallback, first); 2080}; 2081script.async = true; 2082script.src = '//nacholightingco.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 2083first.parentNode.insertBefore(script, first); 2084 2085 }; 2086 trekkie.load( 2087 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":61423419562,"isMerchantRequest":null,"themeId":148956151978,"themeCityHash":"12054694450167017383","contentLanguage":"en","currency":"USD","eventMetadataId":"d8eaf545-ef70-4551-9b4a-b846f17b7fd8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2088 ); 2089 2090 var loaded = false;
2091 trekkie.ready(function() { 2092 if (loaded) return; 2093 loaded = true; 2094 2095 window.ShopifyAnalytics.lib = window.trekkie; 2096 2097 var originalDocumentWrite = document.write; 2098 document.write = customDocumentWrite; 2099 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2100 document.write = originalDocumentWrite; 2101 2102 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2103 var token = match? match[1]: undefined; 2104 if (!hasLoggedConversion(token)) { 2105 setCookieIfConversion(token); 2106 window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true}); 2107 } 2108 }); 2109 2110 window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"5b5e4feb-0215-44de-8301-680973a4bf49-1791599865","shopifyEmitted":true}); 2111 2112 var eventsListenerScript = document.createElement('script'); 2113 eventsListenerScript.async = true; 2114 eventsListenerScript.src = "//nacholightingco.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2115 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2116})();</script>
2116 2117
2117<script> 2118 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2119 window.ga = function ga() { 2120 (window.ga.q = window.ga.q || []).push(arguments); 2121 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2122 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2123 } 2124 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 2125 }; 2126 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2127 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2128 } 2129 } 2130</script>
vendor: 1 bytes, line 2130
2130
2131<script 2132 defer 2133 src="https://nacholightingco.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 2134 data-application="storefront-renderer" 2135 data-shop-id="61423419562" 2136 data-render-region="gcp-us-central1" 2137 data-page-type="search" 2138 data-theme-instance-id="148956151978" 2139 data-theme-name="Maximize" 2140 data-theme-version="1.9.0" 2141 data-monorail-region="shop_domain" 2142 data-resource-timing-sampling-rate="10" 2143 data-shs="true" 2144 data-shs-beacon="true" 2145 data-shs-export-with-fetch="true" 2146 data-shs-logs-sample-rate="1" 2147 data-shs-beacon-endpoint="https://nacholightingco.com/api/collect" 2148></script>
vendor: 1 bytes, line 2148
2148
2149<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
2149<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"61423419562","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.loading","value":"Loading"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"},{"handle":"Google"},{"handle":"Facebook"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
vendor: 1 bytes, line 2149
2149
2150<script id="shopify-chat-page-data" type="application/json">{"greetingMessage":"Welcome to NACHO Lighting Co.. How can I help?","customerServiceEmail":"[email protected]","onlineStorePasswordProtected":false,"continueAsChip":true,"exportCommand":false,"shopName":"NACHO Lighting Co.","translations":[{"key":"agent_chat.panel.open_chat","value":"Open chat"},{"key":"agent_chat.panel.ask_anything","value":"Ask anything"},{"key":"agent_chat.panel.title","value":"Storekick"},{"key":"agent_chat.panel.unread_replies","value":"Unread replies"},{"key":"agent_chat.panel.back_to_chat","value":"Back to chat"},{"key":"agent_chat.panel.see_history","value":"See chat history"},{"key":"agent_chat.panel.new_chat","value":"Create a new chat"},{"key":"agent_chat.panel.close","value":"Close chat"},{"key":"agent_chat.panel.undock","value":"Undock chat"},{"key":"agent_chat.panel.dock","value":"Dock chat"},{"key":"agent_chat.panel.expand","value":"Expand chat"},{"key":"agent_chat.panel.contract","value":"Contract chat"},{"key":"agent_chat.panel.jump_to_latest","value":"Jump to latest"},{"key":"agent_chat.panel.loading_chat","value":"Loading chat"},{"key":"agent_chat.input.label","value":"Type your message"},{"key":"agent_chat.input.placeholder","value":"Ask anything..."},{"key":"agent_chat.input.send","value":"Send"},{"key":"agent_chat.input.stop","value":"Stop generating"},{"key":"agent_chat.thinking","value":"Thinking..."},{"key":"agent_chat.first_response_delayed","value":"Agent is taking longer to respond…"},{"key":"agent_chat.searching","value":"Searching..."},{"key":"agent_chat.message.sent_timestamp","value":"Sent · {{time}}"},{"key":"agent_chat.message.automated_label","value":"Automated"},{"key":"agent_chat.message.automated_timestamp","value":"Automated · {{time}}"},{"key":"agent_chat.liveAgentHandoff","value":"Someone from our team will be with you shortly"},{"key":"agent_chat.human_handoff.action","value":"Chat with our team"},{"key":"agent_chat.human_handoff.request","value":"I’d like to talk to someone from your team"},{"key":"agent_chat.human_handoff.ai_assistant","value":"AI assistant"},{"key":"agent_chat.greeting.default","value":"Hi there!"},{"key":"agent_chat.greeting.with_name","value":"Hi {{name}}!"},{"key":"agent_chat.greeting.welcome","value":"You can ask questions about shopping, sizing\/dimensions, shipping, returns, or order status."},{"key":"agent_chat.greeting.welcome_back","value":"Welcome back to %{shop_name}! How can I help?"},{"key":"agent_chat.greeting.welcome_back_no_shop","value":"Welcome back! How can I help?"},{"key":"agent_chat.greeting.welcome_to_shop","value":"Welcome to %{shop_name}. How can I help?"},{"key":"agent_chat.greeting.generic","value":"How can I help?"},{"key":"agent_chat.disclaimer.text","value":"This chat is powered by AI from Shopify and may make mistakes. Your messages are visible to {{shop_name}}. See"},{"key":"agent_chat.disclaimer.text_human","value":"Your messages are visible to {{shop_name}} and to Shopify for the provision and improvement of the services. See"},{"key":"agent_chat.disclaimer.link_text","value":"privacy policy"},{"key":"agent_chat.error.response_unavailable","value":"Response unavailable"},{"key":"agent_chat.error.generic","value":"Something went wrong."},{"key":"agent_chat.error.response_failed","value":"Couldn’t load this message"},{"key":"agent_chat.error.message_send_failed","value":"Your message couldn’t be sent"},{"key":"agent_chat.error.attachment_upload_failed","value":"Your attachment didn’t upload"},{"key":"agent_chat.error.first_response_stalled","value":"Agent couldn’t respond"},{"key":"agent_chat.error.try_again","value":"Try again"},{"key":"agent_chat.error.unavailable","value":"Chat isn't available right now - try again later"},{"key":"agent_chat.error.usage_limit","value":"Message limit reached — try again later or email us at {{email}}"},{"key":"agent_chat.error.usage_limit_no_email","value":"Message limit reached — try again later"},{"key":"agent_chat.error.cost_quota_unhandled","value":"Chat isn’t available right now—email us at {{email}}"},{"key":"agent_chat.error.cost_quota_unhandled_no_email","value":"Chat isn’t available right now"},{"key":"agent_chat.error.cost_quota_handover","value":"AI assistant isn’t available right now — our team will reply shortly"},{"key":"agent_chat.unavailable.title","value":"Chat isn’t available right now"},{"key":"agent_chat.unavailable.description","value":"Something went wrong while loading the chat."},{"key":"agent_chat.history.heading","value":"Chat history"},{"key":"agent_chat.history.loading","value":"Loading conversation history"},{"key":"agent_chat.history.aria_label","value":"Conversation history"},{"key":"agent_chat.history.no_conversations","value":"No conversations"},{"key":"agent_chat.history.conversation.one","value":"conversation"},{"key":"agent_chat.history.conversation.other","value":"conversations"},{"key":"agent_chat.history.error_message","value":"Something went wrong."},{"key":"agent_chat.history.try_again","value":"Try again"},{"key":"agent_chat.history.no_past","value":"No past conversations"},{"key":"agent_chat.history.start_new","value":"Start a new chat"},{"key":"agent_chat.history.untitled","value":"Untitled conversation"},{"key":"agent_chat.history.resume","value":"Resume: {{title}}"},{"key":"agent_chat.history.resume_with_time","value":"Resume: {{title}}, {{time}}"},{"key":"agent_chat.history.delete","value":"Delete conversation: {{title}}"},{"key":"agent_chat.history.delete_failed","value":"Could not delete conversation"},{"key":"agent_chat.feedback.group_label","value":"Message feedback"},{"key":"agent_chat.feedback.thumbs_up","value":"Thumbs up"},{"key":"agent_chat.feedback.thumbs_down","value":"Thumbs down"},{"key":"agent_chat.feedback.add_comment","value":"Add comment"},{"key":"agent_chat.feedback.thanks","value":"Thanks for your feedback"},{"key":"agent_chat.feedback.placeholder_up","value":"Tell us what went well"},{"key":"agent_chat.feedback.placeholder_down","value":"Tell us what could have been better"},{"key":"agent_chat.feedback.comment_label","value":"Feedback comment"},{"key":"agent_chat.feedback.cancel","value":"Cancel"},{"key":"agent_chat.feedback.submit","value":"Submit"},{"key":"agent_chat.feedback.character_count","value":"{{current}}\/{{max}}"},{"key":"agent_chat.feedback.character_limit_reached","value":"Maximum length reached. Feedback is limited to {{max}} characters."},{"key":"agent_chat.buyer_profile.button.open","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.title","value":"Buyer Profile"},{"key":"agent_chat.buyer_profile.empty","value":"No buyer profile available."},{"key":"agent_chat.buyer_profile.close","value":"Close"},{"key":"agent_chat.suggestions.empty_state_label","value":"Suggested questions"},{"key":"agent_chat.suggestions.quick_reply_label","value":"Suggested replies"},{"key":"agent_chat.auth.sign_in_to_continue","value":"Sign in to continue"},{"key":"agent_chat.auth.sign_in","value":"Sign in"},{"key":"agent_chat.auth.skip_and_chat","value":"Skip and start chatting"},{"key":"agent_chat.auth.pre_chat_title","value":"Sign in to personalize and save your chats"},{"key":"agent_chat.auth.pre_chat_subtitle","value":"Sign in or create an account"},{"key":"agent_chat.auth.staff_chat_required_title","value":"Don't miss a reply"},{"key":"agent_chat.auth.staff_chat_required_subtitle","value":"Sign in to chat with our team. We'll email you if you leave the chat."},{"key":"agent_chat.auth.share_disclaimer","value":"By continuing, Shop will share your name and email with this store. See their {{terms_link}} and {{privacy_link}}"},{"key":"agent_chat.auth.terms_link","value":"terms"},{"key":"agent_chat.auth.privacy_link","value":"privacy policy"},{"key":"agent_chat.auth.declined_pre_chat","value":"I can’t connect you with the store unless you sign in."},{"key":"agent_chat.reply_by_email.continuation_prompt","value":"If you leave the chat, we’ll email you when there’s a reply."},{"key":"agent_chat.reply_by_email.sign_in_prompt","value":"Sign in to get emailed when there’s a reply."},{"key":"agent_chat.order_lookup.track_order","value":"Track my order"},{"key":"agent_chat.order_lookup.track_another_order","value":"Track another order"},{"key":"agent_chat.order_lookup.new_conversation","value":"New conversation"},{"key":"agent_chat.order_lookup.follow_up_label","value":"Order lookup actions"},{"key":"agent_chat.order_lookup.enter_order_information","value":"Enter order information"},{"key":"agent_chat.order_lookup.prompt","value":"To see your order status, please provide your order details."},{"key":"agent_chat.order_lookup.form_title","value":"Track my order"},{"key":"agent_chat.order_lookup.form_subtitle","value":"Please provide your information."},{"key":"agent_chat.order_lookup.order_number_label","value":"Order number"},{"key":"agent_chat.order_lookup.email_label","value":"Email address"},{"key":"agent_chat.order_lookup.submit","value":"Track my order"},{"key":"agent_chat.order_lookup.cancel","value":"Cancel"},{"key":"agent_chat.order_lookup.invalid_order_number","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_order_number_whitespace","value":"Please enter a valid order number with only numbers and letters, no spaces (e.g. 1006)."},{"key":"agent_chat.order_lookup.invalid_email","value":"Please enter a valid email address"},{"key":"agent_chat.order_lookup.generic_error","value":"There was a problem looking up your order. Please try again."},{"key":"agent_chat.order_lookup.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.order_lookup.locked_composer_status","value":"Order lookup is in progress. Start a new conversation to ask something else."},{"key":"agent_chat.legacy_contact.form_title","value":"Before we get started"},{"key":"agent_chat.legacy_contact.form_subtitle","value":"Please provide your information so we can reply to you if you leave the chat."},{"key":"agent_chat.legacy_contact.first_name_label","value":"First name"},{"key":"agent_chat.legacy_contact.last_name_label","value":"Last name"},{"key":"agent_chat.legacy_contact.email_label","value":"Email"},{"key":"agent_chat.legacy_contact.marketing_opt_in","value":"Email me with news and offers"},{"key":"agent_chat.legacy_contact.submit","value":"Start chat"},{"key":"agent_chat.legacy_contact.cancel","value":"Cancel"}
2150,{"key":"agent_chat.legacy_contact.invalid_first_name","value":"Enter a valid first name."},{"key":"agent_chat.legacy_contact.invalid_last_name","value":"Enter a valid last name."},{"key":"agent_chat.legacy_contact.invalid_email","value":"Enter a valid email address."},{"key":"agent_chat.legacy_contact.invalid_email_length","value":"Email address is too long."},{"key":"agent_chat.legacy_contact.generic_error","value":"Something went wrong."},{"key":"agent_chat.legacy_contact.rate_limited_error","value":"Too many attempts. Try again later."},{"key":"agent_chat.discountCard.useDiscount","value":"Use discount"},{"key":"agent_chat.discountCard.discountApplicationContext","value":"Applies automatically at checkout"},{"key":"agent_chat.cart.checkout","value":"Checkout"},{"key":"agent_chat.product.add_to_cart","value":"Add to cart"},{"key":"agent_chat.product.view_details","value":"View details"},{"key":"agent_chat.product.out_of_stock","value":"Out of stock"},{"key":"agent_chat.product.compare_suggestions","value":"Compare suggestions"},{"key":"agent_chat.product.hide_suggestions","value":"Hide suggestions"},{"key":"agent_chat.product.sold_out","value":"Sold out"},{"key":"agent_chat.order.item.one","value":"item"},{"key":"agent_chat.order.item.other","value":"items"},{"key":"agent_chat.order.less_items.one","value":"- hide {{count}} item"},{"key":"agent_chat.order.less_items.other","value":"- hide {{count}} items"},{"key":"agent_chat.order.more_items.one","value":"+ {{count}} more item"},{"key":"agent_chat.order.more_items.other","value":"+ {{count}} more items"},{"key":"agent_chat.order.view_order","value":"View order {{orderId}}"},{"key":"agent_chat.order.track_shipment","value":"Track shipment"},{"key":"agent_chat.order.of_total","value":"{{index}} of {{total}}"},{"key":"agent_chat.order.label","value":"Order {{number}}"},{"key":"agent_chat.order.count.one","value":"{{count}} Order"},{"key":"agent_chat.order.count.other","value":"{{count}} Orders"},{"key":"agent_chat.order.ordered_on","value":"Ordered {{date}}"},{"key":"agent_chat.order.select","value":"Select order {{number}}"},{"key":"agent_chat.return.heading","value":"Select items to return"},{"key":"agent_chat.return.toggle_item","value":"Select {{name}}"},{"key":"agent_chat.return.select_item_non_returnable","value":"{{name}}, not returnable"},{"key":"agent_chat.return.quantity_label","value":"Return quantity"},{"key":"agent_chat.return.reason_label","value":"Reason for return"},{"key":"agent_chat.return.reason_placeholder","value":"Select a reason"},{"key":"agent_chat.return.confirm","value":"Request return"},{"key":"agent_chat.return.confirmed","value":"Return requested"},{"key":"agent_chat.return.reason.size_too_small","value":"Size too small"},{"key":"agent_chat.return.reason.size_too_large","value":"Size too large"},{"key":"agent_chat.return.reason.unwanted","value":"Unwanted"},{"key":"agent_chat.return.reason.not_as_described","value":"Not as described"},{"key":"agent_chat.return.reason.wrong_item","value":"Wrong item"},{"key":"agent_chat.return.reason.defective","value":"Defective"},{"key":"agent_chat.return.reason.style","value":"Style"},{"key":"agent_chat.return.reason.color","value":"Color"},{"key":"agent_chat.return.reason.other_reason","value":"Other"},{"key":"agent_chat.scroll.previous","value":"Previous"},{"key":"agent_chat.scroll.next","value":"Next"}]}</script>
2150 2151<meta name="shopify-y" content="78ed9d95-bdb8-48be-a44e-28549d477bd6" data-expiration="1823157466000"><meta name="shopify-s" content="f22b04f6-a819-4fb5-b01e-e2228113b32a" data-expiration="1791601666000"> 2152</head> 2153<body 2154 class="gradient scrollbar-body overflow-x-hidden min-h-screen" 2155 2156 x-data 2157> 2158<div class="main-content__wrapper flex flex-col min-h-screen"> 2159 <a class="skip-to-content button button-skip-to-content focus-visible:z-60" href="#MainContent"> 2160 Skip to content 2161 </a> 2162 2163 <!-- BEGIN sections: header-group --> 2164<div id="shopify-section-sections--20172716769450__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement maximize-section"> 2165<style data-shopify> 2166 .section--sections--20172716769450__announcement-bar { 2167 padding-top: calc(8px * var(--mobile-padding-ratio)); 2168 padding-bottom: calc(8px * var(--mobile-padding-ratio)); 2169 } 2170 @media screen and (min-width: 768px) { 2171 .section--sections--20172716769450__announcement-bar { 2172 padding-top: 8px; 2173 padding-bottom: 8px; 2174 } 2175 } 2176 </style> 2177 <link href="//nacholightingco.com/cdn/shop/t/30/assets/announcement-bar.css?v=149287162451357333121789788223" rel="stylesheet" type="text/css" media="all" /> 2178 <div id="x-announcement" 2179 class="announcement section--sections--20172716769450__announcement-bar full-width z-50 gradient md:block color-scheme-5 dark-color-scheme-5 text-medium md:rounded-none" 2180 2181 > 2182 <div class="carousel-style-slideshow flex md:min-h-[32px] gap-x-5 ltr"> 2183 2184 2185 2186 <div 2187 x-data="{}" 2188 x-intersect.once="$store.xSwiffy.load($el, { 2189 'effect': 'slide', 2190 'autoPlay': true, 2191 'speed': 4000, 2192 'mediaQuery': 'min', 2193 'autoPause': true, 2194 'breakPoints':{ 2195 '768': { 2196 'slidesPerView': 1 2197 } 2198 } 2199 });" 2200 class="swiffy-slider slider-nav-animation slider-nav-animation-fadein slider-item-snapstart slider-nav-autopause announcement-col-left flex-1 min-w-0 flex w-full items-center md:!swiffy-slider announcement-col-align-center" 2201 style="--swiffy-slider-track-height: 3px;" 2202 > 2203 2204 2205 2206 <div class="slider-container hide-scrollbar grow md:flex md:flex-nowrap md:ml-0 md:mr-0" 2207 > 2208 2209 2210 2211 <div 2212 2213 x-slide-index="0" 2214 id="Slide-sections--20172716769450__announcement-bar-1" 2215 class="slide-item overflow-hidden flex items-center whitespace-nowrap text-ellipsis w-full justify-center" 2216 2217 > 2218 2219 <div class="flex flex-wrap items-center announcement-bar-text sm:w-full max-w-full gap-1 h-fit justify-center"> 2220 <a 2221 2222 href="/pages/govx" 2223 2224 class="relative items-center gap-x-4 overflow-hidden whitespace-normal block justify-center flex-wrap" 2225 2226 >Military Discount: Up to 15% Off.</a><div class="announcement-button flex items-center ltr:ml-1.5 rtl:mr-1.5 m-0" style="--color-link: var(--color-heading-highlight)"> 2227 2228<custom-button> 2229 <a 2230 class="button empty:hidden cursor-pointer md:min-h-6 min-h-5 whitespace-nowrap min-h-full text-medium button-link button-no-padding anm-button-flow" 2231 2232 href="/pages/govx" 2233 2234 2235 2236 > 2237 2238 2239 2240 2241 2242 <span class="button-text text-nowrap relative">Explore now</span> 2243 2244 2245 2246 2247 </a> 2248</custom-button> 2249</div> 2250 </div> 2251 2252 </div> 2253 </div> 2254 2255 2256 </div> 2257 2258 </div> 2259 </div> 2260 2261 2262</div><div id="shopify-section-sections--20172716769450__header" class="shopify-section shopify-section-group-header-group x-header section-header"><style data-shopify> 2263 .section-header { 2264 position: sticky; 2265 z-index: 41; 2266 } 2267 .section-header:has(>.mini-cart-open) { 2268 z-index: 60; 2269 } 2270 2271.header-logo-width { 2272 width: 150px; 2273} 2274.section-sections--20172716769450__header-padding { 2275 padding-top: calc(24px * var(--mobile-padding-ratio)); 2276 padding-bottom: calc(24px * var(--mobile-padding-ratio)); 2277} 2278 2279 2280 2281 .reduce-logo-size .header-logo-width { 2282 transform: scale(75%); 2283 transition: none; 2284 } 2285 .header-logo-width { 2286 transition: transform 0.3s linear; 2287 } 2288 2289@media screen and (min-width: 1024px) { 2290 2291 .section-sections--20172716769450__header-padding { 2292 padding-top: 24px; 2293 padding-bottom: 24px; 2294 } 2295 2296
2297 .header-logo-width { 2298 width: 150px; 2299 } 2300 .section-header { 2301 --padding-bottom-section: 24px; 2302 } 2303} 2304 2305 shopify-account { 2306 --shopify-account-font-heading: var(--heading-font-family); 2307 --shopify-account-font-heading-weight: var(--heading-font-weight); 2308 --shopify-account-font-body: var(--body-font-family); 2309 --shopify-account-font-body-weight: var(--body-font-weight); 2310 --shopify-account-dialog-position-top: var(--account-offset-top); 2311 --shopify-account-color-text: rgba(var(--color-text-header)); 2312 --shopify-account-color-background: rgba(var(--color-background)); 2313 --shopify-account-color-border: rgba(var(--color-border-header)); 2314 --shopify-account-color-accent: rgba(var(--color-background)); 2315 --shopify-account-color-accent-text: rgba(var(--color-text-header)); 2316 --shopify-account-color-card-text: rgba(var(--color-text-header)); 2317 2318 --shopify-account-radius-dialog: 0px; 2319 --shopify-account-radius-button: 0px; 2320 --shopify-account-radius-input: 0px; 2321 --shopify-account-radius-button-small: 0px; 2322 --shopify-account-radius-base: 0px; 2323 2324 2325 } 2326 @media screen and (max-width: 1023px) { 2327 shopify-account { 2328 --shopify-account-dialog-position-top: var(--account-offset-top-mobile); 2329 } 2330 }</style><div 2331 id="x-header-container" 2332 class="z-[41] lg:relative compact" 2333> 2334 <div id="x-header" 2335 class="x-header gradient max-w-[100vw]" 2336 x-init='$store.xHeaderMenu.handleInitHeader("shopify-section-sections--20172716769450__header", "reduce-logo-size", false, "compact", false)' 2337 2338 data-is-sticky="true" 2339 @scroll.window.passive="$store.xHeaderMenu.onScroll()" 2340 2341 > 2342 <div 2343 id="x-header-content" 2344 class="x-header-content sticky-header-content px-0" 2345 :class="{ 'background-header sticky-header-active': $store.xHeaderMenu.isSticky }" 2346 2347 > 2348 <header 2349 class="h-full section-sections--20172716769450__header-padding full-width-padded relative lg:px-0 lg:static mx-0" 2350 2351 2352 x-on:mouseleave="$store.xHeaderMenu.hideMenu('main-menu-item');" 2353 2354 @keydown.escape.stop="$store.xHeaderMenu.hideMenu('main-menu-item'); $store.xMobileNav.close(); $store.xFocusElement.removeTrapFocus(); $store.xHeaderMenu.focusFirstItem($event.target);" 2355 2356 > 2357 <div class="header-top compact grid lg:flex gap-7.5 justify-between full-width-padded items-center" ><div class="header-mobile-toggle lg:hidden flex items-center gap-1"> 2358 <button 2359 class="header-mobile-toggle-icon icon cursor-pointer flex items-center w-6 h-6 md:h-7 pr-1 py-1" 2360 @click="$store.xMobileNav.toggle()" 2361 aria-label="Button toggle mobile" 2362 aria-expanded="false" 2363 :aria-expanded="$store.xMobileNav.show.toString()" 2364 aria-controls="x-header-mobile" 2365 > 2366 <span class="w-full translate-y-0" x-show="!$store.xMobileNav.show"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2367 <path d="M0 4C0 3.44772 0.447715 3 1 3H19C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H1C0.447715 5 0 4.55228 0 4Z" fill="currentColor"/> 2368 <path d="M0 10C0 9.44772 0.447715 9 1 9H6H11C11.5523 9 12 9.44772 12 10C12 10.5523 11.5523 11 11 11H1C0.447715 11 0 10.5523 0 10Z" fill="currentColor"/> 2369 <path d="M0 16C0 15.4477 0.447715 15 1 15H15C15.5523 15 16 15.4477 16 16C16 16.5523 15.5523 17 15 17H1C0.447715 17 0 16.5523 0 16Z" fill="currentColor"/> 2370 </svg></span> 2371 <span class="px-0.5 py-0.5 translate-y-0" x-show="$store.xMobileNav.show" x-cloak><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 2372 style="fill: none"> 2373 <path 2374 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.
23741156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 2375 fill="currentColor"/> 2376 <path 2377 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 2378 fill="currentColor"/> 2379 </svg></span> 2380 </button> 2381 2382 2383 2384 2385 <div 2386 x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')" 2387 class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1" 2388 @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();" 2389 @click.away="isFocusedSearchForm && close()" 2390 > 2391 2392 2393 2394 <a 2395 id="SearchOpen" 2396 href="/search" 2397 aria-label="Search..." 2398 role="button" 2399 class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto" 2400 @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');" 2401 > 2402 <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2403 <path 2404 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 2405 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2406 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 2407 stroke-linejoin="round"/> 2408 </svg></span> 2409 </a> 2410 2411 2412 2413 <div 2414 id="FormSearch__mobile" 2415 x-ref="open_search" 2416 2417 2418 class="form-search-wrapper full-layout search-popup fixed flex flex-col md:absolute left-0 top-0 origin-top invisible h-full opacity-0 ease-in-out overflow-hidden" 2419 2420 :class="isFocusedSearchForm ? 'is-open' : ''" 2421 2422 > 2423 2424 <div 2425 class="fixed top-0 bottom-0 right-0 left-0 duration-500 color-bg-[rgba(var(--color-background))] bg-gradient" 2426 :class="isFocusedSearchForm ? 'opacity-100 delay-500' : 'opacity-0 invisible'" 2427 x-cloak 2428 ></div> 2429 2430 2431 2432 <div class="w-full flex justify-end"> 2433 <button 2434 id="SearchClose__mobile" 2435 class="focus-inset cursor-pointer modal__button-close hidden" 2436 x-on:click="close(); $store.xFocusElement.removeTrapFocus();" 2437 x-ref="close_button" 2438 :class="isFocusedSearchForm && '!block'" 2439 aria-label="Close" 2440 > 2441 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 2442 style="fill: none"> 2443 <path 2444 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 2445 fill="currentColor"/> 2446 <path 2447 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 2448 fill="currentColor"/> 2449 </svg></span> 2450 </button> 2451 </div> 2452 2453 2454 <div 2455 class="search-box-wrapper relative md:top-0 w-full" 2456 data-loading-text="Loading" 2457 2458 :class="isFocusedSearchForm && 'page-width !block'" 2459 2460 2461 > 2462 <div 2463 2464 x-ref="search_bar_fixed" 2465 class="mx-auto w-full relative" 2466 2467 :class="isFocusedSearchForm && 'border-b pb-2 md:pb-5'" 2468 2469 > 2470 <div 2471 class="header-search-inner h-full w-full field flex items-center border rounded-corners py-1.5 px-1.5" 2472 2473 :class="isFocusedSearchForm && 'border-none'" 2474 2475 > 2476 2477 <select-element 2478 class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 " 2479 data-picker-type="dropdown" 2480 > 2481 <div class="select relative"> 2482 <div 2483 class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full w-28 lg:w-36 xl:w-[10.5rem] gap-4 lg:gap-5 py-2 px-4 md:py-1.5 md:px-3" 2484 role="button" 2485 tabindex="0" 2486 aria-expanded="false" 2487 aria-controls="CategoriesList" 2488 aria-describedby="CategoriesHeading" 2489 2490 x-bind:class="isFocusedSearchForm && 'md:px-5 md:py-3'" 2491 2492 @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')" 2493 >
2494 <span 2495 class="select-button__label line-clamp-1 flex-1 p-break-words" 2496 data-section-id="sections--20172716769450__header" 2497 > 2498 All categories 2499 </span> 2500 <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg 2501 width="100%" 2502 height="100%" 2503 viewBox="0 0 9 7" 2504 fill="none" 2505 xmlns="http://www.w3.org/2000/svg" 2506 style="fill: none;" 2507 > 2508 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 2509 stroke-linejoin="round"/> 2510 </svg></span> 2511 <div 2512 class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners" 2513 x-show="loadingProductType === 'loading'" 2514 x-cloak 2515 > 2516 <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg 2517 version="1.0" 2518 xmlns="http://www.w3.org/2000/svg"
2519 viewBox="0 0 512.000000 512.000000" 2520 preserveAspectRatio="xMidYMid meet" 2521 > 2522 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 2523 fill="currentColor" stroke="none"> 2524 <path 2525 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 2526 </g> 2527 </svg></span> 2528 </div> 2529 </div> 2530 <div 2531 class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]" 2532 data-adjust-position="false" 2533 > 2534 <ul 2535 role="listbox" 2536 class="select-options hidden" 2537 aria-label="CategoriesList" 2538 > 2539 <li 2540 tabindex="-1" 2541 class="select-option hidden" 2542 data-type="dropdown" 2543 aria-selected="true" 2544 role="option" 2545 data-no-instant 2546 data-value="All categories" 2547 data-select-value="All categories" 2548 @click="setProductType($el, true)" 2549 @keydown.enter="setProductType($el, true)" 2550 @keydown.space="setProductType($el, true)" 2551 > 2552 All categories 2553 </li> 2554 </ul> 2555 </div> 2556 </div> 2557 <label class="hidden"> 2558 <input 2559 name="product_type" 2560 class="select-option-selected" 2561 value="product_type:" 2562 data-disclosure-input 2563 @change="handleChangeProductType()" 2564 > 2565 </label> 2566 </select-element> 2567 2568 2569 <form 2570 id="form-search-sections--20172716769450__header" 2571 class="form-search grow z-0" 2572 action="/search" 2573 method="get" 2574 role="search" 2575 > 2576 <label 2577 for="search-in-modal-mobile" 2578 class="hidden" 2579 >Search...</label> 2580 <input 2581 id="search-in-modal-mobile" 2582 class="peer input-search py-1.5 text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]" 2583 type="search" 2584 2585 x-bind:class="isFocusedSearchForm && 'md:py-3 text-medium'" 2586 2587 name="q" 2588 value="" 2589 x-on:keydown="handleKeyUpModal($event)" 2590 @input.debounce.500ms="handleChangeInput()" 2591 @click="focusForm();" 2592 placeholder="What are you searching for?" 2593 x-ref="input_search" 2594 > 2595 <input 2596 type="hidden" 2597 name="type" 2598 value="product" 2599 > 2600 <input 2601 type="hidden" 2602 :value="productTypeSelected == 'All categories' ? '' : productTypeSelected" 2603 name="filter.p.product_type" 2604 x-bind:disabled="productTypeSelected == 'All categories'" 2605 > 2606 <button 2607 class="btn-search form-button absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2" 2608 aria-label="Search..." 2609 2610 >
2611 <span 2612 2613 ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 2614 <path 2615 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 2616 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2617 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 2618 stroke-linejoin="round"/> 2619 </svg></span> 2620 2621 </button> 2622 2623 <button 2624 class="search__speech form-button absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current" 2625 x-data="xSpeechSearch($el)" 2626 x-show="show" 2627 x-cloak 2628 type="button" 2629 tabindex="0" 2630 aria-label="Voice" 2631 > 2632 <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 2633 <path 2634 d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" 2635 fill="currentColor"></path> 2636 </svg> 2637 </button> 2638 2639<div 2640 x-ref="search_content" 2641 2642 class="header-search__results header-search__results--full absolute top-full mt-4 md:mt-7.5 w-full left-0 lg:pb-4" 2643 x-transition:enter="transition-[500ms_500ms] ease-out" 2644 2645 x-show="isFocusedSearchForm && (result !== '' )" 2646 x-transition:enter-start="opacity-0 transform translate-y-[30px]" 2647 x-transition:enter-end="opacity-100 transform translate-y-0" 2648 x-transition:leave="ease-in" 2649 x-transition:leave-start="opacity-100 transform translate-y-0" 2650 x-transition:leave-end="opacity-0 transform translate-y-[30px]" 2651 x-cloak 2652 x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__mobile', 'search-in-modal-mobile');" 2653 > 2654 <div 2655 id="search-result" 2656 class=" h-full color-bg-[rgba(var(--color-background))]" 2657 tabindex="-1" 2658 data-predictive-search 2659 x-html="result" 2660 x-cloak 2661 x-show="loading == false && openResults" 2662 x-transition:enter="transition-[500ms_500ms] ease-out" 2663 x-transition:enter-start="opacity-0" 2664 x-transition:enter-end="opacity-100" 2665 ></div> 2666 </div> 2667 </form> 2668 </div> 2669 </div> 2670 </div> 2671 2672 <div 2673 class="element-end-modal h-0 w-0 absolute pointer-events-none" 2674 :tabindex="isFocusedSearchForm ? '0' : '-1'" 2675 @focus="document.getElementById('SearchClose__mobile')?.focus()" 2676 ></div> 2677 </div> 2678 </div> 2679 2680</div><div class="header-item [grid-area:header-left] hidden lg:flex items-center flex-1 min-w-[33%]"> 2681 <div 2682 class="group/drawer flex items-center group-has-[#DrawerMenuDesktopPosition:empty]/drawer:hidden" 2683 x-intersect.once="$store.xHelper.setPosition('#DrawerMenuDesktopPosition', '#DrawerMenuDesktop'); $store.xHeaderMenu._drawerMenuEl = document.getElementById('DrawerMenu')" 2684 > 2685 <div id="DrawerMenuDesktopPosition" class="empty:hidden mr-3" x-ignore></div><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative"> 2686 <picture> 2687 <source 2688 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w, 2689 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w, 2690 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w, 2691 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w, 2692 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w, 2693 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w" 2694 media="(max-width: 1023px)" 2695 width="150" 2696 height="63" 2697 > 2698 <img 2699 srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w, 2700 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w, 2701 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w, 2702 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w, 2703 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w, 2704 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w, 2705 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w, 2706 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w, 2707 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w" 2708 loading="eager" 2709 sizes="(min-width: 768px) 450px, 150px" 2710 src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478" 2711 2712 :alt="(screen.width < 768) ? '' : ''" 2713 2714 class="object-cover h-full w-full image-sections--20172716769450__header" 2715 width="150" 2716 height="66" 2717 fetchpriority="high" 2718 decoding="sync" 2719 > 2720 </picture> 2721</span><span class="header-logo-width logo-image logo-light relative dark:hidden"> 2722 <picture> 2723 <source 2724 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 2725 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 2726 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 2727 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 2728 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 2729 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w" 2730 media="(max-width: 1023px)" 2731 width="150" 2732 height="63" 2733 > 2734 <img 2735 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 2736 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 2737 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 2738 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 2739 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 2740 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w, 2741 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w, 2742 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w, 2743 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w" 2744 loading="eager" 2745 sizes="(min-width: 768px) 450px, 150px" 2746 src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000" 2747 2748 :alt="(screen.width < 768) ? '' : ''" 2749 2750 class="object-cover h-full w-full image-sections--20172716769450__header" 2751 width="150" 2752 height="63" 2753 fetchpriority="high" 2754 decoding="sync" 2755 > 2756 </picture> 2757</span></a></div></div> 2758 2759 2760 <div 2761 class="flex gap-8 w-full min-w-0 rtl:pr-7.5 ltr:pl-7.5 items-center rtl:flex-row-reverse" 2762 > 2763 2764 <div 2765 class="header-container relative grow min-w-0 hidden lg:flex gap-2 items-center justify-center" 2766 x-data="xScrollMenu" 2767 > 2768 2769 <button 2770 class="scroll-nav main-menu-scroll-prev rounded-none disabled:opacity-40 z-20 disabled:cursor-not-allowed rtl:justify-end " 2771 x-show="isScrollable && !isAtStart" 2772 x-cloak 2773 @click="scrollLeft" 2774 :disabled="isAtStart" 2775 aria-label="Scroll left" 2776 >
2777 <span class="rotate-180"> 2778 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon"> 2779 <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2780 </svg> 2781 </span> 2782 </button> 2783 <nav 2784 class="main-menu-nav overflow-x-auto scrollbar-hidden px-0.5 " 2785 x-ref="menuList" 2786 @scroll="checkScroll()" 2787 2788 > 2789 <ul class="main-nav flex-nowrap w-max empty:hidden items-center"><li 2790 2791 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 2792 2793 @mouseleave="$el.classList.remove('is-focus');" 2794 @focusin="$el.classList.add('is-focus');" 2795 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 2796 class="first-menu-item menu-item main-menu-item" 2797 > 2798 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 2799 <a 2800 href="/collections/lights" 2801 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 2802 2803 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 2804 2805 2806 > 2807 2808 <span>Lights</span> 2809 2810<span 2811 class="icon-caret w-5 h-5 ps-2" 2812 tabindex="0" 2813 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 2814 ><svg 2815 width="100%" 2816 height="100%"
2817 viewBox="0 0 9 7" 2818 fill="none" 2819 xmlns="http://www.w3.org/2000/svg" 2820 style="fill: none;" 2821 > 2822 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 2823 stroke-linejoin="round"/> 2824 </svg></span></a> 2825 </div> 2826 <div 2827 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 2828 x-init="setPosition($el,1); resizeWindow($el,1)" 2829 inert 2830 > 2831 <ul class="pt-7.5 pb-7.5"> 2832 2833<li 2834 x-data="{ openSub: false }" 2835 class="relative pl-7.5 pr-7.5 font-normal" 2836 2837 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2838 @mouseleave="$el.classList.remove('is-focus-child');" 2839 @mouseover.away="openSub = false" 2840 @focusin="$el.classList.add('is-focus-child');" 2841 @focusout="$el.classList.remove('is-focus-child');" 2842 2843 > 2844 <div class="sub-menu flex items-center"> 2845 <span class="flex-1"> 2846 <a 2847 href="/products/nacho-supreme" 2848 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2849 2850 > 2851 <span class="link-animation relative">Supreme Series</span></a> 2852 </span> 2853 </div></li><li 2854 x-data="{ openSub: false }" 2855 class="relative pl-7.5 pr-7.5 font-normal" 2856 2857 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2858 @mouseleave="$el.classList.remove('is-focus-child');" 2859 @mouseover.away="openSub = false" 2860 @focusin="$el.classList.add('is-focus-child');" 2861 @focusout="$el.classList.remove('is-focus-child');" 2862 2863 > 2864 <div class="sub-menu flex items-center pt-3"> 2865 <span class="flex-1"> 2866 <a 2867 href="/products/nacho-grande" 2868 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2869 2870 > 2871 <span class="link-animation relative">Grande</span></a> 2872 </span> 2873 </div></li><li 2874 x-data="{ openSub: false }" 2875 class="relative pl-7.5 pr-7.5 font-normal" 2876 2877 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2878 @mouseleave="$el.classList.remove('is-focus-child');" 2879 @mouseover.away="openSub = false" 2880 @focusin="$el.classList.add('is-focus-child');" 2881 @focusout="$el.classList.remove('is-focus-child');" 2882 2883 > 2884 <div class="sub-menu flex items-center pt-3"> 2885 <span class="flex-1"> 2886 <a 2887 href="/products/nacho-quatro" 2888 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2889 2890 > 2891 <span class="link-animation relative">Quatro</span></a> 2892 </span> 2893 </div></li><li 2894 x-data="{ openSub: false }" 2895 class="relative pl-7.5 pr-7.5 font-normal" 2896 2897 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2898 @mouseleave="$el.classList.remove('is-focus-child');" 2899 @mouseover.away="openSub = false" 2900 @focusin="$el.classList.add('is-focus-child');" 2901 @focusout="$el.classList.remove('is-focus-child');" 2902 2903 > 2904 <div class="sub-menu flex items-center pt-3"> 2905 <span class="flex-1"> 2906 <a 2907 href="/products/nacho-nano" 2908 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2909 2910 > 2911 <span class="link-animation relative">NANO</span></a> 2912 </span> 2913 </div></li><li 2914 x-data="{ openSub: false }" 2915 class="relative pl-7.5 pr-7.5 font-normal" 2916 2917 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2918 @mouseleave="$el.classList.remove('is-focus-child');" 2919 @mouseover.away="openSub = false" 2920 @focusin="$el.classList.add('is-focus-child');" 2921 @focusout="$el.classList.remove('is-focus-child');" 2922 2923 > 2924 <div class="sub-menu flex items-center pt-3">
2925 <span class="flex-1"> 2926 <a 2927 href="/products/nacho-tm5" 2928 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2929 2930 > 2931 <span class="link-animation relative">TM5</span></a> 2932 </span> 2933 </div></li><li 2934 x-data="{ openSub: false }" 2935 class="relative pl-7.5 pr-7.5 font-normal" 2936 2937 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2938 @mouseleave="$el.classList.remove('is-focus-child');" 2939 @mouseover.away="openSub = false" 2940 @focusin="$el.classList.add('is-focus-child');" 2941 @focusout="$el.classList.remove('is-focus-child');" 2942 2943 > 2944 <div class="sub-menu flex items-center pt-3"> 2945 <span class="flex-1"> 2946 <a 2947 href="/products/nacho-quatro-sae" 2948 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2949 2950 > 2951 <span class="link-animation relative">Quatro SAE</span></a> 2952 </span> 2953 </div></li><li 2954 x-data="{ openSub: false }" 2955 class="relative pl-7.5 pr-7.5 font-normal" 2956 2957 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2958 @mouseleave="$el.classList.remove('is-focus-child');" 2959 @mouseover.away="openSub = false" 2960 @focusin="$el.classList.add('is-focus-child');" 2961 @focusout="$el.classList.remove('is-focus-child');" 2962 2963 > 2964 <div class="sub-menu flex items-center pt-3"> 2965 <span class="flex-1"> 2966 <a 2967 href="/products/quatro-chase" 2968 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2969 2970 > 2971 <span class="link-animation relative">Quatro Chase</span></a> 2972 </span> 2973 </div></li><li 2974 x-data="{ openSub: false }" 2975 class="relative pl-7.5 pr-7.5 font-normal" 2976 2977 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 2978 @mouseleave="$el.classList.remove('is-focus-child');" 2979 @mouseover.away="openSub = false" 2980 @focusin="$el.classList.add('is-focus-child');" 2981 @focusout="$el.classList.remove('is-focus-child');" 2982 2983 > 2984 <div class="sub-menu flex items-center pt-3"> 2985 <span class="flex-1"> 2986 <a 2987 href="/products/quatro-adv" 2988 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 2989 2990 > 2991 <span class="link-animation relative">Quatro ADV</span></a> 2992 </span> 2993 </div></li></ul> 2994 2995 </div> 2996 </li><li 2997 2998 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 2999 3000 @mouseleave="$el.classList.remove('is-focus');" 3001 @focusin="$el.classList.add('is-focus');" 3002 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3003 class="first-menu-item menu-item main-menu-item" 3004 > 3005 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3006 <a 3007 href="/collections/mounting" 3008 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3009 3010 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3011 3012 3013 > 3014 3015 <span>Mounting</span> 3016 3017<span 3018 class="icon-caret w-5 h-5 ps-2" 3019 tabindex="0" 3020 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3021 ><svg 3022 width="100%" 3023 height="100%"
3024 viewBox="0 0 9 7" 3025 fill="none" 3026 xmlns="http://www.w3.org/2000/svg" 3027 style="fill: none;" 3028 > 3029 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3030 stroke-linejoin="round"/> 3031 </svg></span></a> 3032 </div> 3033 <div 3034 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3035 x-init="setPosition($el,1); resizeWindow($el,1)" 3036 inert 3037 > 3038 <ul class="pt-7.5 pb-7.5"> 3039 3040<li 3041 x-data="{ openSub: false }" 3042 class="relative pl-7.5 pr-7.5 font-normal" 3043 3044 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3045 @mouseleave="$el.classList.remove('is-focus-child');" 3046 @mouseover.away="openSub = false" 3047 @focusin="$el.classList.add('is-focus-child');" 3048 @focusout="$el.classList.remove('is-focus-child');" 3049 3050 > 3051 <div class="sub-menu flex items-center"> 3052 <span class="flex-1"> 3053 <a 3054 href="#" 3055 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3056 3057 > 3058 <span class="link-animation relative">Kits</span><span 3059 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3060 @keyup.enter="openSub=!openSub" 3061 tabindex="0" 3062 ><svg 3063 width="100%" 3064 height="100%"
3065 viewBox="0 0 9 7" 3066 fill="none" 3067 xmlns="http://www.w3.org/2000/svg" 3068 style="fill: none;" 3069 > 3070 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3071 stroke-linejoin="round"/> 3072 </svg></span></a> 3073 </span> 3074 </div><div 3075 class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden" 3076 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3077 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3078 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3079 > 3080 <span 3081 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3082 :class="!openSub && 'scale-x-0'" 3083 ></span> 3084 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3085 <div class="flex items-center"> 3086 <span class="flex-1"> 3087 <a 3088 href="/products/bronco-fog-kit" 3089 class="link-animation link inline-block x-break-words relative w-full " 3090 > 3091 <span>Bronco Plug N Play Kit</span> 3092 </a> 3093 </span> 3094 </div> 3095 </li><li class="relative pl-7.5 pr-7.5"> 3096 <div class="flex items-center pt-3"> 3097 <span class="flex-1"> 3098 <a 3099 href="/products/jl-jt-sae-fog-kit" 3100 class="link-animation link inline-block x-break-words relative w-full " 3101 > 3102 <span>Jeep JL/JT Plug N Play Kit</span> 3103 </a> 3104 </span> 3105 </div> 3106 </li><li class="relative pl-7.5 pr-7.5"> 3107 <div class="flex items-center pt-3"> 3108 <span class="flex-1"> 3109 <a 3110 href="/products/toyota-sae-fog-kit" 3111 class="link-animation link inline-block x-break-words relative w-full " 3112 > 3113 <span>Toyota Plug N Play Kit</span> 3114 </a> 3115 </span> 3116 </div> 3117 </li><li class="relative pl-7.5 pr-7.5"> 3118 <div class="flex items-center pt-3"> 3119 <span class="flex-1"> 3120 <a 3121 href="/products/universal-reverse-kit" 3122 class="link-animation link inline-block x-break-words relative w-full " 3123 > 3124 <span>Reverse Kit</span> 3125 </a> 3126 </span> 3127 </div> 3128 </li><li class="relative pl-7.5 pr-7.5"> 3129 <div class="flex items-center pt-3"> 3130 <span class="flex-1"> 3131 <a 3132 href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens" 3133 class="link-animation link inline-block x-break-words relative w-full " 3134 > 3135 <span>Sprinter Front Bumper Kit</span> 3136 </a> 3137 </span> 3138 </div> 3139 </li><li class="relative pl-7.5 pr-7.5"> 3140 <div class="flex items-center pt-3"> 3141 <span class="flex-1"> 3142 <a 3143 href="/products/sprinter-fog-light-kit" 3144 class="link-animation link inline-block x-break-words relative w-full " 3145 > 3146 <span>Sprinter Fog Kit</span> 3147 </a> 3148 </span> 3149 </div> 3150 </li><li class="relative pl-7.5 pr-7.5"> 3151 <div class="flex items-center pt-3">
3152 <span class="flex-1"> 3153 <a 3154 href="/products/promaster-fog-light-kit-amber" 3155 class="link-animation link inline-block x-break-words relative w-full " 3156 > 3157 <span>Promaster Fog Kit</span> 3158 </a> 3159 </span> 3160 </div> 3161 </li><li class="relative pl-7.5 pr-7.5"> 3162 <div class="flex items-center pt-3"> 3163 <span class="flex-1"> 3164 <a 3165 href="/products/nano-arb-kit" 3166 class="link-animation link inline-block x-break-words relative w-full " 3167 > 3168 <span>ARB Base Rack NANO Kit</span> 3169 </a> 3170 </span> 3171 </div> 3172 </li></ul> 3173 </div></li><li 3174 x-data="{ openSub: false }" 3175 class="relative pl-7.5 pr-7.5 font-normal" 3176 3177 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3178 @mouseleave="$el.classList.remove('is-focus-child');" 3179 @mouseover.away="openSub = false" 3180 @focusin="$el.classList.add('is-focus-child');" 3181 @focusout="$el.classList.remove('is-focus-child');" 3182 3183 > 3184 <div class="sub-menu flex items-center pt-3"> 3185 <span class="flex-1"> 3186 <a 3187 href="/collections/mounting" 3188 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3189 3190 > 3191 <span class="link-animation relative">Mounts</span><span 3192 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3193 @keyup.enter="openSub=!openSub" 3194 tabindex="0" 3195 ><svg 3196 width="100%" 3197 height="100%"
3198 viewBox="0 0 9 7" 3199 fill="none" 3200 xmlns="http://www.w3.org/2000/svg" 3201 style="fill: none;" 3202 > 3203 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3204 stroke-linejoin="round"/> 3205 </svg></span></a> 3206 </span> 3207 </div><div 3208 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3209 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3210 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3211 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3212 > 3213 <span 3214 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3215 :class="!openSub && 'scale-x-0'" 3216 ></span> 3217 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3218 <div class="flex items-center"> 3219 <span class="flex-1"> 3220 <a 3221 href="/collections/mounting" 3222 class="link-animation link inline-block x-break-words relative w-full " 3223 > 3224 <span>All Mounts</span> 3225 </a> 3226 </span> 3227 </div> 3228 </li><li class="relative pl-7.5 pr-7.5"> 3229 <div class="flex items-center pt-3"> 3230 <span class="flex-1"> 3231 <a 3232 href="/collections/arb-mounts" 3233 class="link-animation link inline-block x-break-words relative w-full " 3234 > 3235 <span>ARB</span> 3236 </a> 3237 </span> 3238 </div> 3239 </li><li class="relative pl-7.5 pr-7.5"> 3240 <div class="flex items-center pt-3"> 3241 <span class="flex-1"> 3242 <a 3243 href="/products/nano-arb-kit" 3244 class="link-animation link inline-block x-break-words relative w-full " 3245 > 3246 <span>ARB NANO Kit</span> 3247 </a> 3248 </span> 3249 </div> 3250 </li><li class="relative pl-7.5 pr-7.5"> 3251 <div class="flex items-center pt-3"> 3252 <span class="flex-1"> 3253 <a 3254 href="/collections/ford-products" 3255 class="link-animation link inline-block x-break-words relative w-full " 3256 > 3257 <span>Ford</span> 3258 </a> 3259 </span> 3260 </div> 3261 </li><li class="relative pl-7.5 pr-7.5"> 3262 <div class="flex items-center pt-3"> 3263 <span class="flex-1"> 3264 <a 3265 href="/collections/jeep-products" 3266 class="link-animation link inline-block x-break-words relative w-full " 3267 > 3268 <span>Jeep</span> 3269 </a> 3270 </span> 3271 </div> 3272 </li><li class="relative pl-7.5 pr-7.5"> 3273 <div class="flex items-center pt-3"> 3274 <span class="flex-1"> 3275 <a 3276 href="/products/nano-mount-pair" 3277 class="link-animation link inline-block x-break-words relative w-full " 3278 > 3279 <span>NANO Mounts</span> 3280 </a> 3281 </span> 3282 </div> 3283 </li><li class="relative pl-7.5 pr-7.5"> 3284 <div class="flex items-center pt-3"> 3285 <span class="flex-1"> 3286 <a
3287 href="/collections/toyota-products" 3288 class="link-animation link inline-block x-break-words relative w-full " 3289 > 3290 <span>Toyota</span> 3291 </a> 3292 </span> 3293 </div> 3294 </li><li class="relative pl-7.5 pr-7.5"> 3295 <div class="flex items-center pt-3"> 3296 <span class="flex-1"> 3297 <a 3298 href="/products/ac13u" 3299 class="link-animation link inline-block x-break-words relative w-full " 3300 > 3301 <span>Quatro Flush Mount</span> 3302 </a> 3303 </span> 3304 </div> 3305 </li></ul> 3306 </div></li></ul> 3307 3308 <div 3309 class="hidden 1" 3310 x-init="setPosition($el,2); resizeWindow($el,2)" 3311 ></div> 3312 3313 </div> 3314 </li><li 3315 3316 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3317 3318 @mouseleave="$el.classList.remove('is-focus');" 3319 @focusin="$el.classList.add('is-focus');" 3320 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3321 class="first-menu-item menu-item main-menu-item" 3322 > 3323 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3324 <a 3325 href="/collections/accessories" 3326 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3327 3328 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3329 3330 3331 > 3332 3333 <span>Accessories</span> 3334 3335<span 3336 class="icon-caret w-5 h-5 ps-2" 3337 tabindex="0" 3338 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3339 ><svg 3340 width="100%" 3341 height="100%"
3342 viewBox="0 0 9 7" 3343 fill="none" 3344 xmlns="http://www.w3.org/2000/svg" 3345 style="fill: none;" 3346 > 3347 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3348 stroke-linejoin="round"/> 3349 </svg></span></a> 3350 </div> 3351 <div 3352 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3353 x-init="setPosition($el,1); resizeWindow($el,1)" 3354 inert 3355 > 3356 <ul class="pt-7.5 pb-7.5"> 3357 3358<li 3359 x-data="{ openSub: false }" 3360 class="relative pl-7.5 pr-7.5 font-normal" 3361 3362 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3363 @mouseleave="$el.classList.remove('is-focus-child');" 3364 @mouseover.away="openSub = false" 3365 @focusin="$el.classList.add('is-focus-child');" 3366 @focusout="$el.classList.remove('is-focus-child');" 3367 3368 > 3369 <div class="sub-menu flex items-center"> 3370 <span class="flex-1"> 3371 <a 3372 href="#" 3373 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3374 3375 > 3376 <span class="link-animation relative">Grande</span><span 3377 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3378 @keyup.enter="openSub=!openSub" 3379 tabindex="0" 3380 ><svg 3381 width="100%" 3382 height="100%"
3383 viewBox="0 0 9 7" 3384 fill="none" 3385 xmlns="http://www.w3.org/2000/svg" 3386 style="fill: none;" 3387 > 3388 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3389 stroke-linejoin="round"/> 3390 </svg></span></a> 3391 </span> 3392 </div><div 3393 class="child absolute -top-5 left-full w-full duration-150 rounded-corners overflow-hidden" 3394 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3395 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3396 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3397 > 3398 <span 3399 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3400 :class="!openSub && 'scale-x-0'" 3401 ></span> 3402 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3403 <div class="flex items-center"> 3404 <span class="flex-1"> 3405 <a 3406 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146" 3407 class="link-animation link inline-block x-break-words relative w-full " 3408 > 3409 <span>Cover</span> 3410 </a> 3411 </span> 3412 </div> 3413 </li><li class="relative pl-7.5 pr-7.5"> 3414 <div class="flex items-center pt-3"> 3415 <span class="flex-1"> 3416 <a 3417 href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778" 3418 class="link-animation link inline-block x-break-words relative w-full " 3419 > 3420 <span>Exo-Skeleton</span> 3421 </a> 3422 </span> 3423 </div> 3424 </li><li class="relative pl-7.5 pr-7.5"> 3425 <div class="flex items-center pt-3"> 3426 <span class="flex-1"> 3427 <a 3428 href="/products/sorcery-wand" 3429 class="link-animation link inline-block x-break-words relative w-full " 3430 > 3431 <span>Sorcery Wand</span> 3432 </a> 3433 </span> 3434 </div> 3435 </li><li class="relative pl-7.5 pr-7.5"> 3436 <div class="flex items-center pt-3"> 3437 <span class="flex-1"> 3438 <a 3439 href="/products/nacho-window-shades" 3440 class="link-animation link inline-block x-break-words relative w-full " 3441 > 3442 <span>Window Shades</span> 3443 </a> 3444 </span> 3445 </div> 3446 </li></ul> 3447 </div></li><li 3448 x-data="{ openSub: false }" 3449 class="relative pl-7.5 pr-7.5 font-normal" 3450 3451 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3452 @mouseleave="$el.classList.remove('is-focus-child');" 3453 @mouseover.away="openSub = false" 3454 @focusin="$el.classList.add('is-focus-child');" 3455 @focusout="$el.classList.remove('is-focus-child');" 3456 3457 > 3458 <div class="sub-menu flex items-center pt-3"> 3459 <span class="flex-1"> 3460 <a 3461 href="#" 3462 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3463 3464 > 3465 <span class="link-animation relative">Quatro</span><span 3466 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3467 @keyup.enter="openSub=!openSub" 3468 tabindex="0" 3469 ><svg 3470 width="100%" 3471 height="100%"
3472 viewBox="0 0 9 7" 3473 fill="none" 3474 xmlns="http://www.w3.org/2000/svg" 3475 style="fill: none;" 3476 > 3477 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3478 stroke-linejoin="round"/> 3479 </svg></span></a> 3480 </span> 3481 </div><div 3482 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3483 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3484 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3485 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3486 > 3487 <span 3488 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3489 :class="!openSub && 'scale-x-0'" 3490 ></span> 3491 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3492 <div class="flex items-center"> 3493 <span class="flex-1"> 3494 <a 3495 href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178" 3496 class="link-animation link inline-block x-break-words relative w-full " 3497 > 3498 <span>Cover</span> 3499 </a> 3500 </span> 3501 </div> 3502 </li><li class="relative pl-7.5 pr-7.5"> 3503 <div class="flex items-center pt-3"> 3504 <span class="flex-1"> 3505 <a 3506 href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546" 3507 class="link-animation link inline-block x-break-words relative w-full " 3508 > 3509 <span>Exo-Skeleton</span> 3510 </a> 3511 </span> 3512 </div> 3513 </li><li class="relative pl-7.5 pr-7.5"> 3514 <div class="flex items-center pt-3"> 3515 <span class="flex-1"> 3516 <a 3517 href="/products/ac13u" 3518 class="link-animation link inline-block x-break-words relative w-full " 3519 > 3520 <span>Flush Mount</span> 3521 </a> 3522 </span> 3523 </div> 3524 </li><li class="relative pl-7.5 pr-7.5"> 3525 <div class="flex items-center pt-3"> 3526 <span class="flex-1"> 3527 <a 3528 href="/products/nacho-window-shades" 3529 class="link-animation link inline-block x-break-words relative w-full " 3530 > 3531 <span>Window Shades</span> 3532 </a> 3533 </span> 3534 </div> 3535 </li><li class="relative pl-7.5 pr-7.5"> 3536 <div class="flex items-center pt-3"> 3537 <span class="flex-1"> 3538 <a 3539 href="/products/set-back-quatro-bracket" 3540 class="link-animation link inline-block x-break-words relative w-full " 3541 > 3542 <span>Set Back Bracket</span> 3543 </a> 3544 </span> 3545 </div> 3546 </li></ul> 3547 </div></li><li 3548 x-data="{ openSub: false }" 3549 class="relative pl-7.5 pr-7.5 font-normal" 3550 3551 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3552 @mouseleave="$el.classList.remove('is-focus-child');" 3553 @mouseover.away="openSub = false" 3554 @focusin="$el.classList.add('is-focus-child');" 3555 @focusout="$el.classList.remove('is-focus-child');" 3556 3557 > 3558 <div class="sub-menu flex items-center pt-3">
3559 <span class="flex-1"> 3560 <a 3561 href="#" 3562 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3563 3564 > 3565 <span class="link-animation relative">NANO</span><span 3566 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3567 @keyup.enter="openSub=!openSub" 3568 tabindex="0" 3569 ><svg 3570 width="100%" 3571 height="100%" 3572 viewBox="0 0 9 7" 3573 fill="none" 3574 xmlns="http://www.w3.org/2000/svg" 3575 style="fill: none;" 3576 > 3577 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3578 stroke-linejoin="round"/> 3579 </svg></span></a> 3580 </span> 3581 </div><div 3582 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3583 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3584 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3585 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3586 > 3587 <span 3588 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3589 :class="!openSub && 'scale-x-0'" 3590 ></span> 3591 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3592 <div class="flex items-center"> 3593 <span class="flex-1"> 3594 <a 3595 href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290" 3596 class="link-animation link inline-block x-break-words relative w-full " 3597 > 3598 <span>NANO Harness</span> 3599 </a> 3600 </span> 3601 </div> 3602 </li><li class="relative pl-7.5 pr-7.5"> 3603 <div class="flex items-center pt-3"> 3604 <span class="flex-1"> 3605 <a 3606 href="https://www.nachooffroadtechnology.com/products/nano-y-splitter" 3607 class="link-animation link inline-block x-break-words relative w-full " 3608 > 3609 <span>NANO Y-Splitter</span> 3610 </a> 3611 </span> 3612 </div> 3613 </li></ul> 3614 </div></li><li 3615 x-data="{ openSub: false }" 3616 class="relative pl-7.5 pr-7.5 font-normal" 3617 3618 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3619 @mouseleave="$el.classList.remove('is-focus-child');" 3620 @mouseover.away="openSub = false" 3621 @focusin="$el.classList.add('is-focus-child');" 3622 @focusout="$el.classList.remove('is-focus-child');" 3623 3624 > 3625 <div class="sub-menu flex items-center pt-3"> 3626 <span class="flex-1"> 3627 <a 3628 href="#" 3629 class="link relative x-break-words justify-between menu-parent-link flex items-center gap-2.5 duration-200 transition " 3630 3631 > 3632 <span class="link-animation relative">TM5</span><span 3633 class="icon-child z-10 w-5 h-5 shrink-0 p-1 rounded-full block align-end -rotate-90 " 3634 @keyup.enter="openSub=!openSub" 3635 tabindex="0" 3636 ><svg 3637 width="100%" 3638 height="100%"
3639 viewBox="0 0 9 7" 3640 fill="none" 3641 xmlns="http://www.w3.org/2000/svg" 3642 style="fill: none;" 3643 > 3644 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3645 stroke-linejoin="round"/> 3646 </svg></span></a> 3647 </span> 3648 </div><div 3649 class="child absolute -top-2 left-full w-full duration-150 rounded-corners overflow-hidden" 3650 :class="openSub ? 'opacity-1 visible' : 'opacity-0 invisible -z-1' " 3651 @focusin="openSub = true; $el.classList.add('is-focus-child');" 3652 @focusout="openSub = false; $el.classList.remove('is-focus-child');" 3653 > 3654 <span 3655 class="absolute background-header top-0 left-0 right-0 bottom-0 duration-200 origin-left" 3656 :class="!openSub && 'scale-x-0'" 3657 ></span> 3658 <ul class="pt-7.5 pb-7.5"><li class="relative pl-7.5 pr-7.5"> 3659 <div class="flex items-center"> 3660 <span class="flex-1"> 3661 <a 3662 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946" 3663 class="link-animation link inline-block x-break-words relative w-full " 3664 > 3665 <span>Cover</span> 3666 </a> 3667 </span> 3668 </div> 3669 </li></ul> 3670 </div></li><li 3671 x-data="{ openSub: false }" 3672 class="relative pl-7.5 pr-7.5 font-normal" 3673 3674 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3675 @mouseleave="$el.classList.remove('is-focus-child');" 3676 @mouseover.away="openSub = false" 3677 @focusin="$el.classList.add('is-focus-child');" 3678 @focusout="$el.classList.remove('is-focus-child');" 3679 3680 > 3681 <div class="sub-menu flex items-center pt-3"> 3682 <span class="flex-1"> 3683 <a 3684 href="/collections/harness-switches" 3685 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3686 3687 > 3688 <span class="link-animation relative">Harnesses & Switches</span></a> 3689 </span> 3690 </div></li></ul> 3691 3692 <div 3693 class="hidden 1" 3694 x-init="setPosition($el,2); resizeWindow($el,2)" 3695 ></div> 3696 3697 </div> 3698 </li><li 3699 3700 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3701 3702 @mouseleave="$el.classList.remove('is-focus');" 3703 @focusin="$el.classList.add('is-focus');" 3704 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3705 class="first-menu-item menu-item main-menu-item" 3706 > 3707 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3708 <a 3709 href="#" 3710 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3711 3712 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3713 3714 3715 > 3716 3717 <span>Powersports</span> 3718 3719<span 3720 class="icon-caret w-5 h-5 ps-2" 3721 tabindex="0" 3722 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3723 ><svg 3724 width="100%" 3725 height="100%"
3726 viewBox="0 0 9 7" 3727 fill="none" 3728 xmlns="http://www.w3.org/2000/svg" 3729 style="fill: none;" 3730 > 3731 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3732 stroke-linejoin="round"/> 3733 </svg></span></a> 3734 </div> 3735 <div 3736 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3737 x-init="setPosition($el,1); resizeWindow($el,1)" 3738 inert 3739 > 3740 <ul class="pt-7.5 pb-7.5"> 3741 3742<li 3743 x-data="{ openSub: false }" 3744 class="relative pl-7.5 pr-7.5 font-normal" 3745 3746 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3747 @mouseleave="$el.classList.remove('is-focus-child');" 3748 @mouseover.away="openSub = false" 3749 @focusin="$el.classList.add('is-focus-child');" 3750 @focusout="$el.classList.remove('is-focus-child');" 3751 3752 > 3753 <div class="sub-menu flex items-center"> 3754 <span class="flex-1"> 3755 <a 3756 href="/products/quatro-adv" 3757 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3758 3759 > 3760 <span class="link-animation relative">Quatro ADV</span></a> 3761 </span> 3762 </div></li><li 3763 x-data="{ openSub: false }" 3764 class="relative pl-7.5 pr-7.5 font-normal" 3765 3766 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3767 @mouseleave="$el.classList.remove('is-focus-child');" 3768 @mouseover.away="openSub = false" 3769 @focusin="$el.classList.add('is-focus-child');" 3770 @focusout="$el.classList.remove('is-focus-child');" 3771 3772 > 3773 <div class="sub-menu flex items-center pt-3"> 3774 <span class="flex-1"> 3775 <a 3776 href="/collections/husqvarna-mounts" 3777 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3778 3779 > 3780 <span class="link-animation relative">Husqvarna</span></a> 3781 </span> 3782 </div></li><li 3783 x-data="{ openSub: false }" 3784 class="relative pl-7.5 pr-7.5 font-normal" 3785 3786 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3787 @mouseleave="$el.classList.remove('is-focus-child');" 3788 @mouseover.away="openSub = false" 3789 @focusin="$el.classList.add('is-focus-child');" 3790 @focusout="$el.classList.remove('is-focus-child');" 3791 3792 > 3793 <div class="sub-menu flex items-center pt-3"> 3794 <span class="flex-1"> 3795 <a 3796 href="/collections/ktm-mounts" 3797 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3798 3799 > 3800 <span class="link-animation relative">KTM</span></a> 3801 </span> 3802 </div></li><li 3803 x-data="{ openSub: false }" 3804 class="relative pl-7.5 pr-7.5 font-normal" 3805 3806 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3807 @mouseleave="$el.classList.remove('is-focus-child');" 3808 @mouseover.away="openSub = false" 3809 @focusin="$el.classList.add('is-focus-child');" 3810 @focusout="$el.classList.remove('is-focus-child');" 3811 3812 > 3813 <div class="sub-menu flex items-center pt-3"> 3814 <span class="flex-1"> 3815 <a 3816 href="/collections/polaris-products" 3817 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3818 3819 > 3820 <span class="link-animation relative">Polaris</span></a> 3821 </span> 3822 </div></li></ul> 3823 3824 </div> 3825 </li><li 3826 3827 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3828 3829 @mouseleave="$el.classList.remove('is-focus');" 3830 @focusin="$el.classList.add('is-focus');" 3831 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3832 class="first-menu-item menu-item main-menu-item" 3833 > 3834 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3835 <a 3836 href="#" 3837 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3838 3839 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3840 3841 3842 > 3843
3844 <span>Fleet</span> 3845 3846<span 3847 class="icon-caret w-5 h-5 ps-2" 3848 tabindex="0" 3849 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3850 ><svg 3851 width="100%" 3852 height="100%" 3853 viewBox="0 0 9 7" 3854 fill="none" 3855 xmlns="http://www.w3.org/2000/svg" 3856 style="fill: none;" 3857 > 3858 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3859 stroke-linejoin="round"/> 3860 </svg></span></a> 3861 </div> 3862 <div 3863 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3864 x-init="setPosition($el,1); resizeWindow($el,1)" 3865 inert 3866 > 3867 <ul class="pt-7.5 pb-7.5"> 3868 3869<li 3870 x-data="{ openSub: false }" 3871 class="relative pl-7.5 pr-7.5 font-normal" 3872 3873 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3874 @mouseleave="$el.classList.remove('is-focus-child');" 3875 @mouseover.away="openSub = false" 3876 @focusin="$el.classList.add('is-focus-child');" 3877 @focusout="$el.classList.remove('is-focus-child');" 3878 3879 > 3880 <div class="sub-menu flex items-center"> 3881 <span class="flex-1"> 3882 <a 3883 href="/products/quatro-red-blue-emergency" 3884 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3885 3886 > 3887 <span class="link-animation relative">Quatro Emergency</span></a> 3888 </span> 3889 </div></li><li 3890 x-data="{ openSub: false }" 3891 class="relative pl-7.5 pr-7.5 font-normal" 3892 3893 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 3894 @mouseleave="$el.classList.remove('is-focus-child');" 3895 @mouseover.away="openSub = false" 3896 @focusin="$el.classList.add('is-focus-child');" 3897 @focusout="$el.classList.remove('is-focus-child');" 3898 3899 > 3900 <div class="sub-menu flex items-center pt-3"> 3901 <span class="flex-1"> 3902 <a 3903 href="/products/nacho-tm5-fleet" 3904 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 3905 3906 > 3907 <span class="link-animation relative">TM5</span></a> 3908 </span> 3909 </div></li></ul> 3910 3911 </div> 3912 </li><li 3913 3914 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3915 3916 @mouseleave="$el.classList.remove('is-focus');" 3917 @focusin="$el.classList.add('is-focus');" 3918 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3919 class="first-menu-item menu-item main-menu-item" 3920 > 3921 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3922 <a 3923 href="/collections/apparel" 3924 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block" 3925 3926 3927 > 3928 3929 <span>Apparel</span> 3930 3931</a> 3932 </div> 3933 3934 </li><li 3935 3936 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3937 3938 @mouseleave="$el.classList.remove('is-focus');" 3939 @focusin="$el.classList.add('is-focus');" 3940 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3941 class="first-menu-item menu-item main-menu-item" 3942 > 3943 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3944 <a 3945 href="/pages/media" 3946 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative inline-block" 3947 3948 3949 > 3950
3951 <span>Media</span> 3952 3953</a> 3954 </div> 3955 3956 </li><li 3957 3958 x-on:mouseover="$store.xHeaderMenu.selectItem($el, 'menu'); $el.classList.add('is-focus');" 3959 3960 @mouseleave="$el.classList.remove('is-focus');" 3961 @focusin="$el.classList.add('is-focus');" 3962 @focusout="$el.classList.remove('is-focus'); $store.xHeaderMenu.handleFocusOut($el, $event)" 3963 class="first-menu-item menu-item main-menu-item" 3964 > 3965 <div class="relative is-focus:color-text-[rgba(var(--color-highlight))]"> 3966 <a 3967 href="#" 3968 class="link whitespace-nowrap is-focus:color-text-[rgba(var(--color-highlight))] item-spacing pl-[15px] pr-[15px] cursor-pointer x-break-words relative menu-parent-link flex items-center" 3969 3970 x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, 'menu')" 3971 3972 3973 > 3974 3975 <span>Team Nacho</span> 3976 3977<span 3978 class="icon-caret w-5 h-5 ps-2" 3979 tabindex="0" 3980 @keyup.enter="$store.xHeaderMenu.handleKeyupElement($el.closest('li'));" 3981 ><svg 3982 width="100%" 3983 height="100%"
3984 viewBox="0 0 9 7" 3985 fill="none" 3986 xmlns="http://www.w3.org/2000/svg" 3987 style="fill: none;" 3988 > 3989 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 3990 stroke-linejoin="round"/> 3991 </svg></span></a> 3992 </div> 3993 <div 3994 class="toggle-menu absolute z-30 background-header top-full w-48 xl:w-60 transition-all duration-header-menu delay-header-menu ease-in-out opacity-0 rounded-corners" 3995 x-init="setPosition($el,1); resizeWindow($el,1)" 3996 inert 3997 > 3998 <ul class="pt-7.5 pb-7.5"> 3999 4000<li 4001 x-data="{ openSub: false }" 4002 class="relative pl-7.5 pr-7.5 font-normal" 4003 4004 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4005 @mouseleave="$el.classList.remove('is-focus-child');" 4006 @mouseover.away="openSub = false" 4007 @focusin="$el.classList.add('is-focus-child');" 4008 @focusout="$el.classList.remove('is-focus-child');" 4009 4010 > 4011 <div class="sub-menu flex items-center"> 4012 <span class="flex-1"> 4013 <a 4014 href="/pages/contact" 4015 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 4016 4017 > 4018 <span class="link-animation relative">Contact</span></a> 4019 </span> 4020 </div></li><li 4021 x-data="{ openSub: false }" 4022 class="relative pl-7.5 pr-7.5 font-normal" 4023 4024 @mouseover="openSub = true; $el.classList.add('is-focus-child');" 4025 @mouseleave="$el.classList.remove('is-focus-child');" 4026 @mouseover.away="openSub = false" 4027 @focusin="$el.classList.add('is-focus-child');" 4028 @focusout="$el.classList.remove('is-focus-child');" 4029 4030 > 4031 <div class="sub-menu flex items-center pt-3"> 4032 <span class="flex-1"> 4033 <a 4034 href="/pages/racer-application" 4035 class="link relative x-break-words justify-between inline-block w-full duration-200 transition " 4036 4037 > 4038 <span class="link-animation relative">Racer Application</span></a> 4039 </span> 4040 </div></li></ul> 4041 4042 </div> 4043 </li></ul> 4044 </nav> 4045 <button 4046 class="scroll-nav main-menu-scroll-next z-20 rounded-none disabled:opacity-40 disabled:cursor-not-allowed " 4047 x-show="isScrollable && !isAtEnd" 4048 x-cloak 4049 @click="scrollRight" 4050 :disabled="isAtEnd" 4051 aria-label="Scroll right" 4052 > 4053 4054 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;" class="slider-nav__icon"> 4055 <path d="M7 18L13 10L7 2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4056 </svg> 4057 4058 </button> 4059 </div> 4060 </div> 4061 4062</div><div class="w-full [grid-area:header-center] lg:hidden"> 4063 <div class=""><div class="header-logo"><a class="logo-link flex justify-center" href="/" aria-label="Logo"><span class="header-logo-width logo-image logo-dark hidden dark:inline-block dark:relative"> 4064 <picture> 4065 <source 4066 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=50 50w, 4067 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=100 100w, 4068 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=150 150w, 4069 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=200 200w, 4070 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=250 250w, 4071 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_White_173158f8-6916-4559-a243-e10c41dac940.png?v=1760124296&width=300 300w" 4072 media="(max-width: 1023px)" 4073 width="150" 4074 height="63" 4075 > 4076 <img 4077 srcset="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=50 50w, 4078 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=100 100w, 4079 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=150 150w, 4080 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=200 200w, 4081 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=250 250w, 4082 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=300 300w, 4083 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=400 400w, 4084 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=500 500w, 4085 //nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=600 600w" 4086 loading="eager" 4087 sizes="(min-width: 768px) 450px, 150px" 4088 src="//nacholightingco.com/cdn/shop/files/Logo_1.png?v=1776305660&width=1478" 4089 4090 :alt="(screen.width < 768) ? '' : ''" 4091 4092 class="object-cover h-full w-full image-sections--20172716769450__header" 4093 width="150" 4094 height="66" 4095 fetchpriority="high" 4096 decoding="sync" 4097 > 4098 </picture> 4099</span><span class="header-logo-width logo-image logo-light relative dark:hidden"> 4100 <picture> 4101 <source 4102 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 4103 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 4104 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 4105 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 4106 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 4107 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w" 4108 media="(max-width: 1023px)" 4109 width="150" 4110 height="63" 4111 > 4112 <img 4113 srcset="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=50 50w, 4114 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=100 100w, 4115 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=150 150w, 4116 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=200 200w, 4117 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=250 250w, 4118 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=300 300w, 4119 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=400 400w, 4120 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=500 500w, 4121 //nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=600 600w" 4122 loading="eager" 4123 sizes="(min-width: 768px) 450px, 150px" 4124 src="//nacholightingco.com/cdn/shop/files/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295&width=2000" 4125 4126 :alt="(screen.width < 768) ? '' : ''" 4127 4128 class="object-cover h-full w-full image-sections--20172716769450__header" 4129 width="150" 4130 height="63" 4131 fetchpriority="high" 4132 decoding="sync" 4133 > 4134 </picture> 4135</span></a></div></div></div><div class="header-item [grid-area:header-right] flex items-center justify-end gap-5"><div class="hidden lg:block"><div class="toggle-theme-mode will-change-transform"> 4136 <label 4137 id="darkLabel-desktop" 4138 class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer " 4139 :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''" 4140 tabindex="0" 4141 @keyup.enter="$el.click()" 4142 > 4143 <input 4144 @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();" 4145 type="checkbox" 4146 id="check-mode-desktop" 4147 class="input-check-mode absolute top-0 left-0 w-full h-full invisible" 4148 >
4149 <span class="toggle-body block overflow-hidden"> 4150 <span class="toggle-body-inner"> 4151 <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4152 <path 4153 d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z" 4154 fill="currentColor"/> 4155 </svg></span> 4156 <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4157 <path 4158 d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z" 4159 fill="currentColor"/> 4160 <path 4161 d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z" 4162 fill="currentColor"/> 4163 <path 4164 d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z" 4165 fill="currentColor"/> 4166 <path 4167 d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z" 4168 fill="currentColor"/> 4169 <path 4170 d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z" 4171 fill="currentColor"/> 4172 <path 4173 d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4173552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z" 4174 fill="currentColor"/> 4175 <path 4176 d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z" 4177 fill="currentColor"/> 4178 <path 4179 d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z" 4180 fill="currentColor"/> 4181 <path 4182 d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z" 4183 fill="currentColor"/> 4184 </svg></span> 4185 4186 <span class="icon-toggle-theme-mode-loading"> 4187 <span class="animate-spin block icon"> 4188 <svg 4189 version="1.0" 4190 xmlns="http://www.w3.org/2000/svg"
4191 viewBox="0 0 512.000000 512.000000" 4192 preserveAspectRatio="xMidYMid meet" 4193 > 4194 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4195 fill="currentColor" stroke="none"> 4196 <path 4197 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4198 </g> 4199 </svg> 4200 </span> 4201 </span> 4202 </span> 4203 </span> 4204 </label> 4205 </div></div><div class="x-header-store-selector-desktop self-center lg:block hidden empty:hidden lg:max-w-[200px]"></div> 4206 <div class="hidden lg:flex items-center gap-2 empty:hidden"> 4207 4208 4209 4210 4211 <div 4212 x-data="xModalSearch('query,product,article,collection,page', 6, 3, 'All categories')" 4213 class="header-search flex lg:flex items-center color-scheme-1 dark-color-scheme-1" 4214 @keydown.escape="close(); $store.xMaximizeDrawer.handleClose();" 4215 @click.away="isFocusedSearchForm && close()" 4216 > 4217 4218 4219 4220 <a 4221 id="SearchOpen" 4222 href="/search" 4223 aria-label="Search..." 4224 role="button" 4225 class="flex items-center px-1 py-1 cursor-pointer justify-center focus-inset md:relative md:top-auto bg-none rtl:right-0 rtl:md:right-auto ltr:left-0 ltr:md:left-auto" 4226 @click.prevent="open();$store.xHeaderMenu.hideMenu('main-menu-item');" 4227 > 4228 <span class="icon w-5 h-5 lg:w-6 lg:h-6 translate-y-0"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4229 <path 4230 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 4231 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4232 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 4233 stroke-linejoin="round"/> 4234 </svg></span> 4235 </a> 4236 4237 4238 4239 <div 4240 id="FormSearch__desktop" 4241 x-ref="open_search" 4242 4243 4244 class="form-search-wrapper search-popup relative hidden md:flex flex-col md:absolute left-0 top-0 origin-top h-full ease-in-out overflow-hidden invisible" 4245 4246 :class="isFocusedSearchForm ? '!visible !block is-open' : ''" 4247 4248 > 4249 4250 4251 <div 4252 class="header-search__scrim--compact fixed top-0 lg:top-0 -z-10 lg:z-30 bottom-0 right-0 left-0 transition-opacity duration-500 cursor-pointer" 4253 :class="isFocusedSearchForm ? '' : 'opacity-0 invisible'" 4254 x-cloak 4255 x-on:click="close(); $store.xFocusElement.removeTrapFocus();" 4256 ></div> 4257 4258 4259 4260 4261 <div 4262 class="search-box-wrapper relative mt-3 lg:mt-0 md:top-0 w-full" 4263 data-loading-text="Loading" 4264 4265 4266 > 4267 <div 4268 4269 id="SearchBarFixed__desktop" 4270 4271 x-ref="search_bar_fixed" 4272 class="mx-auto w-full relative header-search__bar--compact z-50 px-0 py-0 lg:py-2 lg:px-2 rounded-corners" 4273 4274 :class="isFocusedSearchForm ? 'lg:!fixed left-0 right-0 search-expand-open' : 'search-expand-closed'" 4275 4276 > 4277 <div 4278 class="header-search-inner h-full w-full field flex items-center border rounded-corners color-bg-[rgba(var(--color-background))] py-1 lg:py-1.5 px-1 lg:px-1.5" 4279 4280 > 4281 4282 <select-element 4283 class="header-search-refined dropdown-large rtl:ml-5 ltr:mr-5 max-w-[40%] " 4284 data-picker-type="dropdown" 4285 > 4286 <div class="select relative"> 4287 <div 4288 class="select-button rounded-corners relative flex justify-between items-center rounded-corners color-bg-[rgba(var(--color-text),0.06)] color-text-[rgba(var(--color-text))] text-small rtl:text-right ltr:text-left cursor-pointer hover:color-text-[rgba(var(--color-button))] max-w-full w-[120px] lg:w-36 xl:w-[10.5rem] gap-2 lg:gap-5 py-2 px-3 md:py-1.5 md:px-3" 4289 role="button" 4290 tabindex="0" 4291 aria-expanded="false" 4292 aria-controls="CategoriesList" 4293 aria-describedby="CategoriesHeading" 4294 4295 @click="fetchRefinedSearch(); $store.xHeaderMenu.hideMenu('main-menu-item')" 4296 >
4297 <span 4298 class="select-button__label line-clamp-1 flex-1 p-break-words" 4299 data-section-id="sections--20172716769450__header" 4300 > 4301 All categories 4302 </span> 4303 <span class="select-arrow transition-transform w-2.5 h-2.5 flex"><svg 4304 width="100%" 4305 height="100%" 4306 viewBox="0 0 9 7" 4307 fill="none" 4308 xmlns="http://www.w3.org/2000/svg" 4309 style="fill: none;" 4310 > 4311 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4312 stroke-linejoin="round"/> 4313 </svg></span> 4314 <div 4315 class="absolute inset-0 flex justify-center items-center color-bg-[rgba(var(--color-overlay),0.2)] rounded-corners" 4316 x-show="loadingProductType === 'loading'" 4317 x-cloak 4318 > 4319 <span class="w-4 h-4 right-3 animate-spin left-1/2"><svg 4320 version="1.0" 4321 xmlns="http://www.w3.org/2000/svg"
4322 viewBox="0 0 512.000000 512.000000" 4323 preserveAspectRatio="xMidYMid meet" 4324 > 4325 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4326 fill="currentColor" stroke="none"> 4327 <path 4328 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4329 </g> 4330 </svg></span> 4331 </div> 4332 </div> 4333 <div 4334 class="select-options-wrapper scrollbar-visible scrollbar-body color-bg-gradient-[var(--gradient-background)]" 4335 data-adjust-position="false" 4336 > 4337 <ul 4338 role="listbox" 4339 class="select-options hidden" 4340 aria-label="CategoriesList" 4341 > 4342 <li 4343 tabindex="-1" 4344 class="select-option hidden" 4345 data-type="dropdown" 4346 aria-selected="true" 4347 role="option" 4348 data-no-instant 4349 data-value="All categories" 4350 data-select-value="All categories" 4351 @click="setProductType($el, true)" 4352 @keydown.enter="setProductType($el, true)" 4353 @keydown.space="setProductType($el, true)" 4354 > 4355 All categories 4356 </li> 4357 </ul> 4358 </div> 4359 </div> 4360 <label class="hidden"> 4361 <input 4362 name="product_type" 4363 class="select-option-selected" 4364 value="product_type:" 4365 data-disclosure-input 4366 @change="handleChangeProductType()" 4367 > 4368 </label> 4369 </select-element> 4370 4371 4372 <form 4373 id="form-search-sections--20172716769450__header" 4374 class="form-search grow z-0" 4375 action="/search" 4376 method="get" 4377 role="search" 4378 > 4379 <label 4380 for="search-in-modal-desktop" 4381 class="hidden" 4382 >Search...</label> 4383 <input 4384 id="search-in-modal-desktop" 4385 class="peer input-search py-1.5 lg:text-small focus-visible:outline-none w-full rtl:pl-20 rtl:md:pl-[70px] ltr:pr-20 ltr:md:pr-[70px] appearance-none relative outline-none bg-transparent placeholder:text-current color-text-[rgba(var(--color-text),0.4)]" 4386 type="search" 4387 4388 name="q" 4389 value="" 4390 x-on:keydown="handleKeyUpModal($event)" 4391 @input.debounce.500ms="handleChangeInput()" 4392 @click="focusForm();" 4393 placeholder="What are you searching for?" 4394 x-ref="input_search" 4395 > 4396 <input 4397 type="hidden" 4398 name="type" 4399 value="product" 4400 > 4401 <input 4402 type="hidden" 4403 :value="productTypeSelected == 'All categories' ? '' : productTypeSelected" 4404 name="filter.p.product_type" 4405 x-bind:disabled="productTypeSelected == 'All categories'" 4406 > 4407 <button 4408 class="btn-search absolute none_border w-8 h-8 p-[7px] md:p-1.5 bg-none text-current rtl:left-3.5 ltr:right-3.5 top-1/2 -translate-y-1/2" 4409 aria-label="Search..." 4410 4411 >
4412 <span 4413 4414 ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 4415 <path 4416 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 4417 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 4418 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 4419 stroke-linejoin="round"/> 4420 </svg></span> 4421 4422 </button> 4423 4424 <button 4425 class="search__speech absolute cursor-pointer w-8 h-8 p-[7px] md:p-1.5 rtl:left-12 ltr:right-12 top-1/2 -translate-y-1/2 bg-none text-current" 4426 x-data="xSpeechSearch($el)" 4427 x-show="show" 4428 x-cloak 4429 type="button" 4430 tabindex="0" 4431 aria-label="Voice" 4432 > 4433 <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 4434 <path 4435 d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" 4436 fill="currentColor"></path> 4437 </svg> 4438 </button> 4439 4440<div 4441 x-ref="search_content" 4442 4443 class="header-search__results header-search__results--compact fixed lg:absolute top-[var(--input-search-to-top)] lg:top-[calc(100%-8px)] color-bg-[rgba(var(--color-background))] lg:color-bg-[rgba(var(--color-background-header))] border-t-[12px] lg:border-t-0 border-[rgba(var(--color-background-header))] px-2 lg:pt-1 lg:pb-2 h-fit w-full left-0 " 4444 x-transition:enter="transition-[500ms_500ms] transition-opacity ease-out" 4445 4446 x-show="isFocusedSearchForm && (result !== '' )" 4447 x-transition:enter-start="opacity-0 transform translate-y-[30px]" 4448 x-transition:enter-end="opacity-100 transform translate-y-0" 4449 x-transition:leave="ease-in" 4450 x-transition:leave-start="opacity-100 transform translate-y-0" 4451 x-transition:leave-end="opacity-0 transform translate-y-[30px]" 4452 x-cloak 4453 x-intersect.full="$store.xFocusElement.trapFocus('FormSearch__desktop', 'search-in-modal-desktop');" 4454 > 4455 <div 4456 id="search-result" 4457 class=" rounded-corners pb-4 color-bg-[rgba(var(--color-background))]" 4458 tabindex="-1" 4459 data-predictive-search 4460 x-html="result" 4461 x-cloak 4462 x-show="loading == false && openResults" 4463 x-transition:enter="transition-[500ms_500ms] ease-out" 4464 x-transition:enter-start="opacity-0" 4465 x-transition:enter-end="opacity-100" 4466 ></div> 4467 </div> 4468 </form> 4469 </div> 4470 </div> 4471 </div> 4472 4473 <div 4474 class="element-end-modal h-0 w-0 absolute pointer-events-none" 4475 :tabindex="isFocusedSearchForm ? '0' : '-1'" 4476 @focus="document.getElementById('SearchClose__desktop')?.focus()" 4477 ></div> 4478 </div> 4479 </div> 4480 4481<div class="header-account-menu cursor-pointer ltr:-mr-4 rtl:-ml-4"> 4482 <shopify-store store-domain="https://nacholightingco.com" country="US" language="en"></shopify-store> 4483<shopify-account menu='customer-account-main-menu'> 4484 <div slot="signed-out-avatar">
4485 <span class="header-account-icon w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block"> 4486 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none"> 4487 <path 4488 d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508" 4489 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4490 <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991" 4491 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4492 </svg> 4493 </span> 4494 </div> 4495 </shopify-account> 4496 </div></div><div class="header-icon-cart cursor-pointer relative cart-empty"> 4497 <a 4498 id="cart-icon" 4499 class="relative" 4500 aria-controls="CartDrawer" 4501 aria-expanded="false" 4502 aria-label="Your cart" 4503 role="button" 4504 tabindex="0" 4505 > 4506 <span class="w-6 h-6 lg:w-7 lg:h-7 px-0.5 py-0.5 inline-block icon color-text-[rgba(var(--color-heading))] translate-y-0"><svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg"> 4507 <g clip-path="url(#clip0_30707_436)"> 4508 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/> 4509 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/> 4510 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/> 4511 </g> 4512 <defs> 4513 <clipPath id="clip0_30707_436"> 4514 <rect width="18" height="18" fill="white"/> 4515 </clipPath> 4516 </defs> 4517 </svg></span> 4518 <div id="cart-icon-bubble" class="relative -left-0.5 rtl:left-0 rtl:-right-0.5"> 4519 <div class="cart-bubble__container empty:hidden color-bg-[rgba(var(--color-cart))] color-text-[rgba(var(--color-cart-text))] h-5 w-5 lg:h-6 lg:w-6 rounded-full text-x-small" data-count-item="0"></div> 4520 </div> 4521 </a> 4522 </div></div> 4523 </div><div 4524 id="x-header-mobile"
4525 class="x-header-mobile lg:hidden w-full h-full" 4526 :class="$store.xMobileNav.show && 'active'" 4527 x-intersect.once="$store.xHelper.setPosition('#DrawerMenuMobilePosition', '#DrawerMenuMobile')" 4528 ><div 4529 class="header-mobile-overlay absolute -z-[1] w-full cursor-pointer h-full header-h-screen left-0 top-full duration-header-menu" 4530 @click="$store.xMobileNav.close()" 4531 :class="$store.xMobileNav.show ? 'opacity-100' : 'opacity-0 pointer-events-none'" 4532 x-cloak 4533 aria-hidden="true" 4534 ></div><div 4535 x-cloak 4536 class="modal-container z-40 w-full max-w-screen-md overflow-hidden absolute top-full ease-out duration-header-menu left-0 header-h-screen" 4537 > 4538 <nav class="main-nav-mobile h-full flex flex-col pb-3" aria-label="Main menu"><div 4539 class="mobile-header-toolbar flex lg:hidden text-center justify-between color-bg-[rgba(var(--color-button))] color-text-[rgba(var(--color-button-text))] p-4 items-center gap-4" 4540 x-cloak 4541 ><p class="header-welcome-msg text-start p-break-words">Welcome to NACHO Lighting Co.</p><div class="mobile-header-actions flex gap-1.5 items-center"><div class="mobile-header-account-menu"> 4542 <shopify-account menu='customer-account-main-menu'> 4543 <div slot="signed-out-avatar" class="mobile-header-account-icon w-6 h-6 "> 4544 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100 100" fill="none"> 4545 <path 4546 d="M62.4941 10.2321C58.9737 7.5504 54.6152 6 49.8375 6C38.2705 6 28.8828 15.3859 28.8828 26.9508C28.8828 38.5156 38.2705 47.9016 49.8375 47.9016C61.4045 47.9016 70.7922 38.5156 70.7922 26.9508" 4547 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4548 <path d="M85.814 91.9991C85.814 75.7832 69.6793 62.668 49.8143 62.668C29.949 62.668 13.814 75.7832 13.814 91.9991" 4549 stroke="currentColor" stroke-width="9" stroke-linecap="round" stroke-linejoin="round"/> 4550 </svg> 4551 </div> 4552 </shopify-account> 4553 </div><div class="toggle-theme-mode will-change-transform"> 4554 <label 4555 id="darkLabel-mobile" 4556 class="relative rounded-full block border px-0.5 py-0.5 cursor-pointer color-border-[rgba(var(--color-button-text),0.12)]" 4557 :class="$store.xDarkMode.isToggling ? 'pointer-events-none' : ''" 4558 tabindex="0" 4559 @keyup.enter="$el.click()" 4560 > 4561 <input 4562 @change="$store.xDarkMode.toggleThemeMode(); $store.xHeaderMenu.handleChangeThemeMode();" 4563 type="checkbox" 4564 id="check-mode-mobile" 4565 class="input-check-mode absolute top-0 left-0 w-full h-full invisible" 4566 > 4567 <span class="toggle-body block overflow-hidden"> 4568 <span class="toggle-body-inner"> 4569 <span class="toggle-handle take-on justify-start flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4570 <path 4571 d="M34.8717 21.8421C34.7324 21.5513 34.4895 21.3211 34.1899 21.1948C33.8899 21.0685 33.5536 21.0553 33.2445 21.1572C30.7513 21.9904 28.0635 22.075 25.5212 21.4004C22.9792 20.7257 20.6971 19.3224 18.9633 17.3676C17.2293 15.4128 16.1219 12.9944 15.781 10.4184C15.4399 7.84236 15.8806 5.22438 17.0472 2.896C17.1915 2.60644 17.2228 2.27456 17.1352 1.96388C17.0478 1.65284 16.8478 1.3847 16.5728 1.20996C16.2981 1.03493 15.9678 0.965912 15.6446 1.01584C11.3341 1.68106 7.43682 3.92757 4.73159 7.30591C2.02622 10.6841 0.712384 14.9456 1.05284 19.2388C1.39329 23.5317 3.3627 27.5393 6.56741 30.4618C9.77207 33.3838 13.9761 35.0044 18.339 35C22.0683 34.9836 25.6941 33.787 28.6837 31.5867C31.673 29.386 33.8682 26.2972 34.947 22.7741L34.9469 22.7728C35.038 22.4641 35.0112 22.1329 34.8717 21.8421ZM26.0812 30.164C23.7577 31.5922 21.0773 32.3553 18.3396 32.3676L18.3393 32.3673C14.8659 32.3585 11.5082 31.1335 8.86462 28.91C6.22086 26.6867 4.46274 23.6093 3.90296 20.2259C3.34317 16.8426 4.01874 13.3731 5.80875 10.4352C7.59868 7.49736 10.3871 5.28197 13.6775 4.18359C13.2329 5.64354 13.0083 7.1602 13.011 8.68477C13.0154 12.8709 14.7024 16.8839 17.7018 19.8447C20.7011 22.8048 24.7676 24.4699 29.0094 24.4742C29.8429 24.4739 30.6753 24.4084 31.4984 24.2783C30.2804 26.6978 28.4048 28.7354 26.0812 30.164Z" 4572 fill="currentColor"/> 4573 </svg></span>
4574 <span class="toggle-handle take-off justify-end flex w-full px-0.5 py-0.5 icon items-center"><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4575 <path 4576 d="M10.1523 17.9984C10.1523 19.5502 10.6125 21.0671 11.4746 22.3574C12.3368 23.6477 13.5622 24.6533 14.9958 25.2472C16.4295 25.841 18.0071 25.9964 19.5291 25.6937C21.0511 25.3909 22.4491 24.6437 23.5464 23.5464C24.6437 22.4491 25.3909 21.0511 25.6937 19.5291C25.9964 18.0071 25.841 16.4295 25.2472 14.9958C24.6533 13.5622 23.6477 12.3368 22.3574 11.4746C21.0671 10.6125 19.5502 10.1523 17.9984 10.1523C15.9182 10.1546 13.9238 10.982 12.4529 12.4529C10.982 13.9238 10.1546 15.9182 10.1523 17.9984ZM17.9984 12.7677C19.0329 12.7677 20.0442 13.0745 20.9044 13.6492C21.7646 14.224 22.435 15.0409 22.8309 15.9967C23.2268 16.9525 23.3304 18.0042 23.1286 19.0188C22.9267 20.0335 22.4286 20.9655 21.697 21.697C20.9655 22.4286 20.0335 22.9267 19.0188 23.1286C18.0042 23.3304 16.9525 23.2268 15.9967 22.8309C15.0409 22.435 14.224 21.7646 13.6492 20.9044C13.0745 20.0442 12.7677 19.0329 12.7677 17.9984C12.7692 16.6116 13.3207 15.282 14.3014 14.3014C15.282 13.3207 16.6116 12.7692 17.9984 12.7677Z" 4577 fill="currentColor"/> 4578 <path 4579 d="M19.3107 4.92302V2.30767C19.3107 1.96086 19.1729 1.62825 18.9277 1.38301C18.6824 1.13777 18.3498 1 18.003 1C17.6562 1 17.3236 1.13777 17.0783 1.38301C16.8331 1.62825 16.6953 1.96086 16.6953 2.30767V4.92302C16.6953 5.26984 16.8331 5.60245 17.0783 5.84769C17.3236 6.09292 17.6562 6.23069 18.003 6.23069C18.3498 6.23069 18.6824 6.09292 18.9277 5.84769C19.1729 5.60245 19.3107 5.26984 19.3107 4.92302Z" 4580 fill="currentColor"/> 4581 <path 4582 d="M27.2477 25.3986C27.1263 25.2772 26.9822 25.1809 26.8235 25.1152C26.6649 25.0494 26.4949 25.0156 26.3232 25.0156C26.1514 25.0156 25.9814 25.0494 25.8228 25.1152C25.6641 25.1809 25.52 25.2772 25.3986 25.3986C25.2772 25.52 25.1809 25.6641 25.1152 25.8228C25.0494 25.9814 25.0156 26.1514 25.0156 26.3232C25.0156 26.4949 25.0494 26.6649 25.1152 26.8235C25.1809 26.9822 25.2772 27.1263 25.3986 27.2477L26.3231 28.1729C26.4445 28.2943 26.5887 28.3907 26.7473 28.4564C26.9059 28.5221 27.076 28.5559 27.2477 28.5559C27.4194 28.5559 27.5894 28.5221 27.7481 28.4564C27.9067 28.3907 28.0508 28.2943 28.1722 28.1729C28.2937 28.0515 28.39 27.9074 28.4557 27.7487C28.5214 27.5901 28.5552 27.4201 28.5552 27.2484C28.5552 27.0767 28.5214 26.9066 28.4557 26.748C28.39 26.5894 28.2937 26.4452 28.1722 26.3238L27.2477 25.3986Z" 4583 fill="currentColor"/> 4584 <path 4585 d="M7.82452 28.1736C8.06987 28.4186 8.40247 28.5562 8.74922 28.556C9.09596 28.5559 9.42847 28.4181 9.67365 28.1729L10.5982 27.2477C10.8434 27.0025 10.9811 26.6699 10.9811 26.3232C10.9811 25.9764 10.8434 25.6438 10.5982 25.3986C10.353 25.1534 10.0204 25.0156 9.67361 25.0156C9.32683 25.0156 8.99426 25.1534 8.74905 25.3986L7.82452 26.3238C7.70306 26.4453 7.60671 26.5894 7.54097 26.7481C7.47524 26.9068 7.44141 27.0769 7.44141 27.2487C7.44141 27.4205 7.47524 27.5905 7.54097 27.7492C7.60671 27.9079 7.70306 28.0521 7.82452 28.1736Z" 4586 fill="currentColor"/> 4587 <path 4588 d="M9.6735 7.83023C9.42829 7.58502 9.09572 7.44727 8.74894 7.44727C8.40216 7.44727 8.06958 7.58502 7.82437 7.83023C7.57916 8.07544 7.44141 8.40802 7.44141 8.7548C7.44141 9.10158 7.57916 9.43415 7.82437 9.67936L8.7489 10.6046C8.87031 10.726 9.01445 10.8223 9.17309 10.888C9.33173 10.9537 9.50176 10.9875 9.67347 10.9875C9.84518 10.9876 10.0152 10.9537 10.1738 10.888C10.3325 10.8223 10.4766 10.726 10.598 10.6046C10.7195 10.4832 10.8158 10.339 10.8815 10.1804C10.9472 10.0218 10.981 9.85173 10.981 9.68002C10.981 9.50831 10.9472 9.33828 10.8815 9.17964C10.8158 9.021 10.7195 8.87686 10.5981 8.75544L9.6735 7.83023Z" 4589 fill="currentColor"/> 4590 <path 4591 d="M25.3986 8.75544C25.2772 8.87685 25.1809 9.02099 25.1152 9.17963C25.0494 9.33827 25.0156 9.5083 25.0156 9.68C25.0156 9.85171 25.0494 10.0217 25.1152 10.1804C25.1809 10.339 25.2772 10.4832 25.3986 10.6046C25.52 10.726 25.6641 10.8223 25.8228 10.888C25.9814 10.9537 26.1514 10.9875 26.3232 10.9875C26.4949 10.9875 26.6649 10.9537 26.8235 10.888C26.9822 10.8223 27.1263 10.726 27.2477 10.6046L28.1722 9.67936C28.2937 9.55795 28.39 9.4138 28.4557 9.25517C28.5214 9.09653 28.5552 8.9265 28.5552 8.7548C28.5
4591552 8.58309 28.5214 8.41306 28.4557 8.25443C28.39 8.09579 28.2937 7.95165 28.1722 7.83023C28.0508 7.70882 27.9067 7.6125 27.7481 7.5468C27.5894 7.48109 27.4194 7.44727 27.2477 7.44727C27.076 7.44727 26.9059 7.48109 26.7473 7.5468C26.5887 7.6125 26.4445 7.70882 26.3231 7.83023L25.3986 8.75544Z" 4592 fill="currentColor"/> 4593 <path 4594 d="M35.0002 18.001C35.0003 17.8293 34.9665 17.6592 34.9008 17.5006C34.8351 17.3419 34.7388 17.1977 34.6173 17.0763C34.4959 16.9548 34.3517 16.8585 34.193 16.7928C34.0344 16.7271 33.8643 16.6933 33.6926 16.6934H31.0772C30.7304 16.6934 30.3978 16.8311 30.1525 17.0764C29.9073 17.3216 29.7695 17.6542 29.7695 18.001C29.7695 18.3478 29.9073 18.6805 30.1525 18.9257C30.3978 19.1709 30.7304 19.3087 31.0772 19.3087H33.6926C33.8643 19.3088 34.0344 19.275 34.193 19.2093C34.3517 19.1436 34.4959 19.0472 34.6173 18.9258C34.7388 18.8044 34.8351 18.6602 34.9008 18.5015C34.9665 18.3428 35.0003 18.1728 35.0002 18.001Z" 4595 fill="currentColor"/> 4596 <path 4597 d="M16.6953 31.0772V33.6926C16.6953 34.0394 16.8331 34.372 17.0783 34.6172C17.3236 34.8625 17.6562 35.0002 18.003 35.0002C18.3498 35.0002 18.6824 34.8625 18.9277 34.6172C19.1729 34.372 19.3107 34.0394 19.3107 33.6926V31.0772C19.3107 30.7304 19.1729 30.3978 18.9277 30.1525C18.6824 29.9073 18.3498 29.7695 18.003 29.7695C17.6562 29.7695 17.3236 29.9073 17.0783 30.1525C16.8331 30.3978 16.6953 30.7304 16.6953 31.0772Z" 4598 fill="currentColor"/> 4599 <path 4600 d="M2.30767 19.3087H4.92302C5.26984 19.3087 5.60245 19.1709 5.84769 18.9257C6.09292 18.6805 6.23069 18.3478 6.23069 18.001C6.23069 17.6542 6.09292 17.3216 5.84769 17.0764C5.60245 16.8311 5.26984 16.6934 4.92302 16.6934H2.30767C1.96086 16.6934 1.62825 16.8311 1.38301 17.0764C1.13777 17.3216 1 17.6542 1 18.001C1 18.3478 1.13777 18.6805 1.38301 18.9257C1.62825 19.1709 1.96086 19.3087 2.30767 19.3087Z" 4601 fill="currentColor"/> 4602 </svg></span> 4603 4604 <span class="icon-toggle-theme-mode-loading"> 4605 <span class="animate-spin block icon"> 4606 <svg 4607 version="1.0" 4608 xmlns="http://www.w3.org/2000/svg"
4609 viewBox="0 0 512.000000 512.000000" 4610 preserveAspectRatio="xMidYMid meet" 4611 > 4612 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 4613 fill="currentColor" stroke="none"> 4614 <path 4615 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 4616 </g> 4617 </svg> 4618 </span> 4619 </span> 4620 </span> 4621 </span> 4622 </label> 4623 </div></div> 4624 </div><div 4625 id="menu-navigation" 4626 x-show="$store.xMobileNav.show" 4627 class="h-full flex-1 relative overflow-hidden" 4628 :class="$store.xMobileNav.currentMenuLinks.length === 0 ? 'overflow-y-auto' : 'overflow-hidden'" 4629 > 4630 <div class="h-full w-full scrollbar-body scrollbar overflow-y-auto"> 4631 <div id="menu-level-0" class="menu-parent w-full h-full"> 4632 <div id="DrawerMenuMobilePosition"></div><div class="main-menu-lv0 py-5 px-4 border-b"><div class="mobile-main-menu-title h4 flex items-center gap-2 mb-3"> 4633 <span class="inline-block w-4 shrink-0"> 4634 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 4635 <path d="M0 12H2V14H0V12Z" fill="currentColor"/> 4636 <path d="M4 12H12V14H4V12Z" fill="currentColor"/> 4637 <path d="M4 7H16V9H4V7Z" fill="currentColor"/> 4638 <path d="M0 7H2V9H0V7Z" fill="currentColor"/> 4639 <path d="M4 2H14V4H4V2Z" fill="currentColor"/> 4640 <path d="M0 2H2V4H0V2Z" fill="currentColor"/> 4641 </svg> 4642 </span> 4643 <h4 class="p-break-words">Main menu</h4> 4644 </div><ul class="h5"> 4645 4646<li><div 4647 4648 @click="$store.xMobileNav.setActiveLink('-1')" 4649 @keyup.enter="$store.xMobileNav.setActiveLink('-1')" 4650 tabindex="0" 4651 4652 class="menu-link mobile-menu-item flex items-center cursor-pointer" 4653 > 4654 4655 <p class="flex-1 flex items-center cursor-pointer"> 4656 <span class="x-break-words py-2"> 4657 <span>Lights</span> 4658 </span> 4659 </p> 4660 <span 4661 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 4662 > 4663 <svg 4664 width="100%" 4665 height="100%"
4666 viewBox="0 0 9 7" 4667 fill="none" 4668 xmlns="http://www.w3.org/2000/svg" 4669 style="fill: none;" 4670 > 4671 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4672 stroke-linejoin="round"/> 4673 </svg> 4674 </span> 4675 4676 </div><div 4677 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4678 :class="$store.xMobileNav.currentMenuLinks.includes('-1') && 'menu-opening'" 4679 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 4680 > 4681 <ul 4682 id="menu-level-1" 4683 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 4684 > 4685 <li class="flex items-center justify-between border-b px-2.5 text-right"> 4686 <span 4687 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4688 @click="$store.xMobileNav.removeActiveLink('-1');" 4689 @keyup.enter="$store.xMobileNav.removeActiveLink('-1');" 4690 aria-label="Back" 4691 role="button" 4692 tabindex="0" 4693 > 4694 <svg 4695 width="100%" 4696 height="100%"
4697 viewBox="0 0 9 7" 4698 fill="none" 4699 xmlns="http://www.w3.org/2000/svg" 4700 style="fill: none;" 4701 > 4702 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4703 stroke-linejoin="round"/> 4704 </svg> 4705 </span> 4706 <a href="/collections/lights" class="h5 pt-4 pb-4 flex-1 "> 4707 <span class="x-break-words !font-semibold">Lights</span> 4708 </a> 4709 </li><li> 4710 <div class="items-center"> 4711 <div 4712 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4713 4714 > 4715 4716 <a href="/products/nacho-supreme" class="x-break-words flex-1 py-4 items-center"> 4717 4718 Supreme Series 4719 </a> 4720</div></div> 4721 </li><li> 4722 <div class="items-center"> 4723 <div 4724 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4725 4726 > 4727 4728 <a href="/products/nacho-grande" class="x-break-words flex-1 py-4 items-center"> 4729 4730 Grande 4731 </a> 4732</div></div> 4733 </li><li> 4734 <div class="items-center"> 4735 <div 4736 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4737 4738 > 4739 4740 <a href="/products/nacho-quatro" class="x-break-words flex-1 py-4 items-center"> 4741 4742 Quatro 4743 </a> 4744</div></div> 4745 </li><li> 4746 <div class="items-center"> 4747 <div 4748 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4749 4750 > 4751 4752 <a href="/products/nacho-nano" class="x-break-words flex-1 py-4 items-center"> 4753 4754 NANO 4755 </a> 4756</div></div> 4757 </li><li> 4758 <div class="items-center"> 4759 <div 4760 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4761 4762 > 4763 4764 <a href="/products/nacho-tm5" class="x-break-words flex-1 py-4 items-center"> 4765 4766 TM5 4767 </a> 4768</div></div> 4769 </li><li> 4770 <div class="items-center"> 4771 <div 4772 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4773 4774 > 4775 4776 <a href="/products/nacho-quatro-sae" class="x-break-words flex-1 py-4 items-center"> 4777 4778 Quatro SAE 4779 </a> 4780</div></div> 4781 </li><li> 4782 <div class="items-center"> 4783 <div 4784 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4785 4786 > 4787 4788 <a href="/products/quatro-chase" class="x-break-words flex-1 py-4 items-center"> 4789 4790 Quatro Chase 4791 </a> 4792</div></div> 4793 </li><li> 4794 <div class="items-center"> 4795 <div 4796 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4797 4798 > 4799 4800 <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center"> 4801 4802 Quatro ADV 4803 </a> 4804</div></div> 4805 </li></ul> 4806 </div></li><li><div 4807 4808 @click="$store.xMobileNav.setActiveLink('-2')" 4809 @keyup.enter="$store.xMobileNav.setActiveLink('-2')" 4810 tabindex="0" 4811 4812 class="menu-link mobile-menu-item flex items-center cursor-pointer" 4813 > 4814 4815 <p class="flex-1 flex items-center cursor-pointer">
4816 <span class="x-break-words py-2"> 4817 <span>Mounting</span> 4818 </span> 4819 </p> 4820 <span 4821 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 4822 > 4823 <svg 4824 width="100%" 4825 height="100%" 4826 viewBox="0 0 9 7" 4827 fill="none" 4828 xmlns="http://www.w3.org/2000/svg" 4829 style="fill: none;" 4830 > 4831 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4832 stroke-linejoin="round"/> 4833 </svg> 4834 </span> 4835 4836 </div><div 4837 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4838 :class="$store.xMobileNav.currentMenuLinks.includes('-2') && 'menu-opening'" 4839 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 4840 > 4841 <ul 4842 id="menu-level-1" 4843 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 4844 > 4845 <li class="flex items-center justify-between border-b px-2.5 text-right"> 4846 <span 4847 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4848 @click="$store.xMobileNav.removeActiveLink('-2');" 4849 @keyup.enter="$store.xMobileNav.removeActiveLink('-2');" 4850 aria-label="Back" 4851 role="button" 4852 tabindex="0" 4853 > 4854 <svg 4855 width="100%" 4856 height="100%"
4857 viewBox="0 0 9 7" 4858 fill="none" 4859 xmlns="http://www.w3.org/2000/svg" 4860 style="fill: none;" 4861 > 4862 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4863 stroke-linejoin="round"/> 4864 </svg> 4865 </span> 4866 <a href="/collections/mounting" class="h5 pt-4 pb-4 flex-1 "> 4867 <span class="x-break-words !font-semibold">Mounting</span> 4868 </a> 4869 </li><li> 4870 <div class="items-center"> 4871 <div 4872 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 4873 4874 @click="$store.xMobileNav.setActiveLink('-2-1');" 4875 @keyup.enter="$store.xMobileNav.setActiveLink('-2-1');" 4876 role="button" 4877 tabindex="0" 4878 4879 > 4880 4881 <p class="x-break-words flex-1 py-4 items-center"> 4882 4883 Kits 4884 </p> 4885<span 4886 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 4887 > 4888 <svg 4889 width="100%" 4890 height="100%"
4891 viewBox="0 0 9 7" 4892 fill="none" 4893 xmlns="http://www.w3.org/2000/svg" 4894 style="fill: none;" 4895 > 4896 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4897 stroke-linejoin="round"/> 4898 </svg> 4899 </span></div><div 4900 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 4901 :class="$store.xMobileNav.currentMenuLinks.includes('-2-1') && 'menu-opening'" 4902 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 4903 > 4904 <ul 4905 id="menu-level-2" 4906 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 4907 > 4908 <li 4909 class="flex items-center justify-between border-b px-2.5 text-right" 4910 > 4911 <span 4912 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 4913 @click="$store.xMobileNav.removeActiveLink('-2-1')" 4914 @keyup.enter="$store.xMobileNav.removeActiveLink('-2-1')" 4915 role="button" 4916 aria-label="Back" 4917 tabindex="0" 4918 ><svg 4919 width="100%" 4920 height="100%"
4921 viewBox="0 0 9 7" 4922 fill="none" 4923 xmlns="http://www.w3.org/2000/svg" 4924 style="fill: none;" 4925 > 4926 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 4927 stroke-linejoin="round"/> 4928 </svg></span> 4929 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 4930 <span class="x-break-words !font-semibold">Kits</span> 4931 </a> 4932 </li><li class="px-2.5 py-4 border-b "> 4933 <a 4934 href="/products/bronco-fog-kit" 4935 class="x-break-words flex items-center" 4936 4937 > 4938 Bronco Plug N Play Kit 4939 </a> 4940 </li><li class="px-2.5 py-4 border-b "> 4941 <a 4942 href="/products/jl-jt-sae-fog-kit" 4943 class="x-break-words flex items-center" 4944 4945 > 4946 Jeep JL/JT Plug N Play Kit 4947 </a> 4948 </li><li class="px-2.5 py-4 border-b "> 4949 <a 4950 href="/products/toyota-sae-fog-kit" 4951 class="x-break-words flex items-center" 4952 4953 > 4954 Toyota Plug N Play Kit 4955 </a> 4956 </li><li class="px-2.5 py-4 border-b "> 4957 <a 4958 href="/products/universal-reverse-kit" 4959 class="x-break-words flex items-center" 4960 4961 > 4962 Reverse Kit 4963 </a> 4964 </li><li class="px-2.5 py-4 border-b "> 4965 <a 4966 href="/products/sprinter-front-bumper-light-kit-with-interchangeable-lens" 4967 class="x-break-words flex items-center" 4968 4969 > 4970 Sprinter Front Bumper Kit 4971 </a> 4972 </li><li class="px-2.5 py-4 border-b "> 4973 <a 4974 href="/products/sprinter-fog-light-kit" 4975 class="x-break-words flex items-center" 4976 4977 > 4978 Sprinter Fog Kit 4979 </a> 4980 </li><li class="px-2.5 py-4 border-b "> 4981 <a 4982 href="/products/promaster-fog-light-kit-amber" 4983 class="x-break-words flex items-center" 4984 4985 > 4986 Promaster Fog Kit 4987 </a> 4988 </li><li class="px-2.5 py-4 border-b "> 4989 <a 4990 href="/products/nano-arb-kit" 4991 class="x-break-words flex items-center" 4992 4993 > 4994 ARB Base Rack NANO Kit 4995 </a> 4996 </li></ul> 4997 </div></div> 4998 </li><li> 4999 <div class="items-center"> 5000 <div 5001 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5002 5003 @click="$store.xMobileNav.setActiveLink('-2-2');" 5004 @keyup.enter="$store.xMobileNav.setActiveLink('-2-2');" 5005 role="button" 5006 tabindex="0" 5007 5008 > 5009 5010 <p class="x-break-words flex-1 py-4 items-center"> 5011 5012 Mounts 5013 </p> 5014<span 5015 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5016 > 5017 <svg 5018 width="100%" 5019 height="100%"
5020 viewBox="0 0 9 7" 5021 fill="none" 5022 xmlns="http://www.w3.org/2000/svg" 5023 style="fill: none;" 5024 > 5025 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5026 stroke-linejoin="round"/> 5027 </svg> 5028 </span></div><div 5029 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5030 :class="$store.xMobileNav.currentMenuLinks.includes('-2-2') && 'menu-opening'" 5031 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5032 > 5033 <ul 5034 id="menu-level-2" 5035 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5036 > 5037 <li 5038 class="flex items-center justify-between border-b px-2.5 text-right" 5039 > 5040 <span 5041 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5042 @click="$store.xMobileNav.removeActiveLink('-2-2')" 5043 @keyup.enter="$store.xMobileNav.removeActiveLink('-2-2')" 5044 role="button" 5045 aria-label="Back" 5046 tabindex="0" 5047 ><svg 5048 width="100%" 5049 height="100%"
5050 viewBox="0 0 9 7" 5051 fill="none" 5052 xmlns="http://www.w3.org/2000/svg" 5053 style="fill: none;" 5054 > 5055 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5056 stroke-linejoin="round"/> 5057 </svg></span> 5058 <a href="/collections/mounting" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5059 <span class="x-break-words !font-semibold">Mounts</span> 5060 </a> 5061 </li><li class="px-2.5 py-4 border-b "> 5062 <a 5063 href="/collections/mounting" 5064 class="x-break-words flex items-center" 5065 5066 > 5067 All Mounts 5068 </a> 5069 </li><li class="px-2.5 py-4 border-b "> 5070 <a 5071 href="/collections/arb-mounts" 5072 class="x-break-words flex items-center" 5073 5074 > 5075 ARB 5076 </a> 5077 </li><li class="px-2.5 py-4 border-b "> 5078 <a 5079 href="/products/nano-arb-kit" 5080 class="x-break-words flex items-center" 5081 5082 > 5083 ARB NANO Kit 5084 </a> 5085 </li><li class="px-2.5 py-4 border-b "> 5086 <a 5087 href="/collections/ford-products" 5088 class="x-break-words flex items-center" 5089 5090 > 5091 Ford 5092 </a> 5093 </li><li class="px-2.5 py-4 border-b "> 5094 <a 5095 href="/collections/jeep-products" 5096 class="x-break-words flex items-center" 5097 5098 > 5099 Jeep 5100 </a> 5101 </li><li class="px-2.5 py-4 border-b "> 5102 <a 5103 href="/products/nano-mount-pair" 5104 class="x-break-words flex items-center" 5105 5106 > 5107 NANO Mounts 5108 </a> 5109 </li><li class="px-2.5 py-4 border-b "> 5110 <a 5111 href="/collections/toyota-products" 5112 class="x-break-words flex items-center" 5113 5114 > 5115 Toyota 5116 </a> 5117 </li><li class="px-2.5 py-4 border-b "> 5118 <a 5119 href="/products/ac13u" 5120 class="x-break-words flex items-center" 5121 5122 > 5123 Quatro Flush Mount 5124 </a> 5125 </li></ul> 5126 </div></div> 5127 </li></ul> 5128 </div></li><li><div 5129 5130 @click="$store.xMobileNav.setActiveLink('-3')" 5131 @keyup.enter="$store.xMobileNav.setActiveLink('-3')" 5132 tabindex="0" 5133 5134 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5135 > 5136 5137 <p class="flex-1 flex items-center cursor-pointer"> 5138 <span class="x-break-words py-2"> 5139 <span>Accessories</span> 5140 </span> 5141 </p> 5142 <span 5143 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5144 > 5145 <svg 5146 width="100%" 5147 height="100%"
5148 viewBox="0 0 9 7" 5149 fill="none" 5150 xmlns="http://www.w3.org/2000/svg" 5151 style="fill: none;" 5152 > 5153 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5154 stroke-linejoin="round"/> 5155 </svg> 5156 </span> 5157 5158 </div><div 5159 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5160 :class="$store.xMobileNav.currentMenuLinks.includes('-3') && 'menu-opening'" 5161 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5162 > 5163 <ul 5164 id="menu-level-1" 5165 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5166 > 5167 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5168 <span 5169 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5170 @click="$store.xMobileNav.removeActiveLink('-3');" 5171 @keyup.enter="$store.xMobileNav.removeActiveLink('-3');" 5172 aria-label="Back" 5173 role="button" 5174 tabindex="0" 5175 > 5176 <svg 5177 width="100%" 5178 height="100%"
5179 viewBox="0 0 9 7" 5180 fill="none" 5181 xmlns="http://www.w3.org/2000/svg" 5182 style="fill: none;" 5183 > 5184 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5185 stroke-linejoin="round"/> 5186 </svg> 5187 </span> 5188 <a href="/collections/accessories" class="h5 pt-4 pb-4 flex-1 "> 5189 <span class="x-break-words !font-semibold">Accessories</span> 5190 </a> 5191 </li><li> 5192 <div class="items-center"> 5193 <div 5194 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5195 5196 @click="$store.xMobileNav.setActiveLink('-3-1');" 5197 @keyup.enter="$store.xMobileNav.setActiveLink('-3-1');" 5198 role="button" 5199 tabindex="0" 5200 5201 > 5202 5203 <p class="x-break-words flex-1 py-4 items-center"> 5204 5205 Grande 5206 </p> 5207<span 5208 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5209 > 5210 <svg 5211 width="100%" 5212 height="100%"
5213 viewBox="0 0 9 7" 5214 fill="none" 5215 xmlns="http://www.w3.org/2000/svg" 5216 style="fill: none;" 5217 > 5218 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5219 stroke-linejoin="round"/> 5220 </svg> 5221 </span></div><div 5222 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5223 :class="$store.xMobileNav.currentMenuLinks.includes('-3-1') && 'menu-opening'" 5224 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5225 > 5226 <ul 5227 id="menu-level-2" 5228 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5229 > 5230 <li 5231 class="flex items-center justify-between border-b px-2.5 text-right" 5232 > 5233 <span 5234 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5235 @click="$store.xMobileNav.removeActiveLink('-3-1')" 5236 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-1')" 5237 role="button" 5238 aria-label="Back" 5239 tabindex="0" 5240 ><svg 5241 width="100%" 5242 height="100%"
5243 viewBox="0 0 9 7" 5244 fill="none" 5245 xmlns="http://www.w3.org/2000/svg" 5246 style="fill: none;" 5247 > 5248 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5249 stroke-linejoin="round"/> 5250 </svg></span> 5251 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5252 <span class="x-break-words !font-semibold">Grande</span> 5253 </a> 5254 </li><li class="px-2.5 py-4 border-b "> 5255 <a 5256 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298730623146" 5257 class="x-break-words flex items-center" 5258 5259 > 5260 Cover 5261 </a> 5262 </li><li class="px-2.5 py-4 border-b "> 5263 <a 5264 href="https://nacholightingco.com/products/nacho-service-body-kit?variant=47298711748778" 5265 class="x-break-words flex items-center" 5266 5267 > 5268 Exo-Skeleton 5269 </a> 5270 </li><li class="px-2.5 py-4 border-b "> 5271 <a 5272 href="/products/sorcery-wand" 5273 class="x-break-words flex items-center" 5274 5275 > 5276 Sorcery Wand 5277 </a> 5278 </li><li class="px-2.5 py-4 border-b "> 5279 <a 5280 href="/products/nacho-window-shades" 5281 class="x-break-words flex items-center" 5282 5283 > 5284 Window Shades 5285 </a> 5286 </li></ul> 5287 </div></div> 5288 </li><li> 5289 <div class="items-center"> 5290 <div 5291 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5292 5293 @click="$store.xMobileNav.setActiveLink('-3-2');" 5294 @keyup.enter="$store.xMobileNav.setActiveLink('-3-2');" 5295 role="button" 5296 tabindex="0" 5297 5298 > 5299 5300 <p class="x-break-words flex-1 py-4 items-center"> 5301 5302 Quatro 5303 </p> 5304<span 5305 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5306 > 5307 <svg 5308 width="100%" 5309 height="100%"
5310 viewBox="0 0 9 7" 5311 fill="none" 5312 xmlns="http://www.w3.org/2000/svg" 5313 style="fill: none;" 5314 > 5315 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5316 stroke-linejoin="round"/> 5317 </svg> 5318 </span></div><div 5319 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5320 :class="$store.xMobileNav.currentMenuLinks.includes('-3-2') && 'menu-opening'" 5321 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5322 > 5323 <ul 5324 id="menu-level-2" 5325 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5326 > 5327 <li 5328 class="flex items-center justify-between border-b px-2.5 text-right" 5329 > 5330 <span 5331 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5332 @click="$store.xMobileNav.removeActiveLink('-3-2')" 5333 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-2')" 5334 role="button" 5335 aria-label="Back" 5336 tabindex="0" 5337 ><svg 5338 width="100%" 5339 height="100%"
5340 viewBox="0 0 9 7" 5341 fill="none" 5342 xmlns="http://www.w3.org/2000/svg" 5343 style="fill: none;" 5344 > 5345 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5346 stroke-linejoin="round"/> 5347 </svg></span> 5348 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5349 <span class="x-break-words !font-semibold">Quatro</span> 5350 </a> 5351 </li><li class="px-2.5 py-4 border-b "> 5352 <a 5353 href="https://www.nachooffroadtechnology.com/products/nacho-lens-covers?variant=47298733867178" 5354 class="x-break-words flex items-center" 5355 5356 > 5357 Cover 5358 </a> 5359 </li><li class="px-2.5 py-4 border-b "> 5360 <a 5361 href="https://www.nachooffroadtechnology.com/products/nacho-service-body-kit?variant=47298711781546" 5362 class="x-break-words flex items-center" 5363 5364 > 5365 Exo-Skeleton 5366 </a> 5367 </li><li class="px-2.5 py-4 border-b "> 5368 <a 5369 href="/products/ac13u" 5370 class="x-break-words flex items-center" 5371 5372 > 5373 Flush Mount 5374 </a> 5375 </li><li class="px-2.5 py-4 border-b "> 5376 <a 5377 href="/products/nacho-window-shades" 5378 class="x-break-words flex items-center" 5379 5380 > 5381 Window Shades 5382 </a> 5383 </li><li class="px-2.5 py-4 border-b "> 5384 <a 5385 href="/products/set-back-quatro-bracket" 5386 class="x-break-words flex items-center" 5387 5388 > 5389 Set Back Bracket 5390 </a> 5391 </li></ul> 5392 </div></div> 5393 </li><li> 5394 <div class="items-center"> 5395 <div 5396 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5397 5398 @click="$store.xMobileNav.setActiveLink('-3-3');" 5399 @keyup.enter="$store.xMobileNav.setActiveLink('-3-3');" 5400 role="button" 5401 tabindex="0" 5402 5403 > 5404 5405 <p class="x-break-words flex-1 py-4 items-center"> 5406 5407 NANO 5408 </p> 5409<span 5410 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5411 > 5412 <svg 5413 width="100%" 5414 height="100%"
5415 viewBox="0 0 9 7" 5416 fill="none" 5417 xmlns="http://www.w3.org/2000/svg" 5418 style="fill: none;" 5419 > 5420 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5421 stroke-linejoin="round"/> 5422 </svg> 5423 </span></div><div 5424 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5425 :class="$store.xMobileNav.currentMenuLinks.includes('-3-3') && 'menu-opening'" 5426 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5427 > 5428 <ul 5429 id="menu-level-2" 5430 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5431 > 5432 <li 5433 class="flex items-center justify-between border-b px-2.5 text-right" 5434 > 5435 <span 5436 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5437 @click="$store.xMobileNav.removeActiveLink('-3-3')" 5438 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-3')" 5439 role="button" 5440 aria-label="Back" 5441 tabindex="0" 5442 ><svg 5443 width="100%" 5444 height="100%"
5445 viewBox="0 0 9 7" 5446 fill="none" 5447 xmlns="http://www.w3.org/2000/svg" 5448 style="fill: none;" 5449 > 5450 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5451 stroke-linejoin="round"/> 5452 </svg></span> 5453 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5454 <span class="x-break-words !font-semibold">NANO</span> 5455 </a> 5456 </li><li class="px-2.5 py-4 border-b "> 5457 <a 5458 href="https://www.nachooffroadtechnology.com/products/harnessing?variant=47654087557290" 5459 class="x-break-words flex items-center" 5460 5461 > 5462 NANO Harness 5463 </a> 5464 </li><li class="px-2.5 py-4 border-b "> 5465 <a 5466 href="https://www.nachooffroadtechnology.com/products/nano-y-splitter" 5467 class="x-break-words flex items-center" 5468 5469 > 5470 NANO Y-Splitter 5471 </a> 5472 </li></ul> 5473 </div></div> 5474 </li><li> 5475 <div class="items-center"> 5476 <div 5477 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5478 5479 @click="$store.xMobileNav.setActiveLink('-3-4');" 5480 @keyup.enter="$store.xMobileNav.setActiveLink('-3-4');" 5481 role="button" 5482 tabindex="0" 5483 5484 > 5485 5486 <p class="x-break-words flex-1 py-4 items-center"> 5487 5488 TM5 5489 </p> 5490<span 5491 class="w-2.5 h-auto block icon-caret-mobile pt-2.5 -rotate-90" 5492 > 5493 <svg 5494 width="100%" 5495 height="100%"
5496 viewBox="0 0 9 7" 5497 fill="none" 5498 xmlns="http://www.w3.org/2000/svg" 5499 style="fill: none;" 5500 > 5501 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5502 stroke-linejoin="round"/> 5503 </svg> 5504 </span></div><div 5505 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5506 :class="$store.xMobileNav.currentMenuLinks.includes('-3-4') && 'menu-opening'" 5507 :class="$store.xMobileNav.currentMenuLinks.length == 2 ? 'visible' : 'invisible'" 5508 > 5509 <ul 5510 id="menu-level-2" 5511 class="w-full top-0 background-header px-4 py-2.5 absolute h-full left-0 overflow-y-auto scrollbar-body z-30" 5512 > 5513 <li 5514 class="flex items-center justify-between border-b px-2.5 text-right" 5515 > 5516 <span 5517 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5518 @click="$store.xMobileNav.removeActiveLink('-3-4')" 5519 @keyup.enter="$store.xMobileNav.removeActiveLink('-3-4')" 5520 role="button" 5521 aria-label="Back" 5522 tabindex="0" 5523 ><svg 5524 width="100%" 5525 height="100%"
5526 viewBox="0 0 9 7" 5527 fill="none" 5528 xmlns="http://www.w3.org/2000/svg" 5529 style="fill: none;" 5530 > 5531 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5532 stroke-linejoin="round"/> 5533 </svg></span> 5534 <a href="#" class="h5 x-break-words pt-4 pb-4 flex-1 "> 5535 <span class="x-break-words !font-semibold">TM5</span> 5536 </a> 5537 </li><li class="px-2.5 py-4 border-b "> 5538 <a 5539 href="https://nacholightingco.com/products/nacho-lens-covers?variant=47298733899946" 5540 class="x-break-words flex items-center" 5541 5542 > 5543 Cover 5544 </a> 5545 </li></ul> 5546 </div></div> 5547 </li><li> 5548 <div class="items-center"> 5549 <div 5550 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5551 5552 > 5553 5554 <a href="/collections/harness-switches" class="x-break-words flex-1 py-4 items-center"> 5555 5556 Harnesses & Switches 5557 </a> 5558</div></div> 5559 </li></ul> 5560 </div></li><li><div 5561 5562 @click="$store.xMobileNav.setActiveLink('-4')" 5563 @keyup.enter="$store.xMobileNav.setActiveLink('-4')" 5564 tabindex="0" 5565 5566 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5567 > 5568 5569 <p class="flex-1 flex items-center cursor-pointer"> 5570 <span class="x-break-words py-2"> 5571 <span>Powersports</span> 5572 </span> 5573 </p> 5574 <span 5575 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5576 > 5577 <svg 5578 width="100%" 5579 height="100%"
5580 viewBox="0 0 9 7" 5581 fill="none" 5582 xmlns="http://www.w3.org/2000/svg" 5583 style="fill: none;" 5584 > 5585 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5586 stroke-linejoin="round"/> 5587 </svg> 5588 </span> 5589 5590 </div><div 5591 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5592 :class="$store.xMobileNav.currentMenuLinks.includes('-4') && 'menu-opening'" 5593 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5594 > 5595 <ul 5596 id="menu-level-1" 5597 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5598 > 5599 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5600 <span 5601 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5602 @click="$store.xMobileNav.removeActiveLink('-4');" 5603 @keyup.enter="$store.xMobileNav.removeActiveLink('-4');" 5604 aria-label="Back" 5605 role="button" 5606 tabindex="0" 5607 > 5608 <svg 5609 width="100%" 5610 height="100%"
5611 viewBox="0 0 9 7" 5612 fill="none" 5613 xmlns="http://www.w3.org/2000/svg" 5614 style="fill: none;" 5615 > 5616 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5617 stroke-linejoin="round"/> 5618 </svg> 5619 </span> 5620 <a href="#" class="h5 pt-4 pb-4 flex-1 "> 5621 <span class="x-break-words !font-semibold">Powersports</span> 5622 </a> 5623 </li><li> 5624 <div class="items-center"> 5625 <div 5626 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5627 5628 > 5629 5630 <a href="/products/quatro-adv" class="x-break-words flex-1 py-4 items-center"> 5631 5632 Quatro ADV 5633 </a> 5634</div></div> 5635 </li><li> 5636 <div class="items-center"> 5637 <div 5638 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5639 5640 > 5641 5642 <a href="/collections/husqvarna-mounts" class="x-break-words flex-1 py-4 items-center"> 5643 5644 Husqvarna 5645 </a> 5646</div></div> 5647 </li><li> 5648 <div class="items-center"> 5649 <div 5650 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5651 5652 > 5653 5654 <a href="/collections/ktm-mounts" class="x-break-words flex-1 py-4 items-center"> 5655 5656 KTM 5657 </a> 5658</div></div> 5659 </li><li> 5660 <div class="items-center"> 5661 <div 5662 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5663 5664 > 5665 5666 <a href="/collections/polaris-products" class="x-break-words flex-1 py-4 items-center"> 5667 5668 Polaris 5669 </a> 5670</div></div> 5671 </li></ul> 5672 </div></li><li><div 5673 5674 @click="$store.xMobileNav.setActiveLink('-5')" 5675 @keyup.enter="$store.xMobileNav.setActiveLink('-5')" 5676 tabindex="0" 5677 5678 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5679 > 5680 5681 <p class="flex-1 flex items-center cursor-pointer"> 5682 <span class="x-break-words py-2"> 5683 <span>Fleet</span> 5684 </span> 5685 </p> 5686 <span 5687 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5688 > 5689 <svg 5690 width="100%" 5691 height="100%"
5692 viewBox="0 0 9 7" 5693 fill="none" 5694 xmlns="http://www.w3.org/2000/svg" 5695 style="fill: none;" 5696 > 5697 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5698 stroke-linejoin="round"/> 5699 </svg> 5700 </span> 5701 5702 </div><div 5703 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5704 :class="$store.xMobileNav.currentMenuLinks.includes('-5') && 'menu-opening'" 5705 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5706 > 5707 <ul 5708 id="menu-level-1" 5709 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5710 > 5711 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5712 <span 5713 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5714 @click="$store.xMobileNav.removeActiveLink('-5');" 5715 @keyup.enter="$store.xMobileNav.removeActiveLink('-5');" 5716 aria-label="Back" 5717 role="button" 5718 tabindex="0" 5719 > 5720 <svg 5721 width="100%" 5722 height="100%"
5723 viewBox="0 0 9 7" 5724 fill="none" 5725 xmlns="http://www.w3.org/2000/svg" 5726 style="fill: none;" 5727 > 5728 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5729 stroke-linejoin="round"/> 5730 </svg> 5731 </span> 5732 <a href="#" class="h5 pt-4 pb-4 flex-1 "> 5733 <span class="x-break-words !font-semibold">Fleet</span> 5734 </a> 5735 </li><li> 5736 <div class="items-center"> 5737 <div 5738 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5739 5740 > 5741 5742 <a href="/products/quatro-red-blue-emergency" class="x-break-words flex-1 py-4 items-center"> 5743 5744 Quatro Emergency 5745 </a> 5746</div></div> 5747 </li><li> 5748 <div class="items-center"> 5749 <div 5750 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5751 5752 > 5753 5754 <a href="/products/nacho-tm5-fleet" class="x-break-words flex-1 py-4 items-center"> 5755 5756 TM5 5757 </a> 5758</div></div> 5759 </li></ul> 5760 </div></li><li><div 5761 5762 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5763 > 5764 5765 <a href="/collections/apparel" class="flex-1 flex items-center"> 5766 <span class="x-break-words py-2"> 5767 <span>Apparel</span> 5768 </span> 5769 </a> 5770 5771 </div></li><li><div 5772 5773 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5774 > 5775 5776 <a href="/pages/media" class="flex-1 flex items-center"> 5777 <span class="x-break-words py-2"> 5778 <span>Media</span> 5779 </span> 5780 </a> 5781 5782 </div></li><li><div 5783 5784 @click="$store.xMobileNav.setActiveLink('-8')" 5785 @keyup.enter="$store.xMobileNav.setActiveLink('-8')" 5786 tabindex="0" 5787 5788 class="menu-link mobile-menu-item flex items-center cursor-pointer" 5789 > 5790 5791 <p class="flex-1 flex items-center cursor-pointer"> 5792 <span class="x-break-words py-2"> 5793 <span>Team Nacho</span> 5794 </span> 5795 </p> 5796 <span 5797 class="w-2.5 h-auto block icon-caret-mobile -rotate-90" 5798 > 5799 <svg 5800 width="100%" 5801 height="100%"
5802 viewBox="0 0 9 7" 5803 fill="none" 5804 xmlns="http://www.w3.org/2000/svg" 5805 style="fill: none;" 5806 > 5807 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5808 stroke-linejoin="round"/> 5809 </svg> 5810 </span> 5811 5812 </div><div 5813 class="mobile-menu-drawer absolute top-0 left-0 w-full h-full z-30 background-header translate-x-full invisible" 5814 :class="$store.xMobileNav.currentMenuLinks.includes('-8') && 'menu-opening'" 5815 :class="$store.xMobileNav.currentMenuLinks.length == 1 ? 'visible' : 'invisible'" 5816 > 5817 <ul 5818 id="menu-level-1" 5819 class="top-0 background-header w-full h-full z-30 pt-2.5 px-4 overflow-auto scrollbar-body scrollbar" 5820 > 5821 <li class="flex items-center justify-between border-b px-2.5 text-right"> 5822 <span 5823 class="w-7.5 h-7.5 px-2.5 pt-2.5 block cursor-pointer mr-4 rotate-90" 5824 @click="$store.xMobileNav.removeActiveLink('-8');" 5825 @keyup.enter="$store.xMobileNav.removeActiveLink('-8');" 5826 aria-label="Back" 5827 role="button" 5828 tabindex="0" 5829 > 5830 <svg 5831 width="100%" 5832 height="100%"
5833 viewBox="0 0 9 7" 5834 fill="none" 5835 xmlns="http://www.w3.org/2000/svg" 5836 style="fill: none;" 5837 > 5838 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 5839 stroke-linejoin="round"/> 5840 </svg> 5841 </span> 5842 <a href="#" class="h5 pt-4 pb-4 flex-1 "> 5843 <span class="x-break-words !font-semibold">Team Nacho</span> 5844 </a> 5845 </li><li> 5846 <div class="items-center"> 5847 <div 5848 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5849 5850 > 5851 5852 <a href="/pages/contact" class="x-break-words flex-1 py-4 items-center"> 5853 5854 Contact 5855 </a> 5856</div></div> 5857 </li><li> 5858 <div class="items-center"> 5859 <div 5860 class="flex items-center border-b px-2.5 cursor-pointer justify-between" 5861 5862 > 5863 5864 <a href="/pages/racer-application" class="x-break-words flex-1 py-4 items-center"> 5865 5866 Racer Application 5867 </a> 5868</div></div> 5869 </li></ul> 5870 </div></li></ul> 5871 </div><div class="main-nav-mobile-bottom mt-auto pt-4 flex flex-col px-4 font-normal" style="--color-background: var(--color-background)"> 5872 <div class="x-header-store-selector-mobile w-full self-center"></div> 5873 <div id="main-nav-mobile-toolbar" class="main-nav-mobile-toolbar" x-init="$store.xMobileNav.moveElement()"></div> 5874 </div> 5875 </div> 5876 </div> 5877 </div> 5878 </nav> 5879 </div> 5880 </div> 5881 </header> 5882 5883 5884 5885 5886 5887<style> 5888 cart-drawer[loading] .cart-drawer__items__wrapper { 5889 pointer-events: none; 5890 } 5891 5892 #CartDrawer__Wrapper { 5893 display: none; 5894 overflow: hidden; 5895 } 5896 5897 #CartDrawer__Wrapper.is-visible { 5898 display: block; 5899 } 5900 5901 @media (min-width: 768px) { 5902 #CartDrawer__Wrapper.is-visible { 5903 display: flex; 5904 } 5905 } 5906 5907 #CartDrawer__Container { 5908 transition: opacity 300ms ease, transform 300ms ease; 5909 opacity: 0; 5910 transform: translateY(100%); 5911 } 5912 5913 @media (min-width: 768px) { 5914 #CartDrawer__Container { 5915 transform: translateX(33.333%); 5916 } 5917 cart-drawer[data-rtl="true"] #CartDrawer__Container { 5918 transform: translateX(-33.333%); 5919 } 5920 } 5921 5922 cart-drawer[open] #CartDrawer__Container { 5923 opacity: 1; 5924 transform: none; 5925 } 5926 5927 #CartDrawer__Upsell { 5928 display: none; 5929 transition: opacity 300ms ease, transform 300ms ease; 5930 opacity: 0; 5931 transform: translateY(30%); 5932 } 5933 5934 #CartDrawer__Upsell.is-visible { 5935 display: flex; 5936 } 5937 5938 @media (min-width: 768px) { 5939 #CartDrawer__Upsell { 5940 transform: translateX(10%); 5941 } 5942 cart-drawer[data-rtl="true"] #CartDrawer__Upsell { 5943 transform: translateX(-10%); 5944 } 5945 } 5946 5947 cart-drawer[upsell-open] #CartDrawer__Upsell { 5948 opacity: 1; 5949 transform: none; 5950 } 5951</style> 5952<cart-drawer 5953 id="CartDrawer" 5954 data-section-id="sections--20172716769450__header" 5955 data-rtl="false" 5956 class="cart-wrapper-sections--20172716769450__header color-scheme-3 dark-color-scheme-1" 5957 data-upsell-script="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer-upsell.js?v=51716766363204606401789788223" 5958 data-estimate-shipping-script="//nacholightingco.com/cdn/shop/t/30/assets/estimate-shipping-rate.js?v=36163862551611036591789788223" 5959 5960 5961 data-coupon-code-script="//nacholightingco.com/cdn/shop/t/30/assets/coupon-code.js?v=26103641185929183231789788223" 5962> 5963 <div 5964 id="CartDrawer__Wrapper" 5965 class="drawer__wrapper cart-drawer__wrapper" 5966 tabindex="0" 5967 > 5968 <div 5969 id="CartDrawer__Overlay" 5970 class="drawer__overlay cart-drawer__overlay" 5971 data-close-drawer 5972 ></div> 5973 5974 <div 5975 class="cart-drawer__container drawer__container transform pt-0 pb-0 md:pb-0 md:!w-[487px] flex flex-col md:overflow-y-visible outline-none" 5976 id="CartDrawer__Container" 5977 tabindex="0" 5978 role="dialog" 5979 aria-modal="true" 5980 aria-label="Your cart" 5981 > 5982 <div class="modal-title-container cart-drawer__padding-x"> 5983 <div class="modal-title-wrapper"> 5984 <div class="grow flex items-center"> 5985 <p class="cart-drawer__title relative h4 flex-auto w-fit">Your cart</p> 5986 </div> 5987 5988 <button 5989 id="CloseCart" 5990 class="modal-title__button-close" 5991 data-close-drawer 5992 aria-label="Close" 5993 >
5994 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 5995 style="fill: none"> 5996 <path 5997 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 5998 fill="currentColor"/> 5999 <path 6000 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6001 fill="currentColor"/> 6002 </svg></span> 6003 </button> 6004 </div> 6005 </div> 6006 6007 6008 6009<div class="cart-drawer__empty__wrapper pl-6 pr-6 flex flex-col justify-center gap-4 md:gap-6 items-center text-center pt-20 pb-20 border-t border-solid color-border-[rgba(var(--color-line-and-border))] "> 6010 <div class="w-12 md:w-w-18 color-text-[rgba(var(--color-icon-header))] opacity-60"> 6011 <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" style="fill:none;" xmlns="http://www.w3.org/2000/svg"> 6012 <g clip-path="url(#clip0_30707_436)"> 6013 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.3158 1.00003C4.71767 0.999076 5.06951 1.28437 5.16953 1.69367L5.17043 1.69844L5.6823 3.84904H14.9159C15.6669 3.84999 16.3597 4.27363 16.7297 4.95965C17.0925 5.63326 17.0898 6.45667 16.7234 7.12551L15.1859 10.5546C15.175 10.5785 15.1641 10.6004 15.1514 10.6224C14.7823 11.2692 14.1222 11.67 13.4058 11.6843L5.8668 12.4953C5.84225 12.4982 5.81771 12.4991 5.79316 12.4991C4.64214 12.4991 3.70842 11.5202 3.70842 10.3113C3.70842 10.2798 3.71024 10.2484 3.71388 10.2169L4.37577 4.65908L3.86935 2.52565H1.72643C1.32548 2.52565 1 2.18408 1 1.76235C1 1.34157 1.32548 1 1.72643 1L4.3158 1.00003ZM5.75594 5.37563L5.16315 10.3504C5.18224 10.6872 5.44045 10.9572 5.7632 10.9725L13.2903 10.1634C13.3149 10.1605 13.3394 10.1596 13.3639 10.1596C13.5758 10.1596 13.7722 10.0479 13.8885 9.8638L15.4223 6.4452C15.4323 6.4223 15.4441 6.3994 15.456 6.37745C15.5732 6.17327 15.576 5.91852 15.4641 5.71147C15.3523 5.50347 15.1432 5.37561 14.9159 5.37561L5.75594 5.37563Z" fill="currentColor"/> 6014 <path fill-rule="evenodd" clip-rule="evenodd" d="M6.88407 15.086H6.08672L6.88407 15.087C6.88207 16.1455 6.02484 17.001 4.96903 17C3.91223 16.999 3.05699 16.1405 3.05798 15.082C3.05798 14.0246 3.91422 13.167 4.97103 13.167H4.97203C5.00396 13.167 5.03489 13.168 5.06683 13.17C5.53986 13.194 5.98892 13.3929 6.32523 13.7297C6.37013 13.7747 6.41205 13.8217 6.45196 13.8706C6.73038 14.2124 6.88507 14.6412 6.88407 15.086ZM4.65368 15.083C4.65368 14.9081 4.79539 14.7652 4.97103 14.7652C4.97602 14.7652 4.98101 14.7652 4.986 14.7662C5.06483 14.7702 5.13968 14.8031 5.19556 14.8591C5.20255 14.8661 5.20953 14.8741 5.21652 14.8821C5.26342 14.9391 5.28837 15.011 5.28837 15.084C5.28837 15.2599 5.14567 15.4018 4.97102 15.4018C4.79539 15.4018 4.65368 15.2589 4.65368 15.083Z" fill="currentColor"/> 6015 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.4772 15.086H12.2753C12.2753 14.5783 12.0748 14.0895 11.7156 13.7297C11.3575 13.3699 10.8706 13.168 10.3628 13.167C9.30623 13.167 8.45022 14.0246 8.44922 15.082C8.44822 16.1405 9.30424 16.999 10.3598 17C11.4163 17.001 12.2733 16.1455 12.2753 15.087L11.4772 15.086ZM10.3618 14.7652C10.1872 14.7652 10.0445 14.9081 10.0445 15.083C10.0445 15.2589 10.1862 15.4019 10.3618 15.4019C10.5374 15.4019 10.679 15.2599 10.68 15.084C10.68 15.0001 10.6461 14.9191 10.5872 14.8591C10.5274 14.7992 10.4466 14.7652 10.3618 14.7652Z" fill="currentColor"/> 6016 </g> 6017 <defs> 6018 <clipPath id="clip0_30707_436"> 6019 <rect width="18" height="18" fill="white"/> 6020 </clipPath> 6021 </defs> 6022 </svg> 6023 </div> 6024 <p class="">Your cart is empty</p> 6025 <div class="text-center"> 6026 <custom-button> 6027 <a 6028 href="/collections/all" 6029 class="button button-primary relative cursor-pointer" 6030 > 6031 Continue shopping 6032 </a> 6033 </custom-button> 6034 </div> 6035 </div> 6036 6037 </div> 6038 </div> 6039</cart-drawer>
6040<script src="//nacholightingco.com/cdn/shop/t/30/assets/cart-drawer.js?v=5617889313453767811789788223" defer></script>
6040 6041 6042 6043 6044 6045 6046 6047 6048 6049<div 6050 class="section-divider color- dark-color- 6051 full-width-padded px-0" 6052 > 6053 <div class="divider m-auto border-t"></div> 6054 </div> 6055 6056 </div> 6057 </div> 6058</div>
6058<script type="application/ld+json"> 6059 { 6060 "@context": "http://schema.org", 6061 "@type": "Organization", 6062 "name": "NACHO Lighting Co.", 6063 6064 "logo": "https:\/\/nacholightingco.com\/cdn\/shop\/files\/Nacho_Lighting_Co_-_Hero_Crest_-_Black.png?v=1760124295\u0026width=2000", 6065 6066 "sameAs": [ 6067 "", 6068 "https:\/\/www.facebook.com\/thenachoexperience", 6069 "", 6070 "https:\/\/www.instagram.com\/nacho_offroadlighting\/", 6071 "https:\/\/www.tiktok.com\/@nacho_offroadlights", 6072 "", 6073 "", 6074 "https:\/\/www.youtube.com\/@nacho_offroadlights\/featured", 6075 "" 6076 ], 6077 "url": "https:\/\/nacholightingco.com" 6078 } 6079</script>
6079 6080
6080<script 6081 src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223" 6082 defer 6083 ></script>
6083 6084 6085 6086<style> #shopify-section-sections--20172716769450__header .main-menu-nav {text-transform: uppercase;} #shopify-section-sections--20172716769450__header .toggle-menu {border: 1px solid #ff5a00;} #shopify-section-sections--20172716769450__header .child {border: 1px solid #ff5a00;} </style></div> 6087<!-- END sections: header-group --> 6088 <!-- BEGIN sections: aside-group --> 6089<div id="shopify-section-sections--20172716015786__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group"><style data-shopify>.maximize-theme:not(.dark) .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text { 6090 background-color:#f0e086; 6091 background: ; 6092 color:#0f124d; 6093 6094 } 6095 .maximize-theme.dark .x-badge-text_label_jETVc9 .x-badge-content.x-badge-text { 6096 background-color:#d0e6fd; 6097 background: ; 6098 color:#100f0f; 6099 6100 } 6101 .x-badge-text_label_jETVc9 { 6102 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 0.8 * 1.0); 6103 6104 } 6105 @media (min-width: 768px) { 6106 .x-badge-text_label_jETVc9 { 6107 --h7-font-size: calc(var(--heading-base-size) * var(--heading-font-scale) * 0.4 * 1.0); 6108 6109 } 6110 }</style> 6111 6112 <style data-shopify> 6113 .x-badge-text_label_jETVc9 { 6114 --duration : 5.0s; 6115 --direction: normal; 6116 } 6117 6118 </style> 6119<div 6120 class="x-badges-block-data" 6121 x-badges-block-data=' 6122 { 6123 "id": "text_label_jETVc9", 6124 "enable": true, 6125 "type": "text-label", 6126 "settings": { 6127 "show_on_product_card": true, 6128 "show_on_product_page": true, 6129 "applied_to": "", 6130 "applied_products": [], 6131 "applied_collections": [], 6132 6133 6134 6135 "type": "default", 6136 "background_color": "#f0e086", 6137 "text_color": "#0f124d", 6138 "image": null, 6139 "image_alt": "", 6140 "image_aspect_ratio": 0, 6141 "size": 100, 6142 "size_mobile": 100, 6143 "opacity": 100, 6144 "position": "top-left", 6145 "schedule_enabled": false, 6146 "timezone": -4, 6147 "start_year": 2025, 6148 "start_month": 1, 6149 "start_day": 1, 6150 "start_hour": 0, 6151 "start_minute": 0, 6152 "end_year": 2025, 6153 "end_month": 1, 6154 "end_day": 1, 6155 "end_hour": 0, 6156 "end_minute": 0, 6157 "repeat": "none", 6158 "custom_days": "", 6159 "icon_type": "none" 6160 } 6161 } 6162 ' 6163 x-badges-icon='' 6164 x-badges-content='Best Seller' 6165 ></div>
6165<script src="//nacholightingco.com/cdn/shop/t/30/assets/labels-and-badges.js?v=157448222969602701661789788223" defer></script>
6165 6166</div><div id="shopify-section-sections--20172716015786__quick-view" class="shopify-section shopify-section-group-aside-group maximize-section section-quick-view"><div 6167 id="QuickViewContainer" 6168 x-show="$store.xQuickView.show" 6169 :class="{ 'overflow-hidden padding-scrollbar': $store.xMaximizeDrawer.isOpen }" 6170 x-cloak 6171 class="section--sections--20172716015786__quick-view section-quick-view flex items-end md:items-center drawer__wrapper" 6172 x-init="$store.xQuickView.addListener()" 6173 data-variant-picker-script="//nacholightingco.com/cdn/shop/t/30/assets/variant-picker.js?v=105160194598127908681789788223" 6174 data-video-script="//nacholightingco.com/cdn/shop/t/30/assets/video.js?v=108505064099053258351789788223"> 6175 <div id="QuickViewContainer__wapper" class="drawer__wrapper"> 6176 <div class="quick-view__overlay drawer__overlay" @click.prevent="$store.xQuickView.close()"></div> 6177 <div 6178 role="dialog" 6179 aria-label="Quick view" 6180 aria-modal="true" 6181 x-show="$store.xQuickView.show" 6182 x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6183 x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0" 6184 x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6185 class="drawer__container transform py-4 md:py-0 md:w-[680px] lg:w-[810px] overflow-hidden" 6186 @keydown.escape="$store.xQuickView.close()" 6187 x-intersect.full="$store.xQuickView.focusQuickView('QuickViewContainer', 'QuickViewClose')" 6188 > 6189 <button 6190 id="QuickViewClose" 6191 class="modal__button-close-absolute" 6192 @click.prevent="$store.xQuickView.close()" 6193 @keyup.enter="$store.xQuickView.close()" 6194 @keydown.enter.prevent 6195 aria-label="Close" 6196 > 6197 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 6198 style="fill: none"> 6199 <path 6200 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 6201 fill="currentColor"/> 6202 <path 6203 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6204 fill="currentColor"/> 6205 </svg></span> 6206 </button> 6207 <div class="drawer__content scrollbar-visible scrollbar-body px-4 md:px-0"> 6208 <div 6209 x-show="$store.xQuickView.loading" 6210 class="flex flex-col md:flex-row gap-y-3 md:h-full" 6211 > 6212 <div class="w-full md:color-bg-[rgba(var(--color-text),0.06)] md:p-4 md:h-full md:w-[300px] lg:w-[360px] md:min-w-[300px] lg:min-w-[360px]"> 6213 <div class="flex flex-row md:flex-col gap-y-2 w-full md:h-full md:overflow-y-auto md:scrollbar-hidden"> 6214 6215 <div class="w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6216 6217 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6218 6219 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6220 6221 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6222 6223 <div class="hidden w-full md:flex md:flex-none bg-skeleton rounded-corners-md aspect-1/1"></div> 6224 6225 </div> 6226</div> 6227 6228<div class="w-full md:pb-7.5 md:pt-[68px] md:h-full md:px-7.5"> 6229 <div class="w-full md:h-full md:overflow-hidden"><div class="w-2/3 relative mb-2 md:mb-2.5"> 6230 <div class="skeleton-text">Skeleton text</div> 6231 <div class="skeleton-block"></div> 6232 </div><div class="w-full relative mb-0.5"> 6233 <div class="skeleton-text h2 heading-small">Skeleton text</div> 6234 <div class="skeleton-block"></div> 6235 </div><div 6236 class="product-info__space-small" 6237 ></div><div class="w-1/3 relative mb-2 md:mb-2.5 min-h-[var(--rating-star-size)]"> 6238 <div class="skeleton-text text-small">Skeleton text</div> 6239 <div class="skeleton-block"></div> 6240 </div><div class="mb-2 md:mb-2.5"> 6241 <div class="w-2/3 relative"> 6242 <div class="skeleton-text h2">Skeleton text</div> 6243 <div class="skeleton-block"></div> 6244 </div> 6245 </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]"> 6246 <div class="skeleton-text">Skeleton text</div> 6247 <div class="skeleton-block"></div> 6248 </div><div 6249 class="product-info__space-small" 6250 ></div><div class="mb-[var(--padding-bottom-product-template-block)]"> 6251 6252 <div class="w-1/3 relative mb-1.5"> 6253 <div class="skeleton-text">Skeleton text</div> 6254 <div class="skeleton-block"></div> 6255 </div> 6256 <div class="w-1/3 relative mb-[var(--padding-bottom-product-template-block)]"> 6257 <div class="skeleton-text min-h-[12px] border pt-3 pb-3 w-1/3">Skeleton text</div> 6258 <div class="skeleton-block rounded-corners-md"></div> 6259 </div> 6260 6261 6262 <div class="w-full relative"> 6263 <div class="skeleton-text button button-large">Skeleton text</div> 6264 <div class="skeleton-block rounded-corners-md"></div> 6265 </div> 6266 </div><div class="w-full relative mb-[var(--padding-bottom-product-template-block)]"> 6267 <div class="skeleton-text">Skeleton text</div> 6268 <div class="skeleton-block"></div> 6269 </div></div> 6270</div> 6271 </div> 6272 <div 6273 id="QuickViewProductContent" 6274 class="quick-view md:h-full" 6275 x-show="!$store.xQuickView.loading" 6276 ></div> 6277 </div> 6278 </div> 6279 </div> 6280</div> 6281 6282<style> 6283 /* Quick-view buttons hidden by default; shown only when enabled (set via inline JS below) */ 6284 html:not([data-qv]) .product-card__widget-quick-view { display: none !important; } 6285 /* Button sizing: icon-only vs label */ 6286 html[data-qv-has-label] .quick-view-btn-icon { display: none !important; } 6287 html:not([data-qv-has-label]) .quick-view-btn-label { display: none !important; } 6288 /* List-layout button only (scoped via .self-start parent): icon-only = fixed square, label = auto size */ 6289 html:not([data-qv-has-label]) .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: 2.75rem; height: 2.75rem; padding: 0.75rem; } 6290 html[data-qv-has-label] .product-card__widget-quick-view.self-start .button-quick-view__product-card { width: auto; height: auto; } 6291</style>
6292<script> 6293 window.xQuickView = { 6294 sectionId: 'sections--20172716015786__quick-view', 6295 enabled: true, 6296 buttonLabel: 'Quick view' 6297 } 6298 // Set HTML attributes immediately (inline, not deferred) so CSS can show/hide 6299 // product-card quick-view buttons without Alpine x-show processing per card. 6300 if (window.xQuickView.enabled) { 6301 document.documentElement.setAttribute('data-qv', ''); 6302 if (window.xQuickView.buttonLabel) { 6303 document.documentElement.setAttribute('data-qv-has-label', ''); 6304 // Set label text on all cards once (replaces x-text per card) 6305 document.addEventListener('DOMContentLoaded', function() { 6306 document.querySelectorAll('.quick-view-btn-label').forEach(function(el) { 6307 el.textContent = window.xQuickView.buttonLabel; 6308 }); 6309 }); 6310 } 6311 } 6312</script>
vendor: 1 bytes, line 6312
6312
6313<script 6314 src="//nacholightingco.com/cdn/shop/t/30/assets/quick-view.js?v=138540427086460981881789788223" 6315 defer 6316></script>
6316 6317 6318</div><section id="shopify-section-sections--20172716015786__store-locator" class="shopify-section shopify-section-group-aside-group maximize-section section-store-locator"><style data-shopify> 6319 @media screen and (max-width: 1023px) { 6320 .store-locator-popup__content { 6321 max-height: calc(100% - 16px); 6322 } 6323 } 6324 @media screen and (min-width: 1024px) { 6325 .x-header-store-selector-desktop:empty { 6326 display: flex; 6327 gap: 4px; 6328 font-style: var(--menu-font-style); 6329 font-weight: var(--menu-font-weight); 6330 letter-spacing: var(--menu-letter-spacing); 6331 font-size: var(--body-font-size); 6332 align-items: center; 6333 } 6334 .x-header-store-selector-desktop:empty::before { 6335 flex-shrink: 0; 6336 display: block; 6337 content: ""; 6338 width: 24px; 6339 height: 24px; 6340 background: rgba(var(--color-text)); 6341 -webkit-mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat; 6342 mask: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat; 6343 } 6344 .x-header-store-selector-desktop:empty::after { 6345 content: var(--x-store-selector-content); 6346 overflow: hidden; 6347 text-overflow: ellipsis; 6348 padding-right: 18px; 6349 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 7' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M0.75 1.625L4.5 5.375L8.25 1.625' stroke='currentColor' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 6350 background-repeat: no-repeat; 6351 background-position: right center; 6352 background-size: 9px 7px; 6353 } 6354 [dir="rtl"] .x-header-store-selector-desktop:empty::after { 6355 padding-right: 0; 6356 padding-left: 18px; 6357 background-position: left center; 6358 } 6359 } 6360</style> 6361 6362 6363<div 6364 class="hidden" 6365 id="HeaderDesktopLocator" 6366 x-init="$store.xHelper.setPosition('#x-header-container .x-header-store-selector-desktop', '#HeaderDesktopLocator')" 6367> 6368 <div> 6369 6370 <a 6371 href="/pages/dealer-locator" 6372 target="_blank" rel="noopener noreferrer" 6373 aria-label="Store locator" 6374 > 6375 <span class="icon w-6 h-6 block shrink-0"> 6376 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" 6377 style="fill:none"> 6378 <path 6379 d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z" 6380 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6381 <path 6382 d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z" 6383 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6384 </svg> 6385 </span> 6386 </a> 6387 6388 </div> 6389</div> 6390<div 6391 class="hidden" 6392 id="HeaderMobileLocator" 6393 x-init="$store.xHelper.setPosition('.x-header-store-selector-mobile', '#HeaderMobileLocator')" 6394> 6395 <div 6396 class="cursor-pointer pt-2 pb-2" 6397 @click.prevent="$store.xStoreMap?.dispatchEventOpenPopup()" 6398 @keydown.enter="$store.xStoreMap?.dispatchEventOpenPopup()" 6399 tabindex="0" 6400 aria-label="Store locator" 6401 role="button" 6402 > 6403 <div class="relative flex flex-row items-center gap-1">
6404 <span class="icon w-4 h-4 block"> 6405 <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" 6406 style="fill:none"> 6407 <path 6408 d="M22 9.99072C22 16.9906 12.5 22.9907 12.5 22.9907C12.5 22.9907 3 16.9906 3 9.99072C3 7.60377 4.0009 5.31459 5.78248 3.62676C7.56408 1.93894 9.98045 0.990723 12.5 0.990723C15.0195 0.990723 17.4359 1.93894 19.2175 3.62676C20.9991 5.31459 22 7.60377 22 9.99072Z" 6409 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6410 <path 6411 d="M12.9319 12.7764C14.6013 12.7764 15.9546 11.5451 15.9546 10.0264C15.9546 8.50759 14.6013 7.27637 12.9319 7.27637C11.2625 7.27637 9.90918 8.50759 9.90918 10.0264C9.90918 11.5451 11.2625 12.7764 12.9319 12.7764Z" 6412 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6413 </svg> 6414 </span> 6415 <span 6416 x-show="$store.xStoreMap?.currentStoreSelected === ''" 6417 id="StoreSelectorName__mobile-sections--20172716015786__store-locator" 6418 > 6419 Store locator 6420 </span> 6421 <span 6422 x-show="$store.xStoreMap?.currentStoreSelected !== ''" 6423 x-text="$store.xStoreMap?.getStoreText()" 6424 class="line-clamp-2" 6425 ></span> 6426 </div> 6427 </div> 6428</div> 6429
6430<script src="//nacholightingco.com/cdn/shop/t/30/assets/store-locator.js?v=77897810227126559271789788223" defer></script>
vendor: 1 bytes, line 6430
6430
6431<script src="//nacholightingco.com/cdn/shop/t/30/assets/map.js?v=33459869748999710691789788223" defer></script>
6431 6432 6433</section><section id="shopify-section-sections--20172716015786__product_comparison_overlay_BEhTzU" class="shopify-section shopify-section-group-aside-group maximize-section section-product-comparison-overlay"><style> 6434 /* Comparison buttons hidden by default; shown only when this section exists on the page */ 6435 html:not([data-comparison]) .product-card__widget-compare { display: none !important; } 6436</style>
6437<script> 6438 /* Runs inline (not deferred) — sets attribute before Alpine initializes so CSS 6439 controls visibility without x-show per product card. */ 6440 document.documentElement.setAttribute('data-comparison', ''); 6441</script>
vendor: 1 bytes, line 6441
6441
6442<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison.js?v=40306736846756263941789788223" defer></script>
6442 6443 6444<link href="//nacholightingco.com/cdn/shop/t/30/assets/product-comparison-overlay.css?v=156517184879414785761789788223" rel="stylesheet" type="text/css" media="all" /> 6445 6446 <div 6447 id="productComparisonOverlay" 6448 x-init="$store.xProductComparison.setData('Color', '')" 6449 x-cloak 6450 class="color-scheme-1 dark-color-scheme-2" 6451 data-maximum-product-compare="5" 6452 > 6453 6454 6455 6456 <template x-teleport="body"> 6457 <div class="block fixed right-0.5 rtl:left-0.5 rtl:right-auto pl-0.5 pr-0.5 top-1/2 z-30"> 6458 <div 6459 id="ProductComparisonWidgetButton" 6460 class="product-comparison-overlay__widget-button p-2.5 md:p-3 rounded-corners-md cursor-pointer bg-gradient-no-alpha shadow-small" 6461 @click.prevent="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length > 0 && $store.xProductComparison.showDrawer()" 6462 x-show="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length != 0" 6463 @keyup.enter="$store.xProductComparison && $store.xProductComparison.listComparisonProducts.length > 0 && $store.xProductComparison.showDrawer()" 6464 tabindex="0" 6465 > 6466 <button 6467 class="w-4 h-4 md:w-6 md:h-6 relative widget__icon-comparison block" 6468 x-show="!$store.xProductComparison.loadingOpenDrawer" 6469 tabindex="-1" 6470 > 6471 <svg width="100%" height="100%" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 6472 <path d="M5.25 3.5H3V5.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6473 <path d="M5.25 14H3V11.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6474 <path d="M15 14V3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6475 <path d="M9 14H15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6476 <path d="M9 3.5H15" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6477 <path d="M9 15.5L9 2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6478 </svg> 6479 <span 6480 class="-top-4 -right-3 md:-top-4.5 md:-right-3.5 button-primary w-4.5 h-4.5 md:w-6 md:h-6 rounded-full flex items-center justify-center text-x-small leading-[normal]" 6481 x-text="$store.xProductComparison.listComparisonProducts.length" 6482 style="position: absolute;" 6483 ></span> 6484 </button> 6485 <button 6486 class="w-4 h-4 md:w-6 md:h-6 relative widget__icon-comparison block animate-spin" 6487 x-cloak 6488 x-show="$store.xProductComparison.loadingOpenDrawer" 6489 tabindex="-1" 6490 > 6491 <svg 6492 version="1.0" 6493 xmlns="http://www.w3.org/2000/svg"
6494 viewBox="0 0 512.000000 512.000000" 6495 preserveAspectRatio="xMidYMid meet" 6496 > 6497 <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" 6498 fill="currentColor" stroke="none"> 6499 <path 6500 d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/> 6501 </g> 6502 </svg> 6503 </button> 6504 </div> 6505 </div> 6506 </template> 6507 6508 <template x-teleport="body"> 6509 <div 6510 id="ProductComparisonPopup" 6511 data-section-id="sections--20172716015786__product_comparison_overlay_BEhTzU" 6512 class="product-comparison__drawer-wrapper fixed top-0 w-fit h-full z-[70]" 6513 @click.away="$store.xProductComparison.hideDrawer()" 6514 x-show="$store.xProductComparison.isShowPopup" 6515 @keyup.escape="$store.xProductComparison.closePopup()" 6516 x-intersect.full="$store.xFocusElement.trapFocus('ProductComparisonPopup', 'CloseProductComparePopup')" 6517 x-cloak 6518 > 6519 <div class="absolute top-0 right-0 left-0 bottom-0 duration-300 z-20 w-fit h-full"> 6520 <div 6521 class="relative h-full max-h-full w-screen rounded-none bg-white color-scheme-1 dark-color-scheme-2" 6522 role="dialog" 6523 aria-modal="true" 6524 tabindex="-1" 6525 x-show="$store.xProductComparison.isShowPopup" 6526 6527 x-transition:enter="transition-all ease-in-out duration-500" 6528 x-transition:enter-start="opacity-0 transform translate-y-1/3" 6529 x-transition:enter-end="opacity-100 transform translate-y-0" 6530 x-transition:leave="transition-all ease-in-out duration-500" 6531 x-transition:leave-end="opacity-0 transform translate-y-1/3" 6532 > 6533 <div class="w-full h-full pb-4 md:pb-7.5 flex flex-col"> 6534 <button 6535 id="CloseProductComparePopup" 6536 @click="$store.xProductComparison.closePopup()" 6537 @keyup.enter="$store.xProductComparison.closePopup()" 6538 @keydown.enter.prevent 6539 class="modal__button-close" 6540 > 6541 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 6542 style="fill: none"> 6543 <path 6544 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 6545 fill="currentColor"/> 6546 <path 6547 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6548 fill="currentColor"/> 6549 </svg></span> 6550 </button> 6551 <div class="h-full overflow-y-auto scrollbar-visible scrollbar-body pb-2"> 6552 <div class="page-width"> 6553 6554 6555 6556<style data-shopify>.product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU { 6557 --product-comparison-grid-item-width: 2/3; 6558 } 6559 @media (min-width: 768px) { 6560 .product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU { 6561 --product-comparison-grid-item-width: 1/2; 6562 } 6563 } 6564 @media (min-width: 1024px) { 6565 .product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU { 6566 --product-comparison-item-in-table: 6; 6567 --product-comparison-grid-item-width: 1/6; 6568 } 6569 }</style><div> 6570 <div class="text-center heading-content-spacing flex flex-col gap-0.5"> 6571 6572 6573 <h2 class="heading-medium h2 block pointer-events-auto pb-1 product-comparison__heading p-break-words anm-fade-element" data-fade-on-intersect> 6574 Product Comparison 6575 </h2> 6576 6577 6578 <div class="rte product-comparison__text anm-fade-element" data-fade-on-intersect><p>How they are Different</p></div> 6579 6580 </div> 6581 <div class="relative mt-8 px-1"> 6582 <div 6583 :class="[ 6584 $store.xProductComparison.listComparisonProducts.length > 5 ? 'lg:flex' : 'lg:hidden', 6585 $store.xProductComparison.listComparisonProducts.length > 2 ? 'md:flex' : 'md:hidden', 6586 $store.xProductComparison.listComparisonProducts.length > 1 ? 'flex' : 'hidden', 6587 ]" 6588 class="slider-indicators items-center gap-1.5 md:gap-2.5 absolute right-0 rtl:right-auto rtl:left-0 bottom-full justify-end mb-0" 6589 > 6590 <div x-ref="product-comparison__nav-prev" class="product-comparison__nav-prev bg-transparent h-4 w-4 rtl:rotate-180 relative product-compare__arrow-active" tabindex="0"> 6591 <div class="absolute rotate-90"> 6592 <svg 6593 width="100%" 6594 height="100%"
6595 viewBox="0 0 9 7" 6596 fill="none" 6597 xmlns="http://www.w3.org/2000/svg" 6598 style="fill: none;" 6599 > 6600 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 6601 stroke-linejoin="round"/> 6602 </svg> 6603 </div> 6604 </div> 6605 <div x-ref="product-comparison__nav-next" class="product-comparison__nav-next bg-transparent h-4 w-4 rtl:rotate-180 relative product-compare__arrow-active" tabindex="0"> 6606 <div class="absolute -rotate-90"><svg 6607 width="100%" 6608 height="100%" 6609 viewBox="0 0 9 7" 6610 fill="none" 6611 xmlns="http://www.w3.org/2000/svg" 6612 style="fill: none;" 6613 > 6614 <path d="M0.75 1.625L4.5 5.375L8.25 1.625" stroke="currentColor" stroke-width="0.5" stroke-linecap="round" 6615 stroke-linejoin="round"/> 6616 </svg></div> 6617 </div> 6618 </div> 6619 <div 6620 x-init="$store.xProductComparison && $store.xProductComparison.updateCSSVariables('sections--20172716015786__product_comparison_overlay_BEhTzU')" 6621 @resize.window="$store.xProductComparison && $store.xProductComparison.updateCSSVariables('sections--20172716015786__product_comparison_overlay_BEhTzU')" 6622 class="product-comparison__table-container overflow-x-auto pb-1 scrollbar-horizontal" 6623 > 6624 <table class="mx-auto product-comparison-table--sections--20172716015786__product_comparison_overlay_BEhTzU product-comparison-table product-comparison-table-popup"> 6625 <thead> 6626 <tr 6627 class="flex pt-3" 6628 :class=" 6629 [ 6630 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6631 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6632 ] 6633 " 6634 > 6635 <th 6636 class="product-comparison-grid-title pt-4 p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient" 6637 > 6638 </th> 6639 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6640 <th 6641 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6642 class="flex flex-col items-center product-comparison-grid-item pt-4 !color-border-[rgba(var(--color-text),0.12)] border-t border-b lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 relative overflow-hidden" 6643 > 6644 <button 6645 class="-mt-2 mb-2 flex" 6646 :class="$store.xProductComparison.loadingFetchDataPopup && 'pointer-events-none'" 6647 @click="$store.xProductComparison.removeProductFromCompare(value.productId, value.productHandle)" 6648 > 6649 <span class="button__close icon-close-small-desktop icon-close-small-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 6650 style="fill: none"> 6651 <path 6652 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 6653 fill="currentColor"/> 6654 <path 6655 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6656 fill="currentColor"/> 6657 </svg></span> 6658 </button> 6659 <div 6660 x-cloak 6661 x-show="!$store.xProductComparison.loadingFetchDataPopup" 6662 class="w-full" 6663 :class="`product-comparison-table-header-${value.productHandle}-${index}`" 6664 ></div> 6665 <div 6666 x-show="$store.xProductComparison.loadingFetchDataPopup" 6667 class="w-full" 6668 > 6669 <div class="animate-Xpulse block w-full product-comparison__skeleton-heading"> 6670 <div class="w-full relative h-0 pb-[100%]"> 6671 <div class="bg-skeleton w-full rounded-corners w-full object-cover absolute insert-0 h-full"></div> 6672 </div> 6673 <div class="mt-2.5 md:mt-4 relative"> 6674 <p class="h6 opacity-0">__</p> 6675 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6676 </div> 6677 <div class="mt-2.5 relative"> 6678 <p class="h5 opacity-0">__</p> 6679 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6680 </div> 6681 </div> 6682 </div> 6683 </th> 6684 </template> 6685 </tr> 6686 </thead> 6687 <tbody> 6688 6689 6690 6691 <tr 6692 class="flex" 6693 :class=" 6694 [ 6695 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6696 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6697 ] 6698 " 6699 > 6700 <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Description</td> 6701 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6702 <th 6703 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6704 class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden" 6705 > 6706 <p class="flex lg:hidden mb-1.5 h7">Description</p> 6707 <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden"> 6708 6709 <div :class="`product-comparison-description-${value.productHandle}-${index}`"><p>-</p></div> 6710 6711 </div> 6712 <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full"> 6713 <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full"> 6714 <p class="opacity-0 lg:hidden">__</p> 6715 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6716 </div> 6717 </div> 6718 </th> 6719 </template> 6720 </tr> 6721 6722 6723 6724 <tr 6725 class="flex" 6726 :class=" 6727 [ 6728 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6729 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6730 ] 6731 " 6732 > 6733 <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Rating</td> 6734 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6735 <th 6736 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6737 class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden" 6738 > 6739 <p class="flex lg:hidden mb-1.5 h7">Rating</p> 6740 <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden"> 6741 6742 <div :class="`product-comparison-rating-${value.productHandle}-${index}`"><p>-</p></div> 6743 6744 </div> 6745 <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full"> 6746 <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full"> 6747 <p class="opacity-0 lg:hidden">__</p> 6748 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6749 </div> 6750 </div> 6751 </th> 6752 </template> 6753 </tr> 6754 6755 6756 6757 <tr 6758 class="flex" 6759 :class=" 6760 [ 6761 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6762 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6763 ] 6764 " 6765 > 6766 <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Vendor</td> 6767 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6768 <th 6769 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6770 class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden" 6771 > 6772 <p class="flex lg:hidden mb-1.5 h7">Vendor</p> 6773 <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden"> 6774 6775 <div :class="`product-comparison-vendor-${value.productHandle}-${index}`" class="vendor-link"><p>-</p></div> 6776 6777 </div> 6778 <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full"> 6779 <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full"> 6780 <p class="opacity-0 lg:hidden">__</p> 6781 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6782 </div> 6783 </div> 6784 </th> 6785 </template> 6786 </tr> 6787 6788 6789 6790 6791 6792 <tr 6793 class="flex" 6794 :class=" 6795 [ 6796 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6797 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6798 ] 6799 " 6800 > 6801 <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b">Color</td> 6802 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6803 <th 6804 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6805 class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden" 6806 > 6807 <p class="flex lg:hidden mb-1.5 h7">Color</p> 6808 <div x-cloak x-show="!$store.xProductComparison.loadingFetchDataPopup" class="overflow-hidden"> 6809 6810 <div :class="`product-comparison-option-swatches-Color-${index}`"><p>-</p></div> 6811 6812 </div> 6813 <div x-show="$store.xProductComparison.loadingFetchDataPopup" class="w-full h-full"> 6814 <div class="block product-comparison__skeleton-block relative lg:w-full lg:h-full"> 6815 <p class="opacity-0 lg:hidden">__</p> 6816 <div class="bg-skeleton w-full h-full absolute inset-0"></div> 6817 </div> 6818 </div> 6819 </th> 6820 </template> 6821 </tr> 6822 6823 6824 6825 6826 6827 6828 <tr 6829 class="flex" 6830 :class=" 6831 [ 6832 $store.xProductComparison.listComparisonProducts.length <= 4 && 'lg:justify-center', 6833 $store.xProductComparison.listComparisonProducts.length <= 1 && 'justify-center' 6834 ] 6835 " 6836 > 6837 <td class="product-comparison-grid-title before:color-bg-[rgba(var(--color-text),0.06)] bg-gradient p-break-words product-comparison-grid-item product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] border-t-0 border-l border-r border-b"></td> 6838 <template x-for="(value, index) in $store.xProductComparison.listComparisonProductsPopUp"> 6839 <th 6840 :class="[(index == 0 || value == $store.xProductComparison.listComparisonProducts[0]) ? 'border-l border-r' : 'border-r border-l-0 rtl:border-l rtl:border-r-0', `product-comparison-${value.productHandle}`]" 6841 class="product-comparison-grid-item !color-border-[rgba(var(--color-text),0.12)] lg:border-r lg:border-l-0 rtl:lg:border-l rtl:lg:border-r-0 border-b overflow-hidden" 6842 >
6843 <span 6844 class="w-fit h-fit" 6845 > 6846 6847 6848 6849<custom-button> 6850 <a 6851 class="button empty:hidden cursor-pointer md:min-h-6 min-h-5 p-break-words w-full pl-5 pr-5 pt-3 pb-3 inline-block button-primary " 6852 6853 role="link" 6854 6855 tabindex="0" 6856 6857 6858 6859 6860 :class="$store.xProductComparison.loadingFetchDataPopup && 'pointer-events-none'" 6861 :href=`${Shopify.routes.root}products/${value.productHandle}` 6862 6863 target="_blank" 6864 6865 6866 > 6867 6868 6869 6870 6871 <span class="button-text text-nowrap">View full details</span> 6872 6873 6874 6875 </a> 6876</custom-button> 6877 </span> 6878 </th> 6879 </template> 6880 </tr> 6881 6882 </tbody> 6883 </table> 6884 </div> 6885 </div> 6886</div> 6887 </div> 6888 </div> 6889 </div> 6890 </div> 6891 </div> 6892 </div> 6893 </template> 6894 <template x-teleport="body"> 6895 <div 6896 id="ProductComparisonDrawer" 6897 class="pop-up-link__container drawer__wrapper color-scheme-1 dark-color-scheme-2 !bg-transparent" 6898 x-show="$store.xProductComparison && $store.xProductComparison.isShowDrawer" 6899 x-cloak 6900 > 6901 <div 6902 id="ProductComparisonDrawer__Overlay" 6903 class="drawer__overlay" 6904 @click.prevent="$store.xProductComparison.hideDrawer()" 6905 ></div> 6906 <div 6907 x-show="$store.xProductComparison && $store.xProductComparison.isShowDrawer" 6908 class="product-omparison__drawer__container drawer__container transform" 6909 x-cloak 6910 x-transition:enter-start="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6911 x-transition:enter-end="opacity-100 translate-y-0 md:translate-x-0" 6912 x-transition:leave-end="opacity-0 translate-y-full md:translate-y-0 md:translate-x-1/3" 6913 x-intersect.full="$store.xFocusElement.trapFocus('ProductComparisonDrawer', 'CloseProductCompareDrawer')" 6914 @keyup.escape="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()" 6915 > 6916 <div class="modal-title-container px-4 md:px-7.5"> 6917 <div class="modal-title-wrapper"> 6918 <div class="grow flex items-center"> 6919 <p class="flex-auto h5"> 6920 <span>Compare products</span> 6921 <span> (</span> 6922 <span x-text="$store.xProductComparison.listComparisonProducts.length"></span> 6923 <span>/</span> 6924 <span x-text="$store.xProductComparison.maximumProductCompare"></span> 6925 <span>)</span> 6926 </p> 6927 </div> 6928 <button 6929 id="CloseProductCompareDrawer" 6930 @click="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()" 6931 @keyup.enter="$store.xProductComparison.hideDrawer(); $store.xFocusElement.removeTrapFocus()" 6932 @keydown.enter.prevent 6933 class="modal-title__button-close" 6934 aria-label="Close" 6935 > 6936 <span class="button__close icon-close-large-desktop icon-close-large-mobile"><svg width="100%" height="100%" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg" 6937 style="fill: none"> 6938 <path 6939 d="M0.728852 12.3598C0.915425 12.3598 1.102 12.2886 1.24411 12.1464L5.99974 7.39076L10.7554 12.1465C10.8977 12.2889 11.0843 12.36 11.2709 12.36C11.4575 12.36 11.644 12.2889 11.7862 12.1465C12.0709 11.8619 12.0709 11.4004 11.7864 11.1157L7.03078 6.35985L11.7864 1.60435C12.0712 1.31973 12.0712 0.858186 11.7867 0.57357C11.5019 0.288825 11.0401 0.289082 10.7559 0.57357L0.213591 11.1156C-0.0711541 11.4002 -0.0711541 11.8618 0.213334 12.1464C0.355706 12.2888 0.542279 12.3598 0.728852 12.3598Z" 6940 fill="currentColor"/> 6941 <path 6942 d="M1.92712 3.31813L1.92787 3.31875L3.98917 5.38005L5.01995 4.34927L2.95865 2.28797L2.95814 2.28735L1.24437 0.573326C0.959625 0.288838 0.497847 0.288581 0.213591 0.573326C-0.071154 0.857942 -0.0711541 1.31936 0.213334 1.60411L1.92712 3.31813Z" 6943 fill="currentColor"/> 6944 </svg></span> 6945 </button> 6946 </div> 6947 </div> 6948 6949 <div id="ProductComparisonDrawer__Main" class="w-full grow overflow-hidden"> 6950 </div> 6951 </div> 6952 </div> 6953 </template> 6954 </div> 6955 6956</section> 6957<!-- END sections: aside-group --> 6958 <style data-shopify> 6959 #x-header-container, .header-collapse-menu { 6960 opacity: 1 !important; 6961 } 6962 </style> 6963 6964 <main id="MainContent" 6965 class="content-for-layout focus-none outline-none grow theme-template-search theme-template-suffix-none" 6966 role="main" tabindex="-1" 6967 > 6968 <section id="shopify-section-template--20172726337706__main" class="shopify-section maximize-section section-main-search"><style data-shopify> 6969 .gap-template--20172726337706__main { 6970 gap: 16px; 6971 } 6972 .section--template--20172726337706__main { 6973 padding-top: calc(64px * var(--mobile-padding-ratio)); 6974 padding-bottom: calc(64px * var(--mobile-padding-ratio)); 6975 } 6976 @media (min-width: 768px) { 6977 .gap-template--20172726337706__main { 6978 gap: 16px; 6979 } 6980 .section--template--20172726337706__main { 6981 padding-top: 64px; 6982 padding-bottom: 64px; 6983 } 6984 }</style>
6984<script src="//nacholightingco.com/cdn/shop/t/30/assets/pagination-search.js?v=133499108720997251911789788223" defer></script>
6984 6985<link href="//nacholightingco.com/cdn/shop/t/30/assets/main-collection.css?v=152405572708246871011789788223" rel="stylesheet" type="text/css" media="all" /> 6986<link href="//nacholightingco.com/cdn/shop/t/30/assets/featured-blog.css?v=175604086216947554701789788223" rel="stylesheet" type="text/css" media="all" /> 6987<link href="//nacholightingco.com/cdn/shop/t/30/assets/search-page.css?v=176053373274302173171789788223" rel="stylesheet" type="text/css" media="all" /> 6988 6989 6990<div 6991 id="template--20172726337706__main" 6992 6993 class="section--template--20172726337706__main search-page anm-btn-controller page-width" 6994> 6995 <div 6996 id="ResultCount" 6997 class="hidden" 6998 > 6999 0 7000 </div> 7001 <div class="main-search-form__wrapper"> 7002 <h1 class="search-heading text-center h2 font-semibold mb-4"> 7003 Search results 7004 </h1> 7005 <div 7006 x-data="xModalSearch('query,product,article,collection,page',6,3)" 7007 class="main-search-form flex justify-center relative mb-5.5 md:mb-14" 7008 tabindex="-1" 7009 > 7010 <form 7011 action="/search" 7012 method="get" 7013 role="search" 7014 class="max-w-3xl w-full" 7015 @click.away="isFocusedSearchForm && close()" 7016 @keydown.esc="isFocusedSearchForm && close()" 7017 > 7018 <div 7019 id="MainSearchForm" 7020 class="relative field" 7021 > 7022 <input 7023 class="input-search focus-visible:outline-none bg-transparent border-2 pt-3 pb-3 md:pt-4 md:pb-4 pl-7 rtl:pl-20 pr-20 rtl:pr-7 text-left rtl:text-right text-sm w-full appearance-none relative outline-none placeholder:opacity-70 placeholder:color-text-[rgba(var(--color-text))]" 7024 type="search" 7025 name="q" 7026 id="InputSearch__template--20172726337706__main" 7027 value="" 7028 x-on:keydown="handleKeyUpModal($event)" 7029 @input.debounce.500ms="handleChangeInput()" 7030 @focus="focusForm()" 7031 placeholder="Search..." 7032 x-ref="input_search" 7033 > 7034 <label for="InputSearch__template--20172726337706__main" class="hidden">Search...</label> 7035 <input 7036 type="hidden" 7037 name="type" 7038 value="product" 7039 > 7040 <button 7041 class="btn-search absolute none_border bg-none w-8 h-8 right-1.5 md:right-2 p-1.5 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current" 7042 aria-label="Search..." 7043 ><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;"> 7044 <path 7045 d="M11.4991 20.9957C16.7459 20.9957 20.9992 16.7423 20.9992 11.4956C20.9992 6.24881 16.7459 1.99547 11.4991 1.99547C6.25236 1.99547 1.99902 6.24881 1.99902 11.4956C1.99902 16.7423 6.25236 20.9957 11.4991 20.9957Z" 7046 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 7047 <path d="M21.999 21.9955L19.999 19.9955" stroke="currentColor" stroke-width="2" stroke-linecap="round" 7048 stroke-linejoin="round"/> 7049 </svg></button> 7050 7051 <button 7052 class="search__speech cursor-pointer absolute none_border bg-none w-8 h-8 right-10 p-1.5 top-1/2 -translate-y-1/2 opacity-60 bg-transparent dark:bg-transparent text-current" 7053 x-data="xSpeechSearch($el)" 7054 x-show="show" 7055 x-cloak 7056 > 7057 <svg width="100%" height="100%" viewBox="0 0 14 19" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 7058 <path 7059 d="M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z" 7060 fill="currentColor"></path> 7061 </svg> 7062 </button> 7063
7063<script src="//nacholightingco.com/cdn/shop/t/30/assets/speech-search.js?v=119316210740146169781789788223" defer></script>
7063 7064 7065 </div><div 7066 x-show="isFocusedSearchForm" 7067 class="md:max-h-96 md:absolute z-50 max-w-3xl top-full w-full" 7068 tabindex="-1" 7069 data-predictive-search 7070 x-html="result" 7071 ></div></form> 7072 </div> 7073 </div> 7074 7075 <div 7076 class="search-tab__wrapper flex flex-col gap-4 md:gap-5" 7077 x-data="xSearchTab('template--20172726337706__main')" 7078 > 7079 <div 7080 id="SearchTermContent" 7081 class="hidden" 7082 ></div> 7083 <tab-animation class="search-tab__button-wrapper has-initial-active flex justify-between w-fit mx-auto max-w-full overflow-auto scrollbar-body scrollbar-visible px-0.5 pt-0.5 pb-2 tab-animation-underline"> 7084 <div class="tab-list flex gap-1 px-0.5"> 7085 <button 7086 class="button-tab-product font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight is-active-initial" 7087 @click="activeTab='product'" 7088 x-bind:class="activeTab === 'product' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'" 7089 x-cloak 7090 > 7091 <div class="block-text-button__container h-full"> 7092 7093 <span class="block-text-button-text-active-invisible">Products 7094 <span>(0)</span></span 7095 > 7096 <span class="block-text-button-text-effect-1">Products 7097 <span>(0)</span></span 7098 > 7099 <span class="block-text-button-text-effect-2">Products 7100 <span>(0)</span></span 7101 > 7102 7103 </div> 7104 </button> 7105 <button 7106 class="button-tab-collection font-base-body tabs__button-horizontal text-medium px-3 py-2 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight" 7107 @click="activeTab='collection'" 7108 x-bind:class="activeTab === 'collection' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'" 7109 x-cloak 7110 > 7111 <div class="block-text-button__container h-full"> 7112 7113 <span class="block-text-button-text-active-invisible">Collections 7114 <span x-text="`(${collectionCount})`"></span 7115 ></span> 7116 <span class="block-text-button-text-effect-1">Collections 7117 <span x-text="`(${collectionCount})`"></span 7118 ></span> 7119 <span class="block-text-button-text-effect-2">Collections 7120 <span x-text="`(${collectionCount})`"></span 7121 ></span> 7122 7123 </div> 7124 </button> 7125 <button 7126 class="button-tab-article font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight" 7127 @click="activeTab='article'" 7128 x-bind:class="activeTab === 'article' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'" 7129 x-cloak 7130 > 7131 <div class="block-text-button__container h-full"> 7132 7133 <span class="block-text-button-text-active-invisible">Blog post 7134 <span x-text="`(${articleCount})`"></span 7135 ></span> 7136 <span class="block-text-button-text-effect-1">Blog post 7137 <span x-text="`(${articleCount})`"></span 7138 ></span> 7139 <span class="block-text-button-text-effect-2">Blog post 7140 <span x-text="`(${articleCount})`"></span 7141 ></span> 7142 7143 </div> 7144 </button> 7145 <button 7146 class="button-tab-page font-base-body tabs__button-horizontal text-medium py-2 px-3 md:py-3 md:px-5 shrink-0 rounded-corners-md disable-button-tap-highlight" 7147 @click="activeTab='page'" 7148 x-bind:class="activeTab === 'page' ? 'color-text-[rgba(var(--color-heading))] is-active font-semibold' : 'color-text-[rgba(var(--color-text),0.6)] after:color-border-[rgba(var(--color-text),0.2)] before:color-border-[rgba(var(--color-text),0.2)]'" 7149 x-cloak 7150 > 7151 <div class="block-text-button__container h-full"> 7152
7153 <span class="block-text-button-text-active-invisible">Pages 7154 <span x-text="`(${pageCount})`"></span 7155 ></span> 7156 <span class="block-text-button-text-effect-1">Pages 7157 <span x-text="`(${pageCount})`"></span 7158 ></span> 7159 <span class="block-text-button-text-effect-2">Pages 7160 <span x-text="`(${pageCount})`"></span 7161 ></span> 7162 7163 </div> 7164 </button> 7165 </div> 7166 </tab-animation> 7167 <div 7168 id="MainSearchResult" 7169 class="search-result-container anm-tab-content" 7170 > 7171 <div 7172 id="TotalSearchResult" 7173 x-show="activeTab==='product'" 7174 x-transition:enter="tab-panel-enter" 7175 x-transition:enter-start="tab-panel-enter-start" 7176 x-transition:enter-end="tab-panel-enter-end" 7177 x-transition:leave="tab-panel-leave" 7178 x-transition:leave-start="tab-panel-leave-start" 7179 x-transition:leave-end="tab-panel-leave-end" 7180 x-transition:opacity 7181 7182 :class="!showFilterAside && 'filter-aside'" 7183 7184 7185 ></div> 7186 <div 7187 id="MainSearchResult_Page" 7188 x-show="activeTab==='page'" 7189 x-transition:enter="tab-panel-enter" 7190 x-transition:enter-start="tab-panel-enter-start" 7191 x-transition:enter-end="tab-panel-enter-end" 7192 x-transition:leave="tab-panel-leave" 7193 x-transition:leave-start="tab-panel-leave-start" 7194 x-transition:leave-end="tab-panel-leave-end" 7195 x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));" 7196 x-transition:opacity 7197 ></div> 7198 <div 7199 id="MainSearchResult_Article" 7200 x-show="activeTab==='article'" 7201 x-transition:enter="tab-panel-enter" 7202 x-transition:enter-start="tab-panel-enter-start" 7203 x-transition:enter-end="tab-panel-enter-end" 7204 x-transition:leave="tab-panel-leave" 7205 x-transition:leave-start="tab-panel-leave-start" 7206 x-transition:leave-end="tab-panel-leave-end" 7207 x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));" 7208 x-transition:opacity 7209 ></div> 7210 <div 7211 id="MainSearchResult_Collection" 7212 x-show="activeTab==='collection'" 7213 x-transition:enter="tab-panel-enter" 7214 x-transition:enter-start="tab-panel-enter-start" 7215 x-transition:enter-end="tab-panel-enter-end" 7216 x-transition:leave="tab-panel-leave" 7217 x-transition:leave-start="tab-panel-leave-start" 7218 x-transition:leave-end="tab-panel-leave-end" 7219 x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));" 7220 x-transition:opacity 7221 > 7222 <div 7223 id="ItemsGrid-collection" 7224 class="anm-reveal-container grid gap-template--20172726337706__main grid-cols-2 md:grid-cols-2 lg:grid-cols-4 list-layout:grid-cols-1 lg:list-layout:grid-cols-2" 7225 x-intersect.once="document.dispatchEvent(new CustomEvent('maximize:animation:reveal'));" 7226 ></div> 7227 </div> 7228 </div> 7229 </div> 7230
7230<script src="//nacholightingco.com/cdn/shop/t/30/assets/search-tab.js?v=148292504462363623931789788223" defer></script>
7230 7231 7232 7233</div> 7234 7235</section> 7236 </main> 7237 7238 <!-- BEGIN sections: footer-group --> 7239<div id="shopify-section-sections--20172716638378__footer" class="shopify-section shopify-section-group-footer-group section-footer"> 7240<style data-shopify>.section-sections--20172716638378__footer-padding { 7241 padding-top: 30.0px; 7242 padding-bottom: 0.0px; 7243 } 7244 7245 @media screen and (min-width: 768px) { 7246 .section-sections--20172716638378__footer-padding { 7247 padding-top: 60px; 7248 padding-bottom: 0px; 7249 } 7250 }</style><footer 7251 id="x-footer" 7252 class="x-footer full-width-padded rounded-corners-container mb-4 md:mb-[30px]" 7253 ><div class="section-divider w-full"> 7254 <div class="divider m-auto border-t"></div> 7255 </div> 7256 <div class="footer section-sections--20172716638378__footer-padding selection:color-bg-[rgba(var(--color-text),0.2)]"><div class="footer-main md:grid md:gap-[var(--spacing-column)] md:grid-cols-3 lg:grid-cols-5" 7257 style="--spacing-column: 32px; --rounded-corners: 6px;" 7258 ><div class="footer-col footer-col-contact text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:pointer-events-none md:cursor-default"> 7259 <p class="h5">Contact us</p> 7260 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7261 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7262 class="" fill="none" viewBox="0 0 10 2"> 7263 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7264 fill="currentColor"> 7265 </svg> 7266 </span> 7267 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7268 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7269 class="" fill="none" viewBox="0 0 10 10"> 7270 <path fill-rule="evenodd" clip-rule="evenodd" 7271 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7272 fill="currentColor"> 7273 </svg> 7274 </span> 7275 </div><div 7276 class="footer-collapse__content md:!block md:!h-auto" 7277 x-show="open" x-collapse 7278 > 7279 <div> 7280 <div class="mb-6"> 7281<div class="inline-flex items-center gap-x-4"> 7282 7283 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7284 7285 7286 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7287 <path d="M61.0757 94.166C57.3649 94.1617 53.7048 93.3023 50.3785 91.6544C41.1308 87.114 32.6669 81.1222 25.307 73.9056C18.1033 66.5326 12.1221 58.0536 7.58988 48.7894C5.39948 44.2698 4.67306 39.1777 5.51212 34.2244C6.35117 29.2712 8.71379 24.7042 12.2699 21.1615L18.0363 15.3848C19.4068 14.0172 21.2624 13.2494 23.1969 13.2494C25.1313 13.2494 26.9869 14.0172 28.3574 15.3848L36.9653 24.0499C38.1862 25.3059 38.92 26.9569 39.0349 28.7062C39.1498 30.4556 38.6382 32.1887 37.5921 33.5941L33.4135 39.4545C35.3506 45.7875 38.825 51.5406 43.5256 56.1987C48.098 60.7031 53.6886 64.0348 59.8221 65.9103L65.6721 61.7242C67.0832 60.6703 68.8247 60.1583 70.5806 60.2812C72.3364 60.404 73.99 61.1537 75.241 62.394L83.8489 71.0172C85.214 72.3902 85.9805 74.2491 85.9805 76.187C85.9805 78.1248 85.214 79.9837 83.8489 81.3567L78.0825 87.1334C75.8479 89.3675 73.1958 91.1384 70.2776 92.3451C67.3595 93.5518 64.2326 94.1705 61.0757 94.166ZM23.2178 19.529C23.0759 19.5283 22.9355 19.5578 22.8058 19.6156C22.6762 19.6733 22.5602 19.7579 22.4656 19.8639L16.6992 25.5987C14.0594 28.2304 12.3122 31.6268 11.7049 35.3077C11.0975 38.9886 11.6606 42.7676 13.3145 46.1103C17.6314 54.7246 23.2715 62.6066 30.0288 69.4684C36.8784 76.2378 44.7463 81.8879 53.3453 86.2125C56.682 87.8694 60.4543 88.4335 64.1286 87.8251C67.803 87.2166 71.1934 85.4663 73.8203 82.8218L79.3778 76.8777C79.4778 76.7837 79.5574 76.6702 79.6119 76.5442C79.6663 76.4182 79.6944 76.2824 79.6944 76.1451C79.6944 76.0078 79.6663 75.872 79.6119 75.746C79.5574 75.62 79.4778 75.5065 79.3778 75.4126L71.0207 66.7893C70.83 66.6215 70.585 66.529 70.3312 66.529C70.0774 66.529 69.8324 66.6215 69.6417 66.7893L62.6217 72.1056C62.2773 72.3592 61.884 72.5385 61.4669 72.6322C61.0497 72.7258 60.6177 72.7318 60.1982 72.6498C52.2274 70.6891 44.9798 66.4925 39.3053 60.5521C33.1615 54.8276 28.807 47.4409 26.7695 39.2871C26.6902 38.8667 26.6974 38.4344 26.7908 38.0169C26.8842 37.5994 27.0618 37.2054 27.3128 36.8592L32.6196 29.8266C32.787 29.6357 32.8794 29.3901 32.8794 29.1359C32.8794 28.8817 32.787 28.6362 32.6196 28.4452L23.9281 19.8639C23.8417 19.7
728759 23.7332 19.6745 23.6104 19.6166C23.4876 19.5587 23.3535 19.5288 23.2178 19.529ZM90.9943 57.5382C93.714 52.3758 95.1476 46.6312 95.1729 40.794C95.1729 35.9734 94.223 31.2002 92.3777 26.7481C90.5325 22.296 87.8281 18.2526 84.4196 14.8498C81.0112 11.4469 76.9658 8.75155 72.5153 6.91823C68.0649 5.08491 63.2969 4.1497 58.4849 4.16623C52.6581 4.19152 46.9238 5.62766 41.7706 8.35227C41.0604 8.75106 40.5276 9.40476 40.2794 10.1816C40.0313 10.9584 40.0863 11.8005 40.4335 12.5383C40.8312 13.2499 41.4865 13.7814 42.2642 14.0229C43.0418 14.2644 43.8823 14.1975 44.6121 13.836C48.8699 11.6173 53.602 10.468 58.4014 10.4871C66.4399 10.476 74.1542 13.6615 79.85 19.3439C85.5458 25.0264 88.7575 32.7412 88.7796 40.794C88.7987 45.602 87.6515 50.3425 85.4368 54.608C85.0759 55.339 85.0091 56.181 85.2502 56.9601C85.4912 57.7391 86.0218 58.3956 86.7321 58.794C87.1903 59.0087 87.6889 59.1228 88.1946 59.1289C88.7596 59.1333 89.3158 58.9887 89.8073 58.7094C90.2987 58.4302 90.7081 58.0262 90.9943 57.5382ZM66.8421 49.1661C67.356 48.5905 67.6401 47.8453 67.6401 47.0731C67.6401 46.3008 67.356 45.5557 66.8421 44.9801L61.6189 39.4964V28.2359C61.6189 27.4033 61.2887 26.6047 60.701 26.016C60.1132 25.4272 59.3161 25.0964 58.4849 25.0964C57.6538 25.0964 56.8566 25.4272 56.2689 26.016C55.6812 26.6047 55.351 27.4033 55.351 28.2359V40.794C55.3517 41.6264 55.6824 42.4244 56.2703 43.0126L62.6635 49.1661C63.2381 49.6809 63.9819 49.9656 64.7528 49.9656C65.5237 49.9656 66.2675 49.6809 66.8421 49.1661Z" fill="currentColor"/> 7288 </svg> 7289 7290 7291 7292 </span> 7293 7294 7295 <div> 7296 <p class="empty:hidden p-break-words mt-1 mb-1"> 7297 Phone Number 7298 </p> 7299 7300 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7301 888.611.9299 7302 </p> 7303 7304 </div> 7305 7306</div> 7307</div><div class="mb-6"> 7308<div class="inline-flex items-center gap-x-4"> 7309 7310 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7311 7312 7313 <svg style="fill: none" width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7314 <path d="M81.9696 5H37.0435C36.9861 5 36.9314 5.02469 36.8935 5.06779L22.5964 21.2951C22.4826 21.4243 22.5743 21.6273 22.7465 21.6273H96.6756C96.8491 21.6273 96.9403 21.4216 96.8238 21.293L82.1178 5.0657C82.0799 5.02386 82.026 5 81.9696 5Z" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7315 <path d="M30.0981 38.2539V47.6068" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7316 <path d="M91.4112 38.2539V75.6654H45.686" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7317 <path d="M41.5288 53.5826V49.6855H79.9796V75.6658" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7318 <path d="M61.2739 50.7266L61.2739 71.5107" stroke="currentColor" stroke-width="6" stroke-linecap="round"/> 7319 <path d="M22.8232 20.5879V27.8624C22.8232 33.0278 27.0107 37.2152 32.1761 37.2152V37.2152C37.3416 37.2152 41.529 33.0278 41.529 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7320 <path d="M41.5288 20.5879V27.8624C41.5288 33.0278 45.7162 37.2152 50.8817 37.2152V37.2152C56.0471 37.2152 60.2346 33.0278 60.2346 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7321 <path d="M60.2349 20.5879V27.8624C60.2349 33.0278 64.4223 37.2152 69.5877 37.2152V37.2152C74.7532 37.2152 78.9406 33.0278 78.9406 27.8624V20.5879" stroke="currentColor" stroke-width="6"/> 7322 <path d="M78.9409 20.5879V28.382C78.9409 33.2604 82.8957 37.2152 87.7742 37.2152V37.2152C92.6527 37.2152 96.6075 33.2604 96.6075 28.382V20.5879" stroke="currentColor" stroke-width="6"/> 7323 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0586 51.078C21.2416 50.6094 20.2484 50.6094 19.4314 51.078L2.39121 60.8531C1.53257 61.3456 1 62.2803 1 63.2945V82.8446C1 83.8589 1.53257 84.7935 2.39121 85.286L19.4314 95.0611C20.2484 95.5297 21.2416 95.5297 22.0586 95.0611L39.0987 85.286C39.9574 84.7935 40.4899 83.8589 40.4899 82.8446V63.2945C40.4899 62.2803 39.9574 61.3456 39.0987 60.8531L22.0586 51.078ZM9.27436 63.2945L20.745 56.7143L32.2156 63.2945L20.745 69.8747L9.27436 63.2945ZM23.4498 74.7129L35.0804 68.041V81.2013L23.4498 87.8732V74.7129ZM18.0402 74.7129V87.8732L6.40958 81.2013V68.041L18.0402 74.7129Z" fill="currentColor"/> 7324 </svg> 7325 7326 7327 7328 </span> 7329 7330 7331 <div> 7332 <p class="empty:hidden p-break-words mt-1 mb-1"> 7333 Address 7334 </p> 7335 7336 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7337 4641 E Ivy St.Mesa, AZ 85205 7338 </p> 7339 7340 </div> 7341 7342</div> 7343</div><div class="mb-6"> 7344<div class="inline-flex items-center gap-x-4"> 7345 7346 <span class="fill-current inline-block relative icon h-6 w-6 lg:h-9 lg:w-9 min-w-[24px] lg:min-w-[36px]"> 7347 7348 7349 <svg style="fill: none" width="100%" height="100%" viewB
7349ox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> 7350 <path d="M95.9991 40.1425V72.9993C95.9991 75.6136 94.9606 78.1207 93.112 79.9693C91.2635 81.8179 88.7563 82.8564 86.1421 82.8564V92.7134C86.1388 93.3621 85.9436 93.9953 85.5811 94.5332C85.2186 95.0712 84.7049 95.4897 84.1049 95.7362C83.715 95.9202 83.2874 96.0102 82.8564 95.9991C82.424 96.0016 81.9953 95.9187 81.595 95.7552C81.1946 95.5917 80.8306 95.3508 80.5235 95.0462L68.3665 82.8564H33.5711C30.9569 82.8564 28.4497 81.8179 26.6012 79.9693C24.7526 78.1207 23.7141 75.6136 23.7141 72.9993C23.7141 72.1279 24.0603 71.2922 24.6764 70.676C25.2926 70.0598 26.1284 69.7136 26.9998 69.7136C27.8712 69.7136 28.7069 70.0598 29.3231 70.676C29.9393 71.2922 30.2855 72.1279 30.2855 72.9993C30.2855 73.8707 30.6316 74.7065 31.2478 75.3226C31.864 75.9388 32.6997 76.285 33.5711 76.285H69.7136C70.1461 76.2825 70.5747 76.3654 70.975 76.5289C71.3754 76.6924 71.7395 76.9333 72.0465 77.2378L79.5707 84.7949V79.5707C79.5707 78.6993 79.9169 77.8635 80.533 77.2474C81.1492 76.6312 81.9849 76.285 82.8564 76.285H86.1421C87.0135 76.285 87.8492 75.9388 88.4654 75.3226C89.0816 74.7065 89.4277 73.8707 89.4277 72.9993V40.1425C89.4277 39.2711 89.0816 38.4354 88.4654 37.8192C87.8492 37.203 87.0135 36.8568 86.1421 36.8568C85.2706 36.8568 84.4349 36.5106 83.8187 35.8945C83.2025 35.2783 82.8564 34.4426 82.8564 33.5711C82.8564 32.6997 83.2025 31.864 83.8187 31.2478C84.4349 30.6316 85.2706 30.2855 86.1421 30.2855C88.7563 30.2855 91.2635 31.324 93.112 33.1725C94.9606 35.0211 95.9991 37.5282 95.9991 40.1425ZM31.6326 56.5709L19.4756 68.7608C19.1685 69.0653 18.8044 69.3062 18.4041 69.4697C18.0038 69.6333 17.5751 69.7161 17.1427 69.7136C16.7117 69.7247 16.2841 69.6347 15.8942 69.4508C15.2941 69.2043 14.7805 68.7857 14.418 68.2478C14.0555 67.7098 13.8603 67.0766 13.857 66.428V56.5709C11.2428 56.5709 8.73562 55.5324 6.88706 53.6838C5.03851 51.8353 4 49.3281 4 46.7139V13.857C4 11.2428 5.03851 8.73562 6.88706 6.88706C8.73562 5.03851 11.2428 4 13.857 4H66.428C69.0422 4 71.5494 5.03851 73.3979 6.88706C75.2465 8.73562 76.285 11.2428 76.285 13.857V46.7139C76.285 49.3281 75.2465 51.8353 73.3979 53.6838C71.5494 55.5324 69.0422 56.5709 66.428 56.5709H31.6326ZM30.2855 49.9995H66.428C67.2994 49.9995 68.1351 49.6534 68.7513 49.0372C69.3675 48.421 69.7136 47.5853 69.7136 46.7139V13.857C69.7136 12.9856 69.3675 12.1499 68.7513 11.5337C68.1351 10.9175 67.2994 10.5714 66.428 10.5714H13.857C12.9856 10.5714 12.1499 10.9175 11.5337 11.5337C10.9175 12.1499 10.5714 12.9856 10.5714 13.857V46.7139C10.5714 47.5853 10.9175 48.421 11.5337 49.0372C12.1499 49.6534 12.9856 49.9995 13.857 49.9995H17.1427C18.0141 49.9995 18.8499 50.3457 19.4661 50.9619C20.0822 51.5781 20.4284 52.4138 20.4284 53.2852V58.5095L27.9526 50.9524C28.2596 50.6479 28.6237 50.4069 29.0241 50.2434C29.4244 50.0799 29.853 49.997 30.2855 49.9995ZM40.1425 26.9998C39.4927 26.9998 38.8574 27.1925 38.3171 27.5535C37.7767 27.9145 37.3556 28.4277 37.1069 29.0281C36.8582 29.6285 36.7932 30.2891 36.92 30.9265C37.0467 31.5638 37.3597 32.1493 37.8192 32.6088C38.2787 33.0683 38.8641 33.3812 39.5015 33.508C40.1389 33.6348 40.7995 33.5697 41.3999 33.321C42.0003 33.0723 42.5134 32.6512 42.8744 32.1109C43.2355 31.5706 43.4282 30.9353 43.4282 30.2855C43.4282 29.414 43.082 28.5783 42.4658 27.9621C41.8496 27.3459 41.0139 26.9998 40.1425 26.9998ZM56.5709 26.9998C55.9211 26.9998 55.2858 27.1925 54.7455 27.5535C54.2052 27.9145 53.784 28.4277 53.5353 29.0281C53.2867 29.6285 53.2216 30.2891 53.3484 30.9265C53.4751 31.5638 53.7881 32.1493 54.2476 32.6088C54.7071 33.0683 55.2925 33.3812 55.9299 33.508C56.5673 33.6348 57.2279 33.5697 57.8283 33.321C58.4287 33.0723 58.9418 32.6512 59.3029 32.1109C59.6639 31.5706 59.8566 30.9353 59.8566 30.2855C59.8566 29.414 59.5104 28.5783 58.8942 27.9621C58.2781 27.3459 57.4423 26.9998 56.5709 26.9998ZM23.7141 26.9998C23.0642 26.9998 22.429 27.1925 21.8887 27.5535C21.3483 27.9145 20.9272 28.4277 20.6785 29.0281C20.4298 29.6285 20.3648 30.2891 20.4915 30.9265C20.6183 31.5638 20.9313 32.1493 21.3908 32.6088C21.8503 33.0683 22.4357 33.3812 23.0731 33.508C23.7104 33.6348 24.3711 33.5697 24.9715 33.321C25.5718 33.0723 26.085 32.6512 26.446 32.1109C26.8071 31.5706 26.9998 30.9353 26.9998 30.2855C26.9998 29.414 26.6536 28.5783 26.0374 27.9621C25.4212 27.3459 24.5855 26.9998 23.7141 26.9998Z" fill="currentColor"/> 7351 </svg> 7352 7353 7354 7355 </span> 7356 7357 7358 <div> 7359 <p class="empty:hidden p-break-words mt-1 mb-1"> 7360 Email Address 7361 </p> 7362 7363 <p class="nav-subtitle block text-medium h2 p-break-words empty:hidden mt-1 mb-1"> 7364 [email protected] 7365 </p> 7366 7367 </div> 7368 7369</div> 7370</div> 7371 7372</div> 7373 </div> 7374 </div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7375 <p class="h5">Nacho Info</p>
7376 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7377 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7378 class="" fill="none" viewBox="0 0 10 2"> 7379 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7380 fill="currentColor"> 7381 </svg> 7382 </span> 7383 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7384 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7385 class="" fill="none" viewBox="0 0 10 10"> 7386 <path fill-rule="evenodd" clip-rule="evenodd" 7387 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7388 fill="currentColor"> 7389 </svg> 7390 </span> 7391 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7392 7393 x-show="open" x-collapse 7394 ><li> 7395 <a href="/pages/whats-nacho" class="relative inline-block text-link-animation"> 7396 What's NACHO 7397 </a> 7398 </li><li> 7399 <a href="/pages/patents" class="relative inline-block text-link-animation"> 7400 Patents 7401 </a> 7402 </li><li> 7403 <a href="/pages/product-information-sheets" class="relative inline-block text-link-animation"> 7404 Instruction Sheets 7405 </a> 7406 </li><li> 7407 <a href="/products/gift-card" class="relative inline-block text-link-animation"> 7408 Gift Card 7409 </a> 7410 </li><li> 7411 <a href="/pages/career" class="relative inline-block text-link-animation"> 7412 Careers 7413 </a> 7414 </li><li> 7415 <a href="/pages/privacy-policy" class="relative inline-block text-link-animation"> 7416 Privacy Policy 7417 </a> 7418 </li><li> 7419 <a href="/pages/warranty-policy" class="relative inline-block text-link-animation"> 7420 Warranty Policy 7421 </a> 7422 </li><li> 7423 <a href="/pages/return-policy" class="relative inline-block text-link-animation"> 7424 Refund policy 7425 </a> 7426 </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7427 <p class="h5">Customer Support</p> 7428 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7429 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7430 class="" fill="none" viewBox="0 0 10 2"> 7431 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7432 fill="currentColor"> 7433 </svg> 7434 </span> 7435 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7436 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7437 class="" fill="none" viewBox="0 0 10 10"> 7438 <path fill-rule="evenodd" clip-rule="evenodd" 7439 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7440 fill="currentColor"> 7441 </svg> 7442 </span> 7443 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7444 7445 x-show="open" x-collapse 7446 ><li> 7447 <a href="/pages/terms-and-conditions" class="relative inline-block text-link-animation"> 7448 Terms & Conditions 7449 </a> 7450 </li><li> 7451 <a href="/pages/faqs" class="relative inline-block text-link-animation"> 7452 FAQ's 7453 </a> 7454 </li><li> 7455 <a href="/pages/dealer-application" class="relative inline-block text-link-animation"> 7456 Dealer Request 7457 </a> 7458 </li><li> 7459 <a href="/pages/dealer-locator" class="relative inline-block text-link-animation"> 7460 Dealer Locator 7461 </a> 7462 </li><li> 7463 <a href="/pages/govx" class="relative inline-block text-link-animation"> 7464 Military Discount 7465 </a> 7466 </li></ul></div></div><div class="footer-col footer-col-link_list text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"><div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:block md:pointer-events-none md:cursor-default"> 7467 <p class="h5">Orders</p>
7468 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7469 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7470 class="" fill="none" viewBox="0 0 10 2"> 7471 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7472 fill="currentColor"> 7473 </svg> 7474 </span> 7475 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7476 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7477 class="" fill="none" viewBox="0 0 10 10"> 7478 <path fill-rule="evenodd" clip-rule="evenodd" 7479 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7480 fill="currentColor"> 7481 </svg> 7482 </span> 7483 </div><ul class="footer-collapse__content footer-menu-links md:!h-auto md:!flex flex-col" 7484 7485 x-show="open" x-collapse 7486 ><li> 7487 <a href="/pages/product-registration-1" class="relative inline-block text-link-animation"> 7488 Product Registration 7489 </a> 7490 </li><li> 7491 <a href="https://account.nachooffroadtechnology.com/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJuYWNoby1vZmZyb2FkLXRlY2hub2xvZ3kubXlzaG9waWZ5LmNvbSIsImZsYWdzIjpbXSwiZXhwIjoxNzkyMjA0NjY2LCJuYmYiOjE3OTE1OTk4NjZ9.Q2dnAo1NF9ETcjbn1aemz84KOATHJMxgry1iJZUAAW4" class="relative inline-block text-link-animation"> 7492 My Orders 7493 </a> 7494 </li><li> 7495 <a href="/pages/warranty-claim" class="relative inline-block text-link-animation"> 7496 Warranty Claim 7497 </a> 7498 </li><li> 7499 <a href="https://nacholightingco.com/march-rebate-26" class="relative inline-block text-link-animation"> 7500 Rebate Form 7501 </a> 7502 </li></ul></div></div><div class="footer-col footer-col-email_footer text-left p-break-words md:col-span-1 lg:col-span-1" ><div x-data="{ open: false }" class="footer-collapsed border-b border-b-solid md:border-none"> 7503 <div @click="open = ! open" class="footer-collapse__label relative pe-5 md:pe-0 cursor-pointer md:cursor-default md:pointer-events-none"> 7504 <p class="h5">Newsletter</p> 7505 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 flex ltr:right-2.5 rtl:left-2.5" x-show="open"> 7506 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7507 class="" fill="none" viewBox="0 0 10 2"> 7508 <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" 7509 fill="currentColor"> 7510 </svg> 7511 </span> 7512 <span class="md:hidden absolute w-3 h-3 top-1/2 -translate-y-1/2 ltr:right-2.5 rtl:left-2.5" x-cloak x-show="!open"> 7513 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" 7514 class="" fill="none" viewBox="0 0 10 10"> 7515 <path fill-rule="evenodd" clip-rule="evenodd" 7516 d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" 7517 fill="currentColor"> 7518 </svg> 7519 </span> 7520 </div><div class="footer-collapse__content md:!h-auto md:!block" 7521 x-show="open" 7522 x-collapse 7523 > 7524 <div class="flex-1 md:mt-5"> 7525 7526 7527 7528 <div class="footer__email__subheading rte mt-0.5"> 7529 <p>Sign up for exclusive updates, new arrivals & insider only discounts.</p> 7530 </div> 7531 7532 7533 7534 </div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form grow flex-1 mx-0.5"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> 7535 <div class="mt-2 md:mt-4 mb-1" x-data="{ email: '', error: validateEmail('') }"> 7536 <div class="text-field__wrapper text-field__has-button"> 7537 <div class="text-field__content"> 7538 <input 7539 id="NewsletterForm--sections--20172716638378__footer" 7540 type="email" 7541 name="contact[email]" 7542 class="text-field__input" 7543 aria-required="true" 7544 autocorrect="off" 7545 autocapitalize="off" 7546 autocomplete="email" 7547 7548 placeholder="Your email" 7549 x-model="email" 7550 @input.debounce.500ms="error = validateEmail(email)" 7551 required 7552 > 7553 <label 7554 class="text-field__label" 7555 for="NewsletterForm--sections--20172716638378__footer" 7556 > 7557 Your email 7558 </label> 7559 </div> 7560 <custom-button> 7561 <button 7562 type="submit" 7563 class="button button-primary pt-2.5 pb-2.5 pl-3.5 pr-3.5 rounded-corners ml-1" 7564 :disabled="error.isError === true" 7565 >
7566 <span class="button-text lg:hidden xl:block"> 7567 Subscribe 7568 </span> 7569 7570 <span class="w-4 h-4 hidden lg:block xl:hidden"> 7571 <svg 7572 class="w-full h-full" 7573 viewBox="0 0 1024 1024" 7574 version="1.1" 7575 xmlns="http://www.w3.org/2000/svg" 7576 > 7577 <path fill="currentColor" 7578 d="M597.34016 170.65984q18.00192 0 30.33088 12.32896l298.65984 298.65984q12.32896 12.32896 12.32896 30.33088t-12.32896 30.33088l-298.65984 298.65984q-12.32896 12.32896-30.33088 12.32896-18.3296 0-30.49472-12.16512t-12.16512-30.49472q0-18.00192 12.32896-30.33088l225.9968-225.66912-665.00608 0q-17.67424 0-30.16704-12.4928t-12.4928-30.16704 12.4928-30.16704 30.16704-12.4928l665.00608 0-225.9968-225.66912q-12.32896-12.32896-12.32896-30.33088 0-18.3296 12.16512-30.49472t30.49472-12.16512z"/> 7579 </svg> 7580 </span> 7581 7582 </button> 7583 </custom-button> 7584 </div> 7585 <div 7586 id="footer__newsletter__error--sections--20172716638378__footer" 7587 class="flash-message error-message mt-1" 7588 x-show="error.isError === true && error.isInvalid === true" 7589 x-cloak 7590 > 7591 <p>Email is invalid</p> 7592 </div></div></form><div class="mt-4 text-center md:text-left"> 7593 7594 <ul class="social inline-flex flex-wrap gap-2.5 ltr justify-left"><li class="social-link"> 7595 <a 7596 href="https://www.facebook.com/thenachoexperience" 7597 target="blank" 7598 aria-label="Facebook" 7599 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7600 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7601 <path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7602 </svg></a> 7603 </li><li class="social-link"> 7604 <a 7605 href="https://www.instagram.com/nacho_offroadlighting/" 7606 target="blank" 7607 aria-label="Instagram" 7608 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7609 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7610 <path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7611 <path d="M3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16Z" stroke="currentColor" stroke-width="1.5"/> 7612 <path d="M17.5 6.51013L17.51 6.49902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7613 </svg></a> 7614 </li><li class="social-link"> 7615 <a 7616 href="https://www.tiktok.com/@nacho_offroadlights" 7617 target="blank" 7618 aria-label="TikTok" 7619 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7620 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7621 <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7622 <path d="M10 12C8.34315 12 7 13.3431 7 15C7 16.6569 8.34315 18 10 18C11.6569 18 13 16.6569 13 15V6C13.3333 7 14.6 9 17 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7623 </svg></a> 7624 </li><li class="social-link"> 7625 <a 7626 href="https://www.youtube.com/@nacho_offroadlights/featured" 7627 target="blank" 7628 aria-label="YouTube" 7629 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7630 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7631 <path d="M14 12.0006L10.5 14.2541V9.74707L14 12.0006Z" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7632 <path d="M2 12.7972V11.2028C2 7.94042 2 6.30927 2.90549 5.25973C3.81099 4.2102 5.23656 4.16476 8.08769 4.0739C9.43873 4.03085 10.8188 4 12 4C13.1812 4 14.5613 4.03085 15.9123 4.0739C18.7634 4.16476 20.189 4.2102 21.0945 5.25973C22 6.30927 22 7.94042 22 11.2028V12.7972C22 16.
76320595 22 17.6907 21.0945 18.7402C20.189 19.7897 18.7635 19.8352 15.9124 19.9261C14.5613 19.9691 13.1812 20 12 20C10.8188 20 9.43867 19.9691 8.0876 19.9261C5.23651 19.8352 3.81097 19.7897 2.90548 18.7402C2 17.6907 2 16.0595 2 12.7972Z" stroke="currentColor" stroke-width="1.5"/> 7633 </svg></a> 7634 </li><li class="social-link"> 7635 <a 7636 href="https://www.linkedin.com/company/nacho-lighting-co" 7637 target="blank" 7638 aria-label="Linkedin" 7639 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7640 ><svg viewBox="0 0 24 24" style="fill:none;" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7641 <path d="M21 8V16C21 18.7614 18.7614 21 16 21H8C5.23858 21 3 18.7614 3 16V8C3 5.23858 5.23858 3 8 3H16C18.7614 3 21 5.23858 21 8Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7642 <path d="M7 17V13.5V10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7643 <path d="M11 17V13.75M11 13.75V10M11 13.75C11 10 17 10 17 13.75V17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7644 <path d="M7 7.01013L7.01 6.99902" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 7645 </svg></a> 7646 </li><li class="social-link"> 7647 <a 7648 aria-label="Email" 7649 href="mailto:[email protected]" 7650 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7651 ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7652 <path 7653 d="M35 10.3636C34.9989 9.20668 34.5507 8.09745 33.754 7.27936C32.9572 6.46127 31.8768 6.00116 30.75 6H5.25C4.12318 6.00116 3.04282 6.46127 2.24604 7.27936C1.44925 8.09745 1.00113 9.20668 1 10.3636L1 25.6364C1 25.7233 1.02004 25.8044 1.02497 25.89C0.996334 26.0739 1.01489 26.2623 1.0788 26.4366C1.26066 27.4366 1.777 28.3399 2.53861 28.9905C3.30021 29.6412 4.25924 29.9982 5.25 30H30.75C31.7407 29.9982 32.6998 29.6412 33.4614 28.9905C34.223 28.3399 34.7393 27.4366 34.9212 26.4367C34.9851 26.2624 35.0037 26.074 34.975 25.89C34.98 25.8044 35 25.7233 35 25.6364V10.3636ZM26.2051 17.49L32.875 13.3813V23.6079L26.2051 17.49ZM5.25 8.18182H30.75C31.3134 8.18257 31.8534 8.41268 32.2518 8.82169C32.6502 9.23069 32.8743 9.78521 32.875 10.3636V10.8369L20.733 18.3164C19.908 18.8266 18.9631 19.0962 18 19.0962C17.0369 19.0962 16.092 18.8266 15.267 18.3164L3.125 10.8369V10.3636C3.12573 9.78521 3.34985 9.23069 3.74821 8.82169C4.14656 8.41268 4.68664 8.18257 5.25 8.18182ZM3.125 13.3813L9.79488 17.49L3.125 23.6079V13.3813ZM30.75 27.8182H5.25C4.81869 27.8169 4.39798 27.6809 4.04385 27.4281C3.68972 27.1753 3.41896 26.8178 3.26761 26.4031L11.7032 18.6655L14.1733 20.1871C15.3287 20.9009 16.6516 21.2781 18 21.2781C19.3484 21.2781 20.6713 20.9009 21.8267 20.1871L24.2968 18.6655L32.7324 26.4031C32.581 26.8178 32.3103 27.1753 31.9562 27.4281C31.602 27.6809 31.1813 27.8169 30.75 27.8182Z" 7654 fill="currentColor"/> 7655 </svg></a> 7656 </li><li class="social-link"> 7657 <a 7658 aria-label="Phone number" 7659 href="tel:888-611-9299" 7660 class="flex items-center justify-center icon h-6 w-6 lg:hover:color-text-[rgba(var(--color-link))]" 7661 ><svg viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"> 7662 <path 7663 d="M3.4597 8.67394C3.42327 7.99521 2.84352 7.47451 2.16478 7.51094C1.48605 7.54737 0.965371 8.12714 1.0018 8.80586L3.4597 8.67394ZM5.04462 2.38313C4.57652 2.87596 4.59656 3.65495 5.08939 4.12306C5.58222 4.59116 6.3612 4.57113 6.82932 4.0783L5.04462 2.38313ZM14.8024 29.8203C15.3779 30.182 16.1377 30.0087 16.4994 29.4332C16.861 28.8577 16.6876 28.0979 16.1121 27.7363L14.8024 29.8203ZM22.1029 30.2241C21.4377 30.0848 20.7854 30.5113 20.6461 31.1765C20.5067 31.8418 20.9331 32.4941 21.5985 32.6334L22.1029 30.2241ZM22.9752 22.8157L23.7225 22.0288L21.9378 20.3337L21.1905 21.1206L22.9752 22.8157ZM26.1818 21.6975L29.3169 23.5021L30.5448 21.3688L27.4098 19.5643L26.1818 21.6975ZM29.9219 27.2433L27.5909 29.6975L29.3757 31.3927L31.7066 28.9386L29.9219 27.2433ZM11.0202 23.4967C4.6596 16.8001 3.59268 11.1515 3.4597 8.67394L1.0018 8.80586C1.16467 11.8404 2.45312 18.0513 9.23549 25.1918L11.0202 23.4967ZM13.2771 12.6054L13.7478 12.1099L11.963 10.4148L11.4924 10.9103L13.2771 12.6054ZM14.1175 5.94072L12.0482 3.01408L10.0384 4.43511L12.1076 7.36173L14.1175 5.94072ZM12.3847 11.7578C11.4924 10.9103 11.4912 10.9115 11.4901 10.9127C11.4897 10.9131 11.4886 10.9143 11.4878 10.9151C11.4862 10.9168 11.4846 10.9185 11.483 10.9202C11.4798 10.9237 11.4764 10.9273 11.473 10.9311C11.4661 10.9387 11.4588 10.9469 11.4511 10.9557C11.4358 10.9734 11.4189 10.9936 11.4009 11.0163C11.3648 11.0619 11.324 11.1179 11.2812 11.1848C11.1954 11.319 11.1022 11.4957 11.0234 11.7173C10.8631 12.1678 10.7757 12.7645 10.8849 13.5096C11.0994 14.9735 12.0586 16.9422 14.565 19.5809L16.3497 17.8857C14.0069 15.4192 13.4299 13.9002 13.3203 13.1527C13.2675 12.7921 13.3212 12.6021 13.3424 12.5425C13.3543 12.5089 13.3621 12.4996 13.3545 12.5115C13.3508 12.5173 13.3434 12.5282 13.331 12.5439C13.3248 12.5517 13.3173 12.5608 13.3084 12.571C13.3039 12.5762 13.2991 12.5816 13.2939 12.5873C13.2913 12.5902 13.2886 12.5931 13.2858 12.5962C13.2844 12.5977 13.283 12.5992 13.2815 12.6007C13.28
766308 12.6015 13.2797 12.6027 13.2793 12.6031C13.2782 12.6043 13.2771 12.6054 12.3847 11.7578ZM14.565 19.5809C17.0638 22.2118 18.9513 23.2461 20.3912 23.4799C21.13 23.5999 21.7281 23.5041 22.181 23.3255C22.4024 23.2382 22.5776 23.1357 22.7091 23.0425C22.7746 22.9959 22.8292 22.9517 22.8733 22.9132C22.8953 22.8938 22.9149 22.8757 22.9318 22.8593C22.9403 22.8513 22.948 22.8434 22.9552 22.8362C22.9588 22.8326 22.9624 22.829 22.9657 22.8255C22.9674 22.8239 22.969 22.8222 22.9705 22.8206C22.9713 22.8198 22.9725 22.8185 22.9729 22.8181C22.9741 22.8168 22.9752 22.8157 22.0829 21.9681C21.1905 21.1206 21.1917 21.1194 21.1927 21.1183C21.1932 21.1178 21.1941 21.1166 21.195 21.1158C21.1964 21.1143 21.1979 21.1129 21.1992 21.1114C21.2022 21.1084 21.205 21.1055 21.2078 21.1027C21.2132 21.0973 21.2184 21.092 21.2234 21.0873C21.2334 21.0777 21.2422 21.0695 21.2501 21.0626C21.2659 21.0489 21.2775 21.04 21.2851 21.0347C21.3003 21.0238 21.2988 21.0275 21.2778 21.0357C21.2462 21.0482 21.0972 21.1009 20.7857 21.0503C20.1252 20.943 18.6997 20.36 16.3497 17.8857L14.565 19.5809ZM12.0482 3.01408C10.385 0.661635 7.05674 0.264752 5.04462 2.38313L6.82932 4.0783C7.68726 3.17503 9.19765 3.24598 10.0384 4.43511L12.0482 3.01408ZM27.5909 29.6975C27.1329 30.1797 26.654 30.4379 26.1882 30.4839L26.4301 32.9335C27.6559 32.8124 28.648 32.1587 29.3757 31.3927L27.5909 29.6975ZM13.7478 12.1099C15.3354 10.4383 15.4478 7.82235 14.1175 5.94072L12.1076 7.36173C12.8004 8.3415 12.6941 9.64505 11.963 10.4148L13.7478 12.1099ZM29.3169 23.5021C30.664 24.2774 30.9275 26.1847 29.9219 27.2433L31.7066 28.9386C33.8481 26.6841 33.2244 22.9112 30.5448 21.3688L29.3169 23.5021ZM23.7225 22.0288C24.355 21.3629 25.3405 21.2133 26.1818 21.6975L27.4098 19.5643C25.6072 18.5267 23.3717 18.8242 21.9378 20.3337L23.7225 22.0288ZM16.1121 27.7363C14.4979 26.7218 12.7798 25.3492 11.0202 23.4967L9.23549 25.1918C11.1292 27.1856 13.0054 28.691 14.8024 29.8203L16.1121 27.7363ZM26.1882 30.4839C25.2915 30.5725 23.8722 30.5947 22.1029 30.2241L21.5985 32.6334C23.6472 33.0623 25.3212 33.043 26.4301 32.9335L26.1882 30.4839Z" 7664 fill="currentColor"/> 7665 </svg></a> 7666 </li></ul> 7667 7668 </div></div> 7669 </div></div><div class="footer-col footer-col-subfooter text-left p-break-words md:col-span-3 lg:col-span-5" > 7670 <style data-shopify> 7671 .sub-footer { 7672 padding-top: 10.0px; 7673 padding-bottom: 10.0px; 7674 } 7675 7676 @media screen and (min-width: 768px) { 7677 .sub-footer { 7678 padding-top: 20px; 7679 padding-bottom: 20px; 7680 } 7681 } 7682 </style> 7683 <div 7684 class="sub-footer sub-footer-row text-small pt-5 pb-5 lg:pt-10 lg:pb-10 w-full flex flex-col md:flex gap-y-4 md:justify-between items-center md:border-t" 7685 ><div class="flex flex-row items-center"> 7686 <span class="text-center lg:mt-0 lg:text-left p-break-words"><span>©</span> 7687 <span class="inline-block rte"><p>2026, Nacho Lighting Co.</p></span> 7688 7689<span class="text-link"></span> 7690 </span> 7691 </div> 7692</div></div></div></div> 7693 </footer> 7694</div> 7695<!-- END sections: footer-group --> 7696 7697 <div id="maximize-popup" class="fixed inset-0 z-[60] pointer-events-none md:block flex flex-col-reverse justify-center"> 7698 7699</div><div id="popup-minimal-left" class="fixed z-30 bottom-4 md:bottom-8 left-4 md:left-8 pr-4 md:pr-8 pointer-events-auto text-left"></div> 7700 7701 7702 <style data-shopify> 7703 .scroll-to-top__button svg { 7704 fill: currentColor; 7705 } 7706 .scroll-to-top__button { 7707 bottom: 40px; 7708 } 7709 @media(min-width: 768px) { 7710 .scroll-to-top__button { 7711 bottom: 40px; 7712 } 7713 } 7714</style> 7715<div 7716 x-data="xScrollTop" 7717 x-init="scrollFunction()" 7718 @scroll.window="scrollFunction()" 7719 class=" md:block" 7720> 7721 <custom-button> 7722 <button 7723 x-show="show" x-cloak 7724 @click="scrollTop()" 7725 class="scroll-to-top__button anm-button-secondary !fixed flex items-center justify-center color-text-[rgba(var(--color-secondary-button-text))] color-bg-[rgba(var(--color-secondary-button-no-alpha),0.6)] z-30 p-3 w-11 h-11 md:w-14 md:h-14 md:p-4 border-0 rounded-full overflow-hidden left-5" 7726 x-transition:enter="transition-all ease-in-out duration-500" 7727 x-transition:enter-start="opacity-0 transform translate-y-1/3" 7728 x-transition:enter-end="opacity-100 translate-y-0" 7729 x-transition:leave="transition-all ease-in-out duration-500" 7730 x-transition:leave-end="opacity-0 transform translate-y-1/3" 7731 aria-label="scroll top" 7732 > 7733
7734 <span class="inline-block w-5 h-5"> 7735 <svg width="100%" height="100%" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" 7736 style="fill: none;"> 7737 <path 7738 d="M9.98019 5.00014C9.6324 5.00512 9.3003 5.14096 9.05431 5.37884L1.4114 12.7724C1.28299 12.8916 1.18048 13.0344 1.10985 13.1925C1.03922 13.3505 1.0019 13.5206 1.00007 13.6927C0.998244 13.8649 1.03195 14.0357 1.09921 14.1951C1.16647 14.3544 1.26594 14.4993 1.39179 14.621C1.51763 14.7427 1.66732 14.839 1.8321 14.904C1.99687 14.9691 2.17341 15.0017 2.35137 14.9999C2.52933 14.9982 2.70514 14.9621 2.8685 14.8937C3.03185 14.8254 3.17947 14.7262 3.30271 14.602L10 8.12322L16.6973 14.602C16.8205 14.7262 16.9681 14.8254 17.1315 14.8937C17.2949 14.9621 17.4707 14.9982 17.6486 14.9999C17.8266 15.0017 18.0031 14.9691 18.1679 14.904C18.3327 14.839 18.4824 14.7427 18.6082 14.621C18.7341 14.4993 18.8335 14.3544 18.9008 14.1951C18.9681 14.0357 19.0018 13.8649 18.9999 13.6927C18.9981 13.5206 18.9608 13.3505 18.8902 13.1925C18.8195 13.0344 18.717 12.8916 18.5886 12.7724L10.9457 5.37884C10.8191 5.25646 10.6685 5.15988 10.5027 5.09483C10.3368 5.02978 10.1591 4.99759 9.98019 5.00014ZM9.99997 11.2972C9.49321 11.2972 9.00721 11.492 8.64888 11.8386C8.29055 12.1853 8.08924 12.6554 8.08924 13.1456C8.08924 13.6359 8.29055 14.106 8.64888 14.4527C9.00721 14.7993 9.49321 14.994 9.99997 14.994C10.5067 14.994 10.9927 14.7993 11.3511 14.4527C11.7094 14.106 11.9107 13.6359 11.9107 13.1456C11.9107 12.6554 11.7094 12.1853 11.3511 11.8386C10.9927 11.492 10.5067 11.2972 9.99997 11.2972Z" 7739 fill="currentColor"/> 7740 </svg> 7741 7742 </span> 7743 7744 </button> 7745 </custom-button> 7746</div> 7747
7748<script> 7749 requestAnimationFrame(() => { 7750 document.addEventListener('alpine:init', () => { 7751 Alpine.data('xScrollTop', () => ({ 7752 show: false, 7753 scrollTop() { 7754 window.scrollTo({top: 0, behavior: 'smooth'}); 7755 }, 7756 scrollFunction() { 7757 const position = window.innerWidth < 1025 ? 300 : 900; 7758 this.show = (document.body.scrollTop > position || document.documentElement.scrollTop > position) 7759 ? true : false; 7760 } 7761 })); 7762 }); 7763 }); 7764</script>
7764 7765 7766 7767 7768 7769 <ul hidden> 7770 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh. 7771 </li> 7772 <li id="a11y-new-window-message">Opens in a new window. 7773 </li> 7774 </ul>
7774<script> 7775 window.Maximize = { 7776 sliderScript: '//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223', 7777 loadedScript: [], 7778 loginToViewPrice: { 7779 mode: 'none', 7780 customerCanView: true, 7781 loginUrl: 'https://nacholightingco.com/customer_authentication/redirect?locale=en®ion_country=US', 7782 }, 7783 cart_add_url: '/cart/add', 7784 variantStrings: { 7785 addToCart: `Add to cart`, 7786 soldOut: `Sold out`, 7787 unavailable: `Unavailable`, 7788 }, 7789 cartTranslations: { 7790 removeDiscountSuccess: `[code] has been removed.`, 7791 removeDiscountFailure: `An error occurred, please refresh the page and try again.`, 7792 }, 7793 routes: { 7794 addToCart: '/cart/add', 7795 cartChange: '/cart/change', 7796 cartUpdate: '/cart/update', 7797 cart: '/cart', 7798 search_url: '/search', 7799 predictiveSearch: '/search/suggest', 7800 productRecommendations: '/recommendations/products' 7801 }, 7802 isCartPage: false, 7803 isEnableCartDrawer: true, 7804 cartProperties: { 7805 additionalFee: '_item_id' 7806 }, 7807 isProductPage: false, 7808 rtl: false, 7809 isDesignMode:false, 7810 hasMousePointer: window.matchMedia('(hover: hover)').matches, 7811 giftWrappingVariantId: false, 7812 isShowPopupOverlay: false, 7813 checkFileNotLoaded: function () { 7814 const fileName = document.currentScript.src.split('/').pop().split('?')[0]; 7815 if (!window.Maximize.loadedScript.includes(fileName)) { 7816 window.Maximize.loadedScript.push(fileName) 7817 return true; 7818 } else { 7819 return false; 7820 } 7821 }, 7822 buttonHoverAnm: 'thicken' 7823 }; 7824 7825 // Shared JSON parser used across multiple defer scripts (theme.js, cart-drawer.js, etc.). 7826 // Defined here in an inline script so it is synchronously available before any defer script runs. 7827 window.xParseJSON = function(jsonString) { 7828 jsonString = String.raw`${jsonString}`; 7829 jsonString = jsonString.replaceAll("\\", "\\\\").replaceAll('\\"', '"'); 7830 return JSON.parse(jsonString); 7831 }; 7832 </script>
7832<script src="//nacholightingco.com/cdn/shop/t/30/assets/theme.js?v=2882019224224079701789788223" defer></script>
7832 7833
7833<script src="//nacholightingco.com/cdn/shop/t/30/assets/custom-elements.js?v=29540144308327494911789788223" defer></script>
7833 7834
7834<script src="//nacholightingco.com/cdn/shop/t/30/assets/new-cart-helper.js?v=126254080501321393201789788223" defer></script>
7834 7835 7836
7836<script src="//nacholightingco.com/cdn/shop/t/30/assets/swiffy-slider.js?v=118103268902293321401789788223" defer></script>
7836 7837
7837<script src="//nacholightingco.com/cdn/shop/t/30/assets/header.js?v=131688355276325604361789788223" defer></script>
7837 7838
7838<script src="//nacholightingco.com/cdn/shop/t/30/assets/animation-card.js?v=21159888398740685721789788223" defer></script>
7838 7839
7839<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-form.js?v=46098878869241455481789788223" defer></script>
7839 7840
7840<script src="//nacholightingco.com/cdn/shop/t/30/assets/product-card.js?v=171635390480007693341789788223" defer></script>
7840 7841
7841<script src="//nacholightingco.com/cdn/shop/t/30/assets/vendors.js?v=21726020999429958561789788223" defer></script>
7841 7842
7842<script> 7843 window.addEventListener("load", (event) => { 7844 deferScriptLoad('instant.page', '//nacholightingco.com/cdn/shop/t/30/assets/instant.page.v5.1.1.js?v=43232110432331176871789788223', () => { 7845 }, true); 7846 }); 7847 </script>
7847 7848</div> 7849<style> .powrMark__text {display: none !important;} @media (max-width: 767px) {html:root {--h5-font-size: 20px; --h6-font-size: 18px; --h7-font-size: 16px; --body-font-size-x-small: 12px; --body-font-size-xx-small: 12px; } html:root .block-title-size {--heading-font-size-small: 18px; } input, select, textarea {font-size: 16px !important; }} html:not(.dark) #fulfilled-reviews-all,html:not(.dark) #fulfilled-reviews-all [class*="kl_reviews"]:not(.kl_reviews__button):not([class*="star"]),html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters * {color: #080808 !important;} html:not(.dark) #fulfilled-reviews-all :is( .kl_reviews__review__timestamp, .kl_reviews__review__variant, .kl_reviews__histogram__rating, .kl_reviews__histogram__value, .kl_reviews__summary__average_denominator, .kl_reviews__summary__stars__count ) {color: #555 !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters :is(select, input, button) {background: rgba(0, 0, 0, 0.06) !important; border-color: rgba(0, 0, 0, 0.2) !important;} html:not(.dark) #fulfilled-reviews-all .kl_reviews__filters svg path {fill: #555 !important;} </style> 7850<div id="shopify-block-AamljVU9tMHJLSENyT__12016176150940211849" class="shopify-block shopify-app-block">
7850<script> 7851 document.addEventListener('DOMContentLoaded', function () { 7852 const script = document.createElement('script'); 7853 script.src = "https://cdn.shopify.com/extensions/01a1200c-9b68-7c42-959e-17fc13ea1118/ot-section-builder-7-109/assets/otsb-vendors.min.js"; 7854 script.defer = true; 7855 document.body.appendChild(script); 7856 }); 7857</script>
7857 7858<div style="display:none !important;" id="otsb_trademark_t"><div class="otsb_trademark_root" >Powered by <a href="https://apps.shopify.com/ot-section-builder?utm_source=trademark&utm_medium=referral&utm_campaign=otsb" target="_blank" rel="nofollow">Omni Themes</a></div></div> 7859<div class="otsb__root"> 7860 <div id="otsb-popup-minimal-left"></div> 7861 <div id="otsb-popup-minimal-right"></div> 7862</div> 7863 7864</div><div id="shopify-block-AQ3pDcHdQK1g2bEpSQ__1115855741281207229" class="shopify-block shopify-app-block"> 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
7912<script> 7913 (function () { 7914 const cartAttributes = {}; 7915 7916 // Helper function to retrieve the UTM from Url 7917 function getUTMFromUrl() { 7918 const url_string = window.location.href; 7919 const url = new URL(url_string); 7920 7921 const utm_id = url.searchParams.get("utm_id"); 7922 const utm_source = url.searchParams.get("utm_source"); 7923 const utm_medium = url.searchParams.get("utm_medium"); 7924 const utm_campaign = url.searchParams.get("utm_campaign"); 7925 const utm_term = url.searchParams.get("utm_term"); 7926 const ref = url.searchParams.get("ref"); 7927 7928 if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) { 7929 return null; 7930 } 7931 7932 let utmParameters = {}; 7933 7934 if (utm_id) { 7935 utmParameters.utm_id = utm_id; 7936 } 7937 if (utm_source) { 7938 utmParameters.utm_source = utm_source; 7939 } 7940 if (utm_medium) { 7941 utmParameters.utm_medium = utm_medium; 7942 } 7943 if (utm_campaign) { 7944 utmParameters.utm_campaign = utm_campaign; 7945 } 7946 if (utm_term) { 7947 utmParameters.utm_term = utm_term; 7948 } 7949 if (ref) { 7950 utmParameters.ref = ref; 7951 } 7952 7953 7954 return Object.keys(utmParameters).length === 0 7955 ? null 7956 : utmParameters; 7957 } 7958 7959 // Helper function to retrieve the UTM from Cookie 7960 function getUTMAttributes() { 7961 const urlUtmParams = getUTMFromUrl(); 7962 7963 if (urlUtmParams) { 7964 return urlUtmParams; 7965 } 7966 7967 // No longer reading from deprecated Shopify cookies 7968 return undefined; 7969 } 7970 7971 function saveUtmParameters() { 7972 const utmParams = getUTMAttributes(); 7973 if (utmParams) { 7974 const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref"); 7975 if (cartHasUtmAttributes) { 7976 // Don't call API if it already contains our UTM parameters 7977 return; 7978 } 7979 7980 // Handle both Shopify.routes.root and routes.root_url for better compatibility 7981 var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 7982 || (window.routes && window.routes.root_url) 7983 || '/'; 7984 7985 var updateCart = fetch(rootUrl + 'cart/update.js', 7986 { 7987 headers: { 7988 'Content-Type': 'application/json', 7989 }, 7990 method: "POST", 7991 body: JSON.stringify({ 7992 attributes: { 7993 ...utmParams 7994 }, 7995 }) 7996 }) 7997 .then(response => response.json()) 7998 .then(data => { 7999 return data 8000 }); 8001 } 8002 } 8003 8004 saveUtmParameters(); 8005 })(); 8006</script>
8006 8007 8008 8009 8010 8011</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> 8012 8013 8014
8014<script> 8015 window.lbupsellVersion = 2; 8016 </script>
8016 8017 8018 8019
8020<script> 8021 8022 8023 window.lbupsellToken = "4f8012d7ffd553392a1a5115c0784382" 8024 8025 8026</script>
8026 8027
8028<script> 8029 8030 window.lbInitMode = "immediate"; 8031 8032 window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-upsell-components.esm.js";</script>
8032 8033
8034<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a11b1f-c31b-7be6-a9fa-668fb9c33aa6/lb-upsell-453/assets/lb-utils.js" defer="defer"></script>
8034 8035 8036</div><div id="shopify-block-AYWxDRlM0T0U5UE1we__11576833278641654045" class="shopify-block shopify-app-block"> 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078</div>
8078<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8078 8079<shopify-chat></shopify-chat> 8080</body> 8081</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.